@k3-tech/react-kit 0.0.54 → 0.0.56

package/dist/index.js

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import React__default, { createContext, useSyncExternalStore, useEffect, useMemo, useContext, forwardRef, createElement, Fragment as Fragment$1, memo as memo$1, useRef, useCallback, useLayoutEffect, useReducer, cloneElement, Component, useState, useImperativeHandle, use as use$7, isValidElement, PureComponent } from "react";
+import React__default, { createContext, useSyncExternalStore, useEffect, useMemo, useContext, forwardRef, createElement, Fragment as Fragment$1, memo as memo$1, useRef, useCallback, useLayoutEffect, useReducer, cloneElement, Component, useState, useImperativeHandle, use as use$1, isValidElement, PureComponent } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 import { useRouter, useLocation, Link as Link$1 } from "@tanstack/react-router";
@@ -4609,28 +4609,7 @@ function clsx() {
   for (var e2, t2, f = 0, n2 = "", o2 = arguments.length; f < o2; f++) (e2 = arguments[f]) && (t2 = r$2(e2)) && (n2 && (n2 += " "), n2 += t2);
   return n2;
 }
-const concatArrays = (array1, array2) => {
-  const combinedArray = new Array(array1.length + array2.length);
-  for (let i2 = 0; i2 < array1.length; i2++) {
-    combinedArray[i2] = array1[i2];
-  }
-  for (let i2 = 0; i2 < array2.length; i2++) {
-    combinedArray[array1.length + i2] = array2[i2];
-  }
-  return combinedArray;
-};
-const createClassValidatorObject = (classGroupId, validator) => ({
-  classGroupId,
-  validator
-});
-const createClassPartObject = (nextPart = /* @__PURE__ */ new Map(), validators2 = null, classGroupId) => ({
-  nextPart,
-  validators: validators2,
-  classGroupId
-});
 const CLASS_PART_SEPARATOR = "-";
-const EMPTY_CONFLICTS = [];
-const ARBITRARY_PROPERTY_PREFIX = "arbitrary..";
 const createClassGroupUtils = (config2) => {
   const classMap = createClassMap(config2);
   const {
@@ -4638,134 +4617,104 @@ const createClassGroupUtils = (config2) => {
     conflictingClassGroupModifiers
   } = config2;
   const getClassGroupId = (className) => {
-    if (className.startsWith("[") && className.endsWith("]")) {
-      return getGroupIdForArbitraryProperty(className);
-    }
     const classParts = className.split(CLASS_PART_SEPARATOR);
-    const startIndex = classParts[0] === "" && classParts.length > 1 ? 1 : 0;
-    return getGroupRecursive(classParts, startIndex, classMap);
+    if (classParts[0] === "" && classParts.length !== 1) {
+      classParts.shift();
+    }
+    return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
   };
   const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-    if (hasPostfixModifier) {
-      const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
-      const baseConflicts = conflictingClassGroups[classGroupId];
-      if (modifierConflicts) {
-        if (baseConflicts) {
-          return concatArrays(baseConflicts, modifierConflicts);
-        }
-        return modifierConflicts;
-      }
-      return baseConflicts || EMPTY_CONFLICTS;
+    const conflicts = conflictingClassGroups[classGroupId] || [];
+    if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
+      return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
     }
-    return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
+    return conflicts;
   };
   return {
     getClassGroupId,
     getConflictingClassGroupIds
   };
 };
-const getGroupRecursive = (classParts, startIndex, classPartObject) => {
-  const classPathsLength = classParts.length - startIndex;
-  if (classPathsLength === 0) {
+const getGroupRecursive = (classParts, classPartObject) => {
+  var _a2;
+  if (classParts.length === 0) {
     return classPartObject.classGroupId;
   }
-  const currentClassPart = classParts[startIndex];
+  const currentClassPart = classParts[0];
   const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-  if (nextClassPartObject) {
-    const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);
-    if (result) return result;
+  const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
+  if (classGroupFromNextClassPart) {
+    return classGroupFromNextClassPart;
   }
-  const validators2 = classPartObject.validators;
-  if (validators2 === null) {
+  if (classPartObject.validators.length === 0) {
     return void 0;
   }
-  const classRest = startIndex === 0 ? classParts.join(CLASS_PART_SEPARATOR) : classParts.slice(startIndex).join(CLASS_PART_SEPARATOR);
-  const validatorsLength = validators2.length;
-  for (let i2 = 0; i2 < validatorsLength; i2++) {
-    const validatorObj = validators2[i2];
-    if (validatorObj.validator(classRest)) {
-      return validatorObj.classGroupId;
+  const classRest = classParts.join(CLASS_PART_SEPARATOR);
+  return (_a2 = classPartObject.validators.find(({
+    validator
+  }) => validator(classRest))) == null ? void 0 : _a2.classGroupId;
+};
+const arbitraryPropertyRegex = /^\[(.+)\]$/;
+const getGroupIdForArbitraryProperty = (className) => {
+  if (arbitraryPropertyRegex.test(className)) {
+    const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
+    const property = arbitraryPropertyClassName == null ? void 0 : arbitraryPropertyClassName.substring(0, arbitraryPropertyClassName.indexOf(":"));
+    if (property) {
+      return "arbitrary.." + property;
     }
   }
-  return void 0;
 };
-const getGroupIdForArbitraryProperty = (className) => className.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-  const content = className.slice(1, -1);
-  const colonIndex = content.indexOf(":");
-  const property = content.slice(0, colonIndex);
-  return property ? ARBITRARY_PROPERTY_PREFIX + property : void 0;
-})();
 const createClassMap = (config2) => {
   const {
     theme,
     classGroups
   } = config2;
-  return processClassGroups(classGroups, theme);
-};
-const processClassGroups = (classGroups, theme) => {
-  const classMap = createClassPartObject();
+  const classMap = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
   for (const classGroupId in classGroups) {
-    const group = classGroups[classGroupId];
-    processClassesRecursively(group, classMap, classGroupId, theme);
+    processClassesRecursively(classGroups[classGroupId], classMap, classGroupId, theme);
   }
   return classMap;
 };
 const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
-  const len = classGroup.length;
-  for (let i2 = 0; i2 < len; i2++) {
-    const classDefinition = classGroup[i2];
-    processClassDefinition(classDefinition, classPartObject, classGroupId, theme);
-  }
-};
-const processClassDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
-  if (typeof classDefinition === "string") {
-    processStringDefinition(classDefinition, classPartObject, classGroupId);
-    return;
-  }
-  if (typeof classDefinition === "function") {
-    processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme);
-    return;
-  }
-  processObjectDefinition(classDefinition, classPartObject, classGroupId, theme);
-};
-const processStringDefinition = (classDefinition, classPartObject, classGroupId) => {
-  const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
-  classPartObjectToEdit.classGroupId = classGroupId;
-};
-const processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
-  if (isThemeGetter(classDefinition)) {
-    processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
-    return;
-  }
-  if (classPartObject.validators === null) {
-    classPartObject.validators = [];
-  }
-  classPartObject.validators.push(createClassValidatorObject(classGroupId, classDefinition));
-};
-const processObjectDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
-  const entries = Object.entries(classDefinition);
-  const len = entries.length;
-  for (let i2 = 0; i2 < len; i2++) {
-    const [key, value] = entries[i2];
-    processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme);
-  }
+  classGroup.forEach((classDefinition) => {
+    if (typeof classDefinition === "string") {
+      const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
+      classPartObjectToEdit.classGroupId = classGroupId;
+      return;
+    }
+    if (typeof classDefinition === "function") {
+      if (isThemeGetter(classDefinition)) {
+        processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
+        return;
+      }
+      classPartObject.validators.push({
+        validator: classDefinition,
+        classGroupId
+      });
+      return;
+    }
+    Object.entries(classDefinition).forEach(([key, classGroup2]) => {
+      processClassesRecursively(classGroup2, getPart(classPartObject, key), classGroupId, theme);
+    });
+  });
 };
 const getPart = (classPartObject, path) => {
-  let current = classPartObject;
-  const parts = path.split(CLASS_PART_SEPARATOR);
-  const len = parts.length;
-  for (let i2 = 0; i2 < len; i2++) {
-    const part = parts[i2];
-    let next = current.nextPart.get(part);
-    if (!next) {
-      next = createClassPartObject();
-      current.nextPart.set(part, next);
-    }
-    current = next;
-  }
-  return current;
+  let currentClassPartObject = classPartObject;
+  path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
+    if (!currentClassPartObject.nextPart.has(pathPart)) {
+      currentClassPartObject.nextPart.set(pathPart, {
+        nextPart: /* @__PURE__ */ new Map(),
+        validators: []
+      });
+    }
+    currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
+  });
+  return currentClassPartObject;
 };
-const isThemeGetter = (func) => "isThemeGetter" in func && func.isThemeGetter === true;
+const isThemeGetter = (func) => func.isThemeGetter;
 const createLruCache = (maxCacheSize) => {
   if (maxCacheSize < 1) {
     return {
@@ -4775,31 +4724,31 @@ const createLruCache = (maxCacheSize) => {
     };
   }
   let cacheSize = 0;
-  let cache2 = /* @__PURE__ */ Object.create(null);
-  let previousCache = /* @__PURE__ */ Object.create(null);
+  let cache2 = /* @__PURE__ */ new Map();
+  let previousCache = /* @__PURE__ */ new Map();
   const update = (key, value) => {
-    cache2[key] = value;
+    cache2.set(key, value);
     cacheSize++;
     if (cacheSize > maxCacheSize) {
       cacheSize = 0;
       previousCache = cache2;
-      cache2 = /* @__PURE__ */ Object.create(null);
+      cache2 = /* @__PURE__ */ new Map();
     }
   };
   return {
     get(key) {
-      let value = cache2[key];
+      let value = cache2.get(key);
       if (value !== void 0) {
         return value;
       }
-      if ((value = previousCache[key]) !== void 0) {
+      if ((value = previousCache.get(key)) !== void 0) {
         update(key, value);
         return value;
       }
     },
     set(key, value) {
-      if (key in cache2) {
-        cache2[key] = value;
+      if (cache2.has(key)) {
+        cache2.set(key, value);
       } else {
         update(key, value);
       }
@@ -4808,14 +4757,7 @@ const createLruCache = (maxCacheSize) => {
 };
 const IMPORTANT_MODIFIER = "!";
 const MODIFIER_SEPARATOR = ":";
-const EMPTY_MODIFIERS = [];
-const createResultObject = (modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition, isExternal) => ({
-  modifiers,
-  hasImportantModifier,
-  baseClassName,
-  maybePostfixModifierPosition,
-  isExternal
-});
+const MODIFIER_SEPARATOR_LENGTH = MODIFIER_SEPARATOR.length;
 const createParseClassName = (config2) => {
   const {
     prefix,
@@ -4827,13 +4769,12 @@ const createParseClassName = (config2) => {
     let parenDepth = 0;
     let modifierStart = 0;
     let postfixModifierPosition;
-    const len = className.length;
-    for (let index2 = 0; index2 < len; index2++) {
-      const currentCharacter = className[index2];
+    for (let index2 = 0; index2 < className.length; index2++) {
+      let currentCharacter = className[index2];
       if (bracketDepth === 0 && parenDepth === 0) {
         if (currentCharacter === MODIFIER_SEPARATOR) {
           modifiers.push(className.slice(modifierStart, index2));
-          modifierStart = index2 + 1;
+          modifierStart = index2 + MODIFIER_SEPARATOR_LENGTH;
           continue;
         }
         if (currentCharacter === "/") {
@@ -4841,34 +4782,37 @@ const createParseClassName = (config2) => {
           continue;
         }
       }
-      if (currentCharacter === "[") bracketDepth++;
-      else if (currentCharacter === "]") bracketDepth--;
-      else if (currentCharacter === "(") parenDepth++;
-      else if (currentCharacter === ")") parenDepth--;
-    }
-    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.slice(modifierStart);
-    let baseClassName = baseClassNameWithImportantModifier;
-    let hasImportantModifier = false;
-    if (baseClassNameWithImportantModifier.endsWith(IMPORTANT_MODIFIER)) {
-      baseClassName = baseClassNameWithImportantModifier.slice(0, -1);
-      hasImportantModifier = true;
-    } else if (
-      /**
-       * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
-       * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
-       */
-      baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER)
-    ) {
-      baseClassName = baseClassNameWithImportantModifier.slice(1);
-      hasImportantModifier = true;
+      if (currentCharacter === "[") {
+        bracketDepth++;
+      } else if (currentCharacter === "]") {
+        bracketDepth--;
+      } else if (currentCharacter === "(") {
+        parenDepth++;
+      } else if (currentCharacter === ")") {
+        parenDepth--;
+      }
     }
+    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
+    const baseClassName = stripImportantModifier(baseClassNameWithImportantModifier);
+    const hasImportantModifier = baseClassName !== baseClassNameWithImportantModifier;
     const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
-    return createResultObject(modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition);
+    return {
+      modifiers,
+      hasImportantModifier,
+      baseClassName,
+      maybePostfixModifierPosition
+    };
   };
   if (prefix) {
     const fullPrefix = prefix + MODIFIER_SEPARATOR;
     const parseClassNameOriginal = parseClassName;
-    parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.slice(fullPrefix.length)) : createResultObject(EMPTY_MODIFIERS, false, className, void 0, true);
+    parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.substring(fullPrefix.length)) : {
+      isExternal: true,
+      modifiers: [],
+      hasImportantModifier: false,
+      baseClassName: className,
+      maybePostfixModifierPosition: void 0
+    };
   }
   if (experimentalParseClassName) {
     const parseClassNameOriginal = parseClassName;
@@ -4879,35 +4823,36 @@ const createParseClassName = (config2) => {
   }
   return parseClassName;
 };
+const stripImportantModifier = (baseClassName) => {
+  if (baseClassName.endsWith(IMPORTANT_MODIFIER)) {
+    return baseClassName.substring(0, baseClassName.length - 1);
+  }
+  if (baseClassName.startsWith(IMPORTANT_MODIFIER)) {
+    return baseClassName.substring(1);
+  }
+  return baseClassName;
+};
 const createSortModifiers = (config2) => {
-  const modifierWeights = /* @__PURE__ */ new Map();
-  config2.orderSensitiveModifiers.forEach((mod, index2) => {
-    modifierWeights.set(mod, 1e6 + index2);
-  });
-  return (modifiers) => {
-    const result = [];
-    let currentSegment = [];
-    for (let i2 = 0; i2 < modifiers.length; i2++) {
-      const modifier = modifiers[i2];
-      const isArbitrary = modifier[0] === "[";
-      const isOrderSensitive = modifierWeights.has(modifier);
-      if (isArbitrary || isOrderSensitive) {
-        if (currentSegment.length > 0) {
-          currentSegment.sort();
-          result.push(...currentSegment);
-          currentSegment = [];
-        }
-        result.push(modifier);
+  const orderSensitiveModifiers = Object.fromEntries(config2.orderSensitiveModifiers.map((modifier) => [modifier, true]));
+  const sortModifiers = (modifiers) => {
+    if (modifiers.length <= 1) {
+      return modifiers;
+    }
+    const sortedModifiers = [];
+    let unsortedModifiers = [];
+    modifiers.forEach((modifier) => {
+      const isPositionSensitive = modifier[0] === "[" || orderSensitiveModifiers[modifier];
+      if (isPositionSensitive) {
+        sortedModifiers.push(...unsortedModifiers.sort(), modifier);
+        unsortedModifiers = [];
       } else {
-        currentSegment.push(modifier);
+        unsortedModifiers.push(modifier);
       }
-    }
-    if (currentSegment.length > 0) {
-      currentSegment.sort();
-      result.push(...currentSegment);
-    }
-    return result;
+    });
+    sortedModifiers.push(...unsortedModifiers.sort());
+    return sortedModifiers;
   };
+  return sortModifiers;
 };
 const createConfigUtils = (config2) => ({
   cache: createLruCache(config2.cacheSize),
@@ -4953,10 +4898,10 @@ const mergeClassList = (classList, configUtils) => {
       }
       hasPostfixModifier = false;
     }
-    const variantModifier = modifiers.length === 0 ? "" : modifiers.length === 1 ? modifiers[0] : sortModifiers(modifiers).join(":");
+    const variantModifier = sortModifiers(modifiers).join(":");
     const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
     const classId = modifierId + classGroupId;
-    if (classGroupsInConflict.indexOf(classId) > -1) {
+    if (classGroupsInConflict.includes(classId)) {
       continue;
     }
     classGroupsInConflict.push(classId);
@@ -4969,13 +4914,13 @@ const mergeClassList = (classList, configUtils) => {
   }
   return result;
 };
-const twJoin = (...classLists) => {
+function twJoin() {
   let index2 = 0;
   let argument;
   let resolvedValue;
   let string2 = "";
-  while (index2 < classLists.length) {
-    if (argument = classLists[index2++]) {
+  while (index2 < arguments.length) {
+    if (argument = arguments[index2++]) {
       if (resolvedValue = toValue(argument)) {
         string2 && (string2 += " ");
         string2 += resolvedValue;
@@ -4983,7 +4928,7 @@ const twJoin = (...classLists) => {
     }
   }
   return string2;
-};
+}
 const toValue = (mix) => {
   if (typeof mix === "string") {
     return mix;
@@ -5000,20 +4945,20 @@ const toValue = (mix) => {
   }
   return string2;
 };
-const createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
+function createTailwindMerge(createConfigFirst, ...createConfigRest) {
   let configUtils;
   let cacheGet;
   let cacheSet;
-  let functionToCall;
-  const initTailwindMerge = (classList) => {
+  let functionToCall = initTailwindMerge;
+  function initTailwindMerge(classList) {
     const config2 = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());
     configUtils = createConfigUtils(config2);
     cacheGet = configUtils.cache.get;
     cacheSet = configUtils.cache.set;
     functionToCall = tailwindMerge;
     return tailwindMerge(classList);
-  };
-  const tailwindMerge = (classList) => {
+  }
+  function tailwindMerge(classList) {
     const cachedResult = cacheGet(classList);
     if (cachedResult) {
       return cachedResult;
@@ -5021,13 +4966,13 @@ const createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
     const result = mergeClassList(classList, configUtils);
     cacheSet(classList, result);
     return result;
+  }
+  return function callTailwindMerge() {
+    return functionToCall(twJoin.apply(null, arguments));
   };
-  functionToCall = initTailwindMerge;
-  return (...args) => functionToCall(twJoin(...args));
-};
-const fallbackThemeArr = [];
+}
 const fromTheme = (key) => {
-  const themeGetter = (theme) => theme[key] || fallbackThemeArr;
+  const themeGetter = (theme) => theme[key] || [];
   themeGetter.isThemeGetter = true;
   return themeGetter;
 };
@@ -7635,7 +7580,7 @@ function createContext2(rootComponentName, defaultContext) {
   }
   return [Provider2, useContext2];
 }
-function createContextScope$2(scopeName, createContextScopeDeps = []) {
+function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React.createContext(defaultContext);
@@ -7672,9 +7617,9 @@ function createContextScope$2(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$2(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$2(...scopes) {
+function composeContextScopes(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -7694,18 +7639,18 @@ function composeContextScopes$2(...scopes) {
   createScope.scopeName = baseScope.scopeName;
   return createScope;
 }
-function setRef$1(ref, value) {
+function setRef$2(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$1(...refs) {
+function composeRefs$2(...refs) {
   return (node) => {
     let hasCleanup = false;
     const cleanups = refs.map((ref) => {
-      const cleanup = setRef$1(ref, node);
+      const cleanup = setRef$2(ref, node);
       if (!hasCleanup && typeof cleanup == "function") {
         hasCleanup = true;
       }
@@ -7718,7 +7663,7 @@ function composeRefs$1(...refs) {
           if (typeof cleanup == "function") {
             cleanup();
           } else {
-            setRef$1(refs[i2], null);
+            setRef$2(refs[i2], null);
           }
         }
       };
@@ -7726,15 +7671,15 @@ function composeRefs$1(...refs) {
   };
 }
 function useComposedRefs$1(...refs) {
-  return React.useCallback(composeRefs$1(...refs), refs);
+  return React.useCallback(composeRefs$2(...refs), refs);
 }
 // @__NO_SIDE_EFFECTS__
-function createSlot$7(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone$7(ownerName);
+function createSlot$1(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone$1(ownerName);
   const Slot2 = React.forwardRef((props2, forwardedRef) => {
     const { children, ...slotProps } = props2;
     const childrenArray = React.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable$7);
+    const slottable = childrenArray.find(isSlottable$1);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
@@ -7753,14 +7698,14 @@ function createSlot$7(ownerName) {
   return Slot2;
 }
 // @__NO_SIDE_EFFECTS__
-function createSlotClone$7(ownerName) {
+function createSlotClone$1(ownerName) {
   const SlotClone = React.forwardRef((props2, forwardedRef) => {
     const { children, ...slotProps } = props2;
     if (React.isValidElement(children)) {
-      const childrenRef = getElementRef$8(children);
-      const props22 = mergeProps$7(slotProps, children.props);
+      const childrenRef = getElementRef$2(children);
+      const props22 = mergeProps$1(slotProps, children.props);
       if (children.type !== React.Fragment) {
-        props22.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
+        props22.ref = forwardedRef ? composeRefs$2(forwardedRef, childrenRef) : childrenRef;
       }
       return React.cloneElement(children, props22);
     }
@@ -7769,20 +7714,20 @@ function createSlotClone$7(ownerName) {
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
-var SLOTTABLE_IDENTIFIER$7 = Symbol("radix.slottable");
+var SLOTTABLE_IDENTIFIER$1 = Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function createSlottable(ownerName) {
   const Slottable2 = ({ children }) => {
     return /* @__PURE__ */ jsx(Fragment, { children });
   };
   Slottable2.displayName = `${ownerName}.Slottable`;
-  Slottable2.__radixId = SLOTTABLE_IDENTIFIER$7;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER$1;
   return Slottable2;
 }
-function isSlottable$7(child) {
-  return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$7;
+function isSlottable$1(child) {
+  return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$1;
 }
-function mergeProps$7(slotProps, childProps) {
+function mergeProps$1(slotProps, childProps) {
   const overrideProps = { ...childProps };
   for (const propName in childProps) {
     const slotPropValue = slotProps[propName];
@@ -7806,7 +7751,7 @@ function mergeProps$7(slotProps, childProps) {
   }
   return { ...slotProps, ...overrideProps };
 }
-function getElementRef$8(element) {
+function getElementRef$2(element) {
   var _a2, _b;
   let getter = (_a2 = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a2.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -7822,7 +7767,7 @@ function getElementRef$8(element) {
 }
 function createCollection(name) {
   const PROVIDER_NAME2 = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope2] = createContextScope$2(PROVIDER_NAME2);
+  const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME2);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME2,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -7835,7 +7780,7 @@ function createCollection(name) {
   };
   CollectionProvider.displayName = PROVIDER_NAME2;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlotImpl = /* @__PURE__ */ createSlot$7(COLLECTION_SLOT_NAME);
+  const CollectionSlotImpl = /* @__PURE__ */ createSlot$1(COLLECTION_SLOT_NAME);
   const CollectionSlot = React__default.forwardRef(
     (props2, forwardedRef) => {
       const { scope, children } = props2;
@@ -7847,7 +7792,7 @@ function createCollection(name) {
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlotImpl = /* @__PURE__ */ createSlot$7(ITEM_SLOT_NAME);
+  const CollectionItemSlotImpl = /* @__PURE__ */ createSlot$1(ITEM_SLOT_NAME);
   const CollectionItemSlot = React__default.forwardRef(
     (props2, forwardedRef) => {
       const { scope, children, ...itemData } = props2;
@@ -7958,7 +7903,7 @@ function useUncontrolledState$1({
 function isFunction$3(value) {
   return typeof value === "function";
 }
-var NODES$6 = [
+var NODES = [
   "a",
   "button",
   "div",
@@ -7977,8 +7922,8 @@ var NODES$6 = [
   "svg",
   "ul"
 ];
-var Primitive$6 = NODES$6.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot$7(`Primitive.${node}`);
+var Primitive = NODES.reduce((primitive, node) => {
+  const Slot2 = /* @__PURE__ */ createSlot$1(`Primitive.${node}`);
   const Node2 = React.forwardRef((props2, forwardedRef) => {
     const { asChild, ...primitiveProps } = props2;
     const Comp = asChild ? Slot2 : node;
@@ -8003,7 +7948,7 @@ var Presence = (props2) => {
   const { present, children } = props2;
   const presence = usePresence(present);
   const child = typeof children === "function" ? children({ present: presence.isPresent }) : React.Children.only(children);
-  const ref = useComposedRefs$1(presence.ref, getElementRef$7(child));
+  const ref = useComposedRefs$1(presence.ref, getElementRef$1(child));
   const forceMount = typeof children === "function";
   return forceMount || presence.isPresent ? React.cloneElement(child, { ref }) : null;
 };
@@ -8102,7 +8047,7 @@ function usePresence(present) {
 function getAnimationName(styles) {
   return (styles == null ? void 0 : styles.animationName) || "none";
 }
-function getElementRef$7(element) {
+function getElementRef$1(element) {
   var _a2, _b;
   let getter = (_a2 = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a2.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -8126,7 +8071,7 @@ function useId$1(deterministicId) {
   return deterministicId || (id ? `radix-${id}` : "");
 }
 var COLLAPSIBLE_NAME = "Collapsible";
-var [createCollapsibleContext, createCollapsibleScope] = createContextScope$2(COLLAPSIBLE_NAME);
+var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
 var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
 var Collapsible$1 = React.forwardRef(
   (props2, forwardedRef) => {
@@ -8153,7 +8098,7 @@ var Collapsible$1 = React.forwardRef(
         open,
         onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
         children: /* @__PURE__ */ jsx(
-          Primitive$6.div,
+          Primitive.div,
           {
             "data-state": getState$7(open),
             "data-disabled": disabled ? "" : void 0,
@@ -8172,7 +8117,7 @@ var CollapsibleTrigger$1 = React.forwardRef(
     const { __scopeCollapsible, ...triggerProps } = props2;
     const context = useCollapsibleContext(TRIGGER_NAME$d, __scopeCollapsible);
     return /* @__PURE__ */ jsx(
-      Primitive$6.button,
+      Primitive.button,
       {
         type: "button",
         "aria-controls": context.contentId,
@@ -8234,7 +8179,7 @@ var CollapsibleContentImpl = React.forwardRef((props2, forwardedRef) => {
     }
   }, [context.open, present]);
   return /* @__PURE__ */ jsx(
-    Primitive$6.div,
+    Primitive.div,
     {
       "data-state": getState$7(context.open),
       "data-disabled": context.disabled ? "" : void 0,
@@ -8265,7 +8210,7 @@ function useDirection(localDir) {
 var ACCORDION_NAME = "Accordion";
 var ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"];
 var [Collection$6, useCollection$6, createCollectionScope$6] = createCollection(ACCORDION_NAME);
-var [createAccordionContext] = createContextScope$2(ACCORDION_NAME, [
+var [createAccordionContext] = createContextScope(ACCORDION_NAME, [
   createCollectionScope$6,
   createCollapsibleScope
 ]);
@@ -8428,7 +8373,7 @@ var AccordionImpl = React__default.forwardRef(
         direction: dir,
         orientation,
         children: /* @__PURE__ */ jsx(Collection$6.Slot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx(
-          Primitive$6.div,
+          Primitive.div,
           {
             ...accordionProps,
             "data-orientation": orientation,
@@ -8489,7 +8434,7 @@ var AccordionHeader = React__default.forwardRef(
     const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
     const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);
     return /* @__PURE__ */ jsx(
-      Primitive$6.h3,
+      Primitive.h3,
       {
         "data-orientation": accordionContext.orientation,
         "data-state": getState$6(itemContext.open),
@@ -8611,24 +8556,55 @@ function AccordionContent({
     }
   );
 }
-var REACT_LAZY_TYPE$6 = Symbol.for("react.lazy");
-var use$6 = React[" use ".trim().toString()];
-function isPromiseLike$6(value) {
+function setRef$1(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs$1(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef$1(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i2 = 0; i2 < cleanups.length; i2++) {
+          const cleanup = cleanups[i2];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef$1(refs[i2], null);
+          }
+        }
+      };
+    }
+  };
+}
+var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+var use = React[" use ".trim().toString()];
+function isPromiseLike(value) {
   return typeof value === "object" && value !== null && "then" in value;
 }
-function isLazyComponent$6(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE$6 && "_payload" in element && isPromiseLike$6(element._payload);
+function isLazyComponent(element) {
+  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
 }
 // @__NO_SIDE_EFFECTS__
-function createSlot$6(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone$6(ownerName);
+function createSlot(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
   const Slot2 = React.forwardRef((props2, forwardedRef) => {
     let { children, ...slotProps } = props2;
-    if (isLazyComponent$6(children) && typeof use$6 === "function") {
-      children = use$6(children._payload);
+    if (isLazyComponent(children) && typeof use === "function") {
+      children = use(children._payload);
     }
     const childrenArray = React.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable$6);
+    const slottable = childrenArray.find(isSlottable);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
@@ -8646,17 +8622,17 @@ function createSlot$6(ownerName) {
   Slot2.displayName = `${ownerName}.Slot`;
   return Slot2;
 }
-var Slot$4 = /* @__PURE__ */ createSlot$6("Slot");
+var Slot$4 = /* @__PURE__ */ createSlot("Slot");
 // @__NO_SIDE_EFFECTS__
-function createSlotClone$6(ownerName) {
+function createSlotClone(ownerName) {
   const SlotClone = React.forwardRef((props2, forwardedRef) => {
     let { children, ...slotProps } = props2;
-    if (isLazyComponent$6(children) && typeof use$6 === "function") {
-      children = use$6(children._payload);
+    if (isLazyComponent(children) && typeof use === "function") {
+      children = use(children._payload);
     }
     if (React.isValidElement(children)) {
-      const childrenRef = getElementRef$6(children);
-      const props22 = mergeProps$6(slotProps, children.props);
+      const childrenRef = getElementRef(children);
+      const props22 = mergeProps(slotProps, children.props);
       if (children.type !== React.Fragment) {
         props22.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
       }
@@ -8667,11 +8643,11 @@ function createSlotClone$6(ownerName) {
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
-var SLOTTABLE_IDENTIFIER$6 = Symbol("radix.slottable");
-function isSlottable$6(child) {
-  return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$6;
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+function isSlottable(child) {
+  return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
-function mergeProps$6(slotProps, childProps) {
+function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
   for (const propName in childProps) {
     const slotPropValue = slotProps[propName];
@@ -8695,7 +8671,7 @@ function mergeProps$6(slotProps, childProps) {
   }
   return { ...slotProps, ...overrideProps };
 }
-function getElementRef$6(element) {
+function getElementRef(element) {
   var _a2, _b;
   let getter = (_a2 = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a2.get;
   let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -8836,7 +8812,7 @@ function useSize(element) {
   return size2;
 }
 var CHECKBOX_NAME = "Checkbox";
-var [createCheckboxContext] = createContextScope$2(CHECKBOX_NAME);
+var [createCheckboxContext] = createContextScope(CHECKBOX_NAME);
 var [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
 function CheckboxProvider(props2) {
   const {
@@ -8917,7 +8893,7 @@ var CheckboxTrigger = React.forwardRef(
       }
     }, [control, setChecked]);
     return /* @__PURE__ */ jsx(
-      Primitive$6.button,
+      Primitive.button,
       {
         type: "button",
         role: "checkbox",
@@ -9001,7 +8977,7 @@ var CheckboxIndicator = React.forwardRef(
       {
         present: forceMount || isIndeterminate$1(context.checked) || context.checked === true,
         children: /* @__PURE__ */ jsx(
-          Primitive$6.span,
+          Primitive.span,
           {
             "data-state": getState$5(context.checked),
             "data-disabled": context.disabled ? "" : void 0,
@@ -9053,7 +9029,7 @@ var CheckboxBubbleInput = React.forwardRef(
     }, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);
     const defaultCheckedRef = React.useRef(isIndeterminate$1(checked) ? false : checked);
     return /* @__PURE__ */ jsx(
-      Primitive$6.input,
+      Primitive.input,
       {
         type: "checkbox",
         "aria-hidden": true,
@@ -9438,7 +9414,7 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) =>
 var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
 function deepEqual$1(object1, object2, _internal_visited = /* @__PURE__ */ new WeakSet()) {
   if (isPrimitive(object1) || isPrimitive(object2)) {
-    return Object.is(object1, object2);
+    return object1 === object2;
   }
   if (isDateObject(object1) && isDateObject(object2)) {
     return object1.getTime() === object2.getTime();
@@ -9460,7 +9436,7 @@ function deepEqual$1(object1, object2, _internal_visited = /* @__PURE__ */ new W
     }
     if (key !== "ref") {
       const val2 = object2[key];
-      if (isDateObject(val1) && isDateObject(val2) || isObject$5(val1) && isObject$5(val2) || Array.isArray(val1) && Array.isArray(val2) ? !deepEqual$1(val1, val2, _internal_visited) : !Object.is(val1, val2)) {
+      if (isDateObject(val1) && isDateObject(val2) || isObject$5(val1) && isObject$5(val2) || Array.isArray(val1) && Array.isArray(val2) ? !deepEqual$1(val1, val2, _internal_visited) : val1 !== val2) {
         return false;
       }
     }
@@ -9473,76 +9449,48 @@ function useWatch(props2) {
   const _defaultValue = React__default.useRef(defaultValue);
   const _compute = React__default.useRef(compute);
   const _computeFormValues = React__default.useRef(void 0);
-  const _prevControl = React__default.useRef(control);
-  const _prevName = React__default.useRef(name);
   _compute.current = compute;
-  const [value, updateValue] = React__default.useState(() => {
-    const defaultValue2 = control._getWatch(name, _defaultValue.current);
-    return _compute.current ? _compute.current(defaultValue2) : defaultValue2;
-  });
-  const getCurrentOutput = React__default.useCallback((values) => {
-    const formValues = generateWatchOutput(name, control._names, values || control._formValues, false, _defaultValue.current);
-    return _compute.current ? _compute.current(formValues) : formValues;
-  }, [control._formValues, control._names, name]);
-  const refreshValue = React__default.useCallback((values) => {
-    if (!disabled) {
-      const formValues = generateWatchOutput(name, control._names, values || control._formValues, false, _defaultValue.current);
-      if (_compute.current) {
-        const computedFormValues = _compute.current(formValues);
-        if (!deepEqual$1(computedFormValues, _computeFormValues.current)) {
-          updateValue(computedFormValues);
-          _computeFormValues.current = computedFormValues;
+  const defaultValueMemo = React__default.useMemo(() => control._getWatch(name, _defaultValue.current), [control, name]);
+  const [value, updateValue] = React__default.useState(_compute.current ? _compute.current(defaultValueMemo) : defaultValueMemo);
+  useIsomorphicLayoutEffect$4(() => control._subscribe({
+    name,
+    formState: {
+      values: true
+    },
+    exact,
+    callback: (formState) => {
+      if (!disabled) {
+        const formValues = generateWatchOutput(name, control._names, formState.values || control._formValues, false, _defaultValue.current);
+        if (_compute.current) {
+          const computedFormValues = _compute.current(formValues);
+          if (!deepEqual$1(computedFormValues, _computeFormValues.current)) {
+            updateValue(computedFormValues);
+            _computeFormValues.current = computedFormValues;
+          }
+        } else {
+          updateValue(formValues);
         }
-      } else {
-        updateValue(formValues);
       }
     }
-  }, [control._formValues, control._names, disabled, name]);
-  useIsomorphicLayoutEffect$4(() => {
-    if (_prevControl.current !== control || !deepEqual$1(_prevName.current, name)) {
-      _prevControl.current = control;
-      _prevName.current = name;
-      refreshValue();
-    }
-    return control._subscribe({
-      name,
-      formState: {
-        values: true
-      },
-      exact,
-      callback: (formState) => {
-        refreshValue(formState.values);
-      }
-    });
-  }, [control, exact, name, refreshValue]);
+  }), [control, disabled, name, exact]);
   React__default.useEffect(() => control._removeUnmounted());
-  const controlChanged = _prevControl.current !== control;
-  const prevName = _prevName.current;
-  const computedOutput = React__default.useMemo(() => {
-    if (disabled) {
-      return null;
-    }
-    const nameChanged = !controlChanged && !deepEqual$1(prevName, name);
-    const shouldReturnImmediate = controlChanged || nameChanged;
-    return shouldReturnImmediate ? getCurrentOutput() : null;
-  }, [disabled, controlChanged, name, prevName, getCurrentOutput]);
-  return computedOutput !== null ? computedOutput : value;
+  return value;
 }
 function useController(props2) {
   const methods = useFormContext();
-  const { name, disabled, control = methods.control, shouldUnregister, defaultValue, exact = true } = props2;
+  const { name, disabled, control = methods.control, shouldUnregister, defaultValue } = props2;
   const isArrayField = isNameInFieldArray(control._names.array, name);
   const defaultValueMemo = React__default.useMemo(() => get(control._formValues, name, get(control._defaultValues, name, defaultValue)), [control, name, defaultValue]);
   const value = useWatch({
     control,
     name,
     defaultValue: defaultValueMemo,
-    exact
+    exact: true
   });
   const formState = useFormState({
     control,
     name,
-    exact
+    exact: true
   });
   const _props = React__default.useRef(props2);
   const _previousNameRef = React__default.useRef(void 0);
@@ -9759,11 +9707,10 @@ function isTraversable(value) {
 }
 function markFieldsDirty(data, fields = {}) {
   for (const key in data) {
-    const value = data[key];
-    if (isTraversable(value)) {
-      fields[key] = Array.isArray(value) ? [] : {};
-      markFieldsDirty(value, fields[key]);
-    } else if (!isUndefined(value)) {
+    if (isTraversable(data[key])) {
+      fields[key] = Array.isArray(data[key]) ? [] : {};
+      markFieldsDirty(data[key], fields[key]);
+    } else if (!isUndefined(data[key])) {
       fields[key] = true;
     }
   }
@@ -9774,16 +9721,14 @@ function getDirtyFields(data, formValues, dirtyFieldsFromValues) {
     dirtyFieldsFromValues = markFieldsDirty(formValues);
   }
   for (const key in data) {
-    const value = data[key];
-    if (isTraversable(value)) {
+    if (isTraversable(data[key])) {
       if (isUndefined(formValues) || isPrimitive(dirtyFieldsFromValues[key])) {
-        dirtyFieldsFromValues[key] = markFieldsDirty(value, Array.isArray(value) ? [] : {});
+        dirtyFieldsFromValues[key] = markFieldsDirty(data[key], Array.isArray(data[key]) ? [] : {});
       } else {
-        getDirtyFields(value, isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);
+        getDirtyFields(data[key], isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);
       }
     } else {
-      const formValue = formValues[key];
-      dirtyFieldsFromValues[key] = !deepEqual$1(value, formValue);
+      dirtyFieldsFromValues[key] = !deepEqual$1(data[key], formValues[key]);
     }
   }
   return dirtyFieldsFromValues;
@@ -10238,7 +10183,7 @@ function createFormControl(props2 = {}) {
     if (field) {
       const defaultValue = get(_formValues, name, isUndefined(value) ? get(_defaultValues, name) : value);
       isUndefined(defaultValue) || ref && ref.defaultChecked || shouldSkipSetValueAs ? set$1(_formValues, name, shouldSkipSetValueAs ? defaultValue : getFieldValue(field._f)) : setFieldValue(name, defaultValue);
-      _state.mount && !_state.action && _setValid();
+      _state.mount && _setValid();
     }
   };
   const updateTouchAndDirty = (name, fieldValue, isBlurEvent, shouldDirty, shouldRender) => {
@@ -10849,12 +10794,8 @@ function createFormControl(props2 = {}) {
       watchAll: false,
       focus: ""
     };
-    _state.mount = !_proxyFormState.isValid || !!keepStateOptions.keepIsValid || !!keepStateOptions.keepDirtyValues || !_options.shouldUnregister && !isEmptyObject(values);
+    _state.mount = !_proxyFormState.isValid || !!keepStateOptions.keepIsValid || !!keepStateOptions.keepDirtyValues;
     _state.watch = !!_options.shouldUnregister;
-    _state.action = false;
-    if (!keepStateOptions.keepErrors) {
-      _formState.errors = {};
-    }
     _subjects.state.next({
       submitCount: keepStateOptions.keepSubmitCount ? _formState.submitCount : 0,
       isDirty: isEmptyResetValues ? false : keepStateOptions.keepDirty ? _formState.isDirty : !!(keepStateOptions.keepDefaultValues && !deepEqual$1(formValues, _defaultValues)),
@@ -11280,15 +11221,11 @@ function useForm(props2 = {}) {
     }
   }, [control, formState.isDirty]);
   React__default.useEffect(() => {
-    var _a2;
     if (props2.values && !deepEqual$1(props2.values, _values.current)) {
       control._reset(props2.values, {
         keepFieldsRef: true,
         ...control._options.resetOptions
       });
-      if (!((_a2 = control._options.resetOptions) === null || _a2 === void 0 ? void 0 : _a2.keepIsValid)) {
-        control._setValid();
-      }
       _values.current = props2.values;
       updateFormState((state) => ({ ...state }));
     } else {
@@ -11323,7 +11260,7 @@ var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS$1 = { bubbles: false, cancelable: true };
 var GROUP_NAME$5 = "RovingFocusGroup";
 var [Collection$5, useCollection$5, createCollectionScope$5] = createCollection(GROUP_NAME$5);
-var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope$2(
+var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
   GROUP_NAME$5,
   [createCollectionScope$5]
 );
@@ -11390,7 +11327,7 @@ var RovingFocusGroupImpl = React.forwardRef((props2, forwardedRef) => {
         []
       ),
       children: /* @__PURE__ */ jsx(
-        Primitive$6.div,
+        Primitive.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
           "data-orientation": orientation,
@@ -11455,7 +11392,7 @@ var RovingFocusGroupItem = React.forwardRef(
         focusable,
         active,
         children: /* @__PURE__ */ jsx(
-          Primitive$6.span,
+          Primitive.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
@@ -11529,7 +11466,7 @@ function wrapArray$3(array2, startIndex) {
 var Root$e = RovingFocusGroup;
 var Item$2 = RovingFocusGroupItem;
 var TABS_NAME = "Tabs";
-var [createTabsContext] = createContextScope$2(TABS_NAME, [
+var [createTabsContext] = createContextScope(TABS_NAME, [
   createRovingFocusGroupScope
 ]);
 var useRovingFocusGroupScope$4 = createRovingFocusGroupScope();
@@ -11564,7 +11501,7 @@ var Tabs$1 = React.forwardRef(
         dir: direction,
         activationMode,
         children: /* @__PURE__ */ jsx(
-          Primitive$6.div,
+          Primitive.div,
           {
             dir: direction,
             "data-orientation": orientation,
@@ -11592,7 +11529,7 @@ var TabsList$1 = React.forwardRef(
         dir: context.dir,
         loop,
         children: /* @__PURE__ */ jsx(
-          Primitive$6.div,
+          Primitive.div,
           {
             role: "tablist",
             "aria-orientation": context.orientation,
@@ -11622,7 +11559,7 @@ var TabsTrigger$1 = React.forwardRef(
         focusable: !disabled,
         active: isSelected,
         children: /* @__PURE__ */ jsx(
-          Primitive$6.button,
+          Primitive.button,
           {
             type: "button",
             role: "tab",
@@ -11671,7 +11608,7 @@ var TabsContent$1 = React.forwardRef(
       return () => cancelAnimationFrame(rAF);
     }, []);
     return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(
-      Primitive$6.div,
+      Primitive.div,
       {
         "data-state": isSelected ? "active" : "inactive",
         "data-orientation": context.orientation,
@@ -11839,135 +11776,6 @@ function CardFooter({ className, ...props2 }) {
     }
   );
 }
-var REACT_LAZY_TYPE$5 = Symbol.for("react.lazy");
-var use$5 = React[" use ".trim().toString()];
-function isPromiseLike$5(value) {
-  return typeof value === "object" && value !== null && "then" in value;
-}
-function isLazyComponent$5(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE$5 && "_payload" in element && isPromiseLike$5(element._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function createSlot$5(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone$5(ownerName);
-  const Slot2 = React.forwardRef((props2, forwardedRef) => {
-    let { children, ...slotProps } = props2;
-    if (isLazyComponent$5(children) && typeof use$5 === "function") {
-      children = use$5(children._payload);
-    }
-    const childrenArray = React.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable$5);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React.Children.count(newElement) > 1) return React.Children.only(null);
-          return React.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
-        }
-      });
-      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });
-    }
-    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
-  });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
-}
-// @__NO_SIDE_EFFECTS__
-function createSlotClone$5(ownerName) {
-  const SlotClone = React.forwardRef((props2, forwardedRef) => {
-    let { children, ...slotProps } = props2;
-    if (isLazyComponent$5(children) && typeof use$5 === "function") {
-      children = use$5(children._payload);
-    }
-    if (React.isValidElement(children)) {
-      const childrenRef = getElementRef$5(children);
-      const props22 = mergeProps$5(slotProps, children.props);
-      if (children.type !== React.Fragment) {
-        props22.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
-      }
-      return React.cloneElement(children, props22);
-    }
-    return React.Children.count(children) > 1 ? React.Children.only(null) : null;
-  });
-  SlotClone.displayName = `${ownerName}.SlotClone`;
-  return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER$5 = Symbol("radix.slottable");
-function isSlottable$5(child) {
-  return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$5;
-}
-function mergeProps$5(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
-          slotPropValue(...args);
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    }
-  }
-  return { ...slotProps, ...overrideProps };
-}
-function getElementRef$5(element) {
-  var _a2, _b;
-  let getter = (_a2 = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a2.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-var NODES$5 = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive$5 = NODES$5.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot$5(`Primitive.${node}`);
-  const Node2 = React.forwardRef((props2, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props2;
-    const Comp = asChild ? Slot2 : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node2.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node2 };
-}, {});
 var NAME$5 = "Separator";
 var DEFAULT_ORIENTATION = "horizontal";
 var ORIENTATIONS = ["horizontal", "vertical"];
@@ -11977,7 +11785,7 @@ var Separator$3 = React.forwardRef((props2, forwardedRef) => {
   const ariaOrientation = orientation === "vertical" ? orientation : void 0;
   const semanticProps = decorative ? { role: "none" } : { "aria-orientation": ariaOrientation, role: "separator" };
   return /* @__PURE__ */ jsx(
-    Primitive$5.div,
+    Primitive.div,
     {
       "data-orientation": orientation,
       ...semanticProps,
@@ -12378,139 +12186,10 @@ function SectionBuilder({
     section.id
   )) });
 }
-var REACT_LAZY_TYPE$4 = Symbol.for("react.lazy");
-var use$4 = React[" use ".trim().toString()];
-function isPromiseLike$4(value) {
-  return typeof value === "object" && value !== null && "then" in value;
-}
-function isLazyComponent$4(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE$4 && "_payload" in element && isPromiseLike$4(element._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function createSlot$4(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone$4(ownerName);
-  const Slot2 = React.forwardRef((props2, forwardedRef) => {
-    let { children, ...slotProps } = props2;
-    if (isLazyComponent$4(children) && typeof use$4 === "function") {
-      children = use$4(children._payload);
-    }
-    const childrenArray = React.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable$4);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React.Children.count(newElement) > 1) return React.Children.only(null);
-          return React.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
-        }
-      });
-      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });
-    }
-    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
-  });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
-}
-// @__NO_SIDE_EFFECTS__
-function createSlotClone$4(ownerName) {
-  const SlotClone = React.forwardRef((props2, forwardedRef) => {
-    let { children, ...slotProps } = props2;
-    if (isLazyComponent$4(children) && typeof use$4 === "function") {
-      children = use$4(children._payload);
-    }
-    if (React.isValidElement(children)) {
-      const childrenRef = getElementRef$4(children);
-      const props22 = mergeProps$4(slotProps, children.props);
-      if (children.type !== React.Fragment) {
-        props22.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
-      }
-      return React.cloneElement(children, props22);
-    }
-    return React.Children.count(children) > 1 ? React.Children.only(null) : null;
-  });
-  SlotClone.displayName = `${ownerName}.SlotClone`;
-  return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER$4 = Symbol("radix.slottable");
-function isSlottable$4(child) {
-  return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$4;
-}
-function mergeProps$4(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
-          slotPropValue(...args);
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    }
-  }
-  return { ...slotProps, ...overrideProps };
-}
-function getElementRef$4(element) {
-  var _a2, _b;
-  let getter = (_a2 = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a2.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-var NODES$4 = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive$4 = NODES$4.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot$4(`Primitive.${node}`);
-  const Node2 = React.forwardRef((props2, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props2;
-    const Comp = asChild ? Slot2 : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node2.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node2 };
-}, {});
 var NAME$4 = "Label";
 var Label$3 = React.forwardRef((props2, forwardedRef) => {
   return /* @__PURE__ */ jsx(
-    Primitive$4.label,
+    Primitive.label,
     {
       ...props2,
       ref: forwardedRef,
@@ -15093,32 +14772,28 @@ var useElementIds = "useId" in React__default ? function useElementIds2(_ref) {
   if (!id) {
     id = reactId;
   }
-  var elementIds = useMemo(function() {
-    return {
-      labelId: labelId || id + "-label",
-      menuId: menuId || id + "-menu",
-      getItemId: getItemId || function(index2) {
-        return id + "-item-" + index2;
-      },
-      toggleButtonId: toggleButtonId || id + "-toggle-button",
-      inputId: inputId || id + "-input"
-    };
-  }, [getItemId, id, inputId, labelId, menuId, toggleButtonId]);
-  return elementIds;
+  var elementIdsRef = useRef({
+    labelId: labelId || id + "-label",
+    menuId: menuId || id + "-menu",
+    getItemId: getItemId || function(index2) {
+      return id + "-item-" + index2;
+    },
+    toggleButtonId: toggleButtonId || id + "-toggle-button",
+    inputId: inputId || id + "-input"
+  });
+  return elementIdsRef.current;
 } : function useElementIds3(_ref2) {
   var _ref2$id = _ref2.id, id = _ref2$id === void 0 ? "downshift-" + generateId() : _ref2$id, labelId = _ref2.labelId, menuId = _ref2.menuId, getItemId = _ref2.getItemId, toggleButtonId = _ref2.toggleButtonId, inputId = _ref2.inputId;
-  var elementIds = useMemo(function() {
-    return {
-      labelId: labelId || id + "-label",
-      menuId: menuId || id + "-menu",
-      getItemId: getItemId || function(index2) {
-        return id + "-item-" + index2;
-      },
-      toggleButtonId: toggleButtonId || id + "-toggle-button",
-      inputId: inputId || id + "-input"
-    };
-  }, [getItemId, id, inputId, labelId, menuId, toggleButtonId]);
-  return elementIds;
+  var elementIdsRef = useRef({
+    labelId: labelId || id + "-label",
+    menuId: menuId || id + "-menu",
+    getItemId: getItemId || function(index2) {
+      return id + "-item-" + index2;
+    },
+    toggleButtonId: toggleButtonId || id + "-toggle-button",
+    inputId: inputId || id + "-input"
+  });
+  return elementIdsRef.current;
 };
 function getItemAndIndex(itemProp, indexProp, items, errorMessage) {
   var item, index2;
@@ -15255,22 +14930,20 @@ function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs)
     isTouchMove: false,
     isTouchEnd: false
   });
-  function getDownshiftElements() {
-    return downshiftElementsRefs.map(function(ref) {
-      return ref.current;
-    });
-  }
   useEffect(function() {
     if (!environment) {
       return noop$3;
     }
+    var downshiftElements = downshiftElementsRefs.map(function(ref) {
+      return ref.current;
+    });
     function onMouseDown() {
       mouseAndTouchTrackersRef.current.isTouchEnd = false;
       mouseAndTouchTrackersRef.current.isMouseDown = true;
     }
     function onMouseUp(event) {
       mouseAndTouchTrackersRef.current.isMouseDown = false;
-      if (!targetWithinDownshift(event.target, getDownshiftElements(), environment)) {
+      if (!targetWithinDownshift(event.target, downshiftElements, environment)) {
         handleBlur();
       }
     }
@@ -15283,7 +14956,7 @@ function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs)
     }
     function onTouchEnd(event) {
       mouseAndTouchTrackersRef.current.isTouchEnd = true;
-      if (!mouseAndTouchTrackersRef.current.isTouchMove && !targetWithinDownshift(event.target, getDownshiftElements(), environment, false)) {
+      if (!mouseAndTouchTrackersRef.current.isTouchMove && !targetWithinDownshift(event.target, downshiftElements, environment, false)) {
         handleBlur();
       }
     }
@@ -15822,13 +15495,9 @@ function useCombobox(userProps) {
         selectItem: false
       });
     }
-  }, [dispatch, latest]), useMemo(
-    function() {
-      return [menuRef, toggleButtonRef, inputRef];
-    },
-    // dependencies can be left empty because refs are getting mutated
-    []
-  ));
+  }, [dispatch, latest]), useMemo(function() {
+    return [menuRef, toggleButtonRef, inputRef];
+  }, [menuRef.current, toggleButtonRef.current, inputRef.current]));
   var setGetterPropCallInfo = useGetterPropsCalledChecker("getInputProps", "getMenuProps");
   useEffect(function() {
     if (!isOpen) {
@@ -16327,7 +15996,7 @@ var DismissableLayer = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive$6.div,
+      Primitive.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -16360,7 +16029,7 @@ var DismissableLayerBranch = React.forwardRef((props2, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive$6.div, { ...props2, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive.div, { ...props2, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
@@ -16582,7 +16251,7 @@ var FocusScope = React.forwardRef((props2, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx(Primitive$6.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst$2(candidates, { select = false } = {}) {
@@ -18546,7 +18215,7 @@ var NAME$3 = "Arrow";
 var Arrow$1 = React.forwardRef((props2, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props2;
   return /* @__PURE__ */ jsx(
-    Primitive$6.svg,
+    Primitive.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -18561,7 +18230,7 @@ var Arrow$1 = React.forwardRef((props2, forwardedRef) => {
 Arrow$1.displayName = NAME$3;
 var Root$b = Arrow$1;
 var POPPER_NAME = "Popper";
-var [createPopperContext, createPopperScope] = createContextScope$2(POPPER_NAME);
+var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props2) => {
   const { __scopePopper, children } = props2;
@@ -18584,7 +18253,7 @@ var PopperAnchor = React.forwardRef(
         context.onAnchorChange(anchorRef.current);
       }
     });
-    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$6.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME$2;
@@ -18712,7 +18381,7 @@ var PopperContent = React.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsx(
-              Primitive$6.div,
+              Primitive.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -18838,7 +18507,7 @@ var Portal$7 = React.forwardRef((props2, forwardedRef) => {
   const [mounted, setMounted] = React.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && ((_a2 = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a2.body);
-  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$6.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$7.displayName = PORTAL_NAME$a;
 var getDefaultParent = function(originalTarget) {
@@ -19469,12 +19138,6 @@ function RemoveScrollSideCar(props2) {
     if ("touches" in event && moveDirection === "h" && target.type === "range") {
       return false;
     }
-    var selection = window.getSelection();
-    var anchorNode = selection && selection.anchorNode;
-    var isTouchingSelection = anchorNode ? anchorNode === target || anchorNode.contains(target) : false;
-    if (isTouchingSelection) {
-      return false;
-    }
     var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
     if (!canBeScrolledInMainDirection) {
       return true;
@@ -19587,7 +19250,7 @@ var ReactRemoveScroll = React.forwardRef(function(props2, ref) {
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var POPOVER_NAME = "Popover";
-var [createPopoverContext] = createContextScope$2(POPOVER_NAME, [
+var [createPopoverContext] = createContextScope(POPOVER_NAME, [
   createPopperScope
 ]);
 var usePopperScope$4 = createPopperScope();
@@ -19651,7 +19314,7 @@ var PopoverTrigger$1 = React.forwardRef(
     const popperScope = usePopperScope$4(__scopePopover);
     const composedTriggerRef = useComposedRefs$1(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsx(
-      Primitive$6.button,
+      Primitive.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -19687,7 +19350,7 @@ var PopoverContent$1 = React.forwardRef(
   }
 );
 PopoverContent$1.displayName = CONTENT_NAME$a;
-var Slot$3 = /* @__PURE__ */ createSlot$7("PopoverContent.RemoveScroll");
+var Slot$3 = /* @__PURE__ */ createSlot$1("PopoverContent.RemoveScroll");
 var PopoverContentModal = React.forwardRef(
   (props2, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME$a, props2.__scopePopover);
@@ -19840,7 +19503,7 @@ var PopoverClose = React.forwardRef(
     const { __scopePopover, ...closeProps } = props2;
     const context = usePopoverContext(CLOSE_NAME$1, __scopePopover);
     return /* @__PURE__ */ jsx(
-      Primitive$6.button,
+      Primitive.button,
       {
         type: "button",
         ...closeProps,
@@ -20546,7 +20209,7 @@ var NAME$2 = "VisuallyHidden";
 var VisuallyHidden = React.forwardRef(
   (props2, forwardedRef) => {
     return /* @__PURE__ */ jsx(
-      Primitive$6.span,
+      Primitive.span,
       {
         ...props2,
         ref: forwardedRef,
@@ -20561,7 +20224,7 @@ var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS$1 = [" ", "Enter"];
 var SELECT_NAME = "Select";
 var [Collection$4, useCollection$4, createCollectionScope$4] = createCollection(SELECT_NAME);
-var [createSelectContext] = createContextScope$2(SELECT_NAME, [
+var [createSelectContext] = createContextScope(SELECT_NAME, [
   createCollectionScope$4,
   createPopperScope
 ]);
@@ -20698,7 +20361,7 @@ var SelectTrigger$1 = React.forwardRef(
       }
     };
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive$6.button,
+      Primitive.button,
       {
         type: "button",
         role: "combobox",
@@ -20757,7 +20420,7 @@ var SelectValue$1 = React.forwardRef(
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
     return /* @__PURE__ */ jsx(
-      Primitive$6.span,
+      Primitive.span,
       {
         ...valueProps,
         ref: composedRefs,
@@ -20772,7 +20435,7 @@ var ICON_NAME = "SelectIcon";
 var SelectIcon = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeSelect, children, ...iconProps } = props2;
-    return /* @__PURE__ */ jsx(Primitive$6.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
+    return /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
   }
 );
 SelectIcon.displayName = ICON_NAME;
@@ -20803,7 +20466,7 @@ SelectContent$1.displayName = CONTENT_NAME$9;
 var CONTENT_MARGIN = 10;
 var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME$9);
 var CONTENT_IMPL_NAME = "SelectContentImpl";
-var Slot$2 = /* @__PURE__ */ createSlot$7("SelectContent.RemoveScroll");
+var Slot$2 = /* @__PURE__ */ createSlot$1("SelectContent.RemoveScroll");
 var SelectContentImpl = React.forwardRef(
   (props2, forwardedRef) => {
     const {
@@ -21183,7 +20846,7 @@ var SelectItemAlignedPosition = React.forwardRef((props2, forwardedRef) => {
             zIndex: contentZIndex
           },
           children: /* @__PURE__ */ jsx(
-            Primitive$6.div,
+            Primitive.div,
             {
               ...popperProps,
               ref: composedRefs,
@@ -21257,7 +20920,7 @@ var SelectViewport = React.forwardRef(
         }
       ),
       /* @__PURE__ */ jsx(Collection$4.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx(
-        Primitive$6.div,
+        Primitive.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -21312,7 +20975,7 @@ var SelectGroup$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props2;
     const groupId = useId$1();
-    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive$6.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
 SelectGroup$1.displayName = GROUP_NAME$4;
@@ -21321,7 +20984,7 @@ var SelectLabel$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props2;
     const groupContext = useSelectGroupContext(LABEL_NAME$4, __scopeSelect);
-    return /* @__PURE__ */ jsx(Primitive$6.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
   }
 );
 SelectLabel$1.displayName = LABEL_NAME$4;
@@ -21380,7 +21043,7 @@ var SelectItem$1 = React.forwardRef(
             disabled,
             textValue,
             children: /* @__PURE__ */ jsx(
-              Primitive$6.div,
+              Primitive.div,
               {
                 role: "option",
                 "aria-labelledby": textId,
@@ -21463,7 +21126,7 @@ var SelectItemText = React.forwardRef(
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Primitive$6.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+      /* @__PURE__ */ jsx(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
       itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null
     ] });
   }
@@ -21474,7 +21137,7 @@ var SelectItemIndicator = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props2;
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME$1, __scopeSelect);
-    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive$6.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
   }
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME$1;
@@ -21565,7 +21228,7 @@ var SelectScrollButtonImpl = React.forwardRef((props2, forwardedRef) => {
     (_a2 = activeItem == null ? void 0 : activeItem.ref.current) == null ? void 0 : _a2.scrollIntoView({ block: "nearest" });
   }, [getItems]);
   return /* @__PURE__ */ jsx(
-    Primitive$6.div,
+    Primitive.div,
     {
       "aria-hidden": true,
       ...scrollIndicatorProps,
@@ -21593,7 +21256,7 @@ var SEPARATOR_NAME$4 = "SelectSeparator";
 var SelectSeparator$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props2;
-    return /* @__PURE__ */ jsx(Primitive$6.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
   }
 );
 SelectSeparator$1.displayName = SEPARATOR_NAME$4;
@@ -21630,7 +21293,7 @@ var SelectBubbleInput = React.forwardRef(
       }
     }, [prevValue, value]);
     return /* @__PURE__ */ jsx(
-      Primitive$6.select,
+      Primitive.select,
       {
         ...props2,
         style: { ...VISUALLY_HIDDEN_STYLES, ...props2.style },
@@ -21951,7 +21614,7 @@ function CheckboxField({
   ] });
 }
 var SWITCH_NAME = "Switch";
-var [createSwitchContext] = createContextScope$2(SWITCH_NAME);
+var [createSwitchContext] = createContextScope(SWITCH_NAME);
 var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
 var Switch$1 = React.forwardRef(
   (props2, forwardedRef) => {
@@ -21979,7 +21642,7 @@ var Switch$1 = React.forwardRef(
     });
     return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [
       /* @__PURE__ */ jsx(
-        Primitive$6.button,
+        Primitive.button,
         {
           type: "button",
           role: "switch",
@@ -22024,7 +21687,7 @@ var SwitchThumb = React.forwardRef(
     const { __scopeSwitch, ...thumbProps } = props2;
     const context = useSwitchContext(THUMB_NAME$2, __scopeSwitch);
     return /* @__PURE__ */ jsx(
-      Primitive$6.span,
+      Primitive.span,
       {
         "data-state": getState$2(context.checked),
         "data-disabled": context.disabled ? "" : void 0,
@@ -22180,7 +21843,7 @@ function SwitchField({
   ] });
 }
 var RADIO_NAME = "Radio";
-var [createRadioContext, createRadioScope] = createContextScope$2(RADIO_NAME);
+var [createRadioContext, createRadioScope] = createContextScope(RADIO_NAME);
 var [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME);
 var Radio = React.forwardRef(
   (props2, forwardedRef) => {
@@ -22201,7 +21864,7 @@ var Radio = React.forwardRef(
     const isFormControl = button ? form || !!button.closest("form") : true;
     return /* @__PURE__ */ jsxs(RadioProvider, { scope: __scopeRadio, checked, disabled, children: [
       /* @__PURE__ */ jsx(
-        Primitive$6.button,
+        Primitive.button,
         {
           type: "button",
           role: "radio",
@@ -22245,7 +21908,7 @@ var RadioIndicator = React.forwardRef(
     const { __scopeRadio, forceMount, ...indicatorProps } = props2;
     const context = useRadioContext(INDICATOR_NAME$5, __scopeRadio);
     return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.checked, children: /* @__PURE__ */ jsx(
-      Primitive$6.span,
+      Primitive.span,
       {
         "data-state": getState$1(context.checked),
         "data-disabled": context.disabled ? "" : void 0,
@@ -22285,7 +21948,7 @@ var RadioBubbleInput = React.forwardRef(
       }
     }, [prevChecked, checked, bubbles]);
     return /* @__PURE__ */ jsx(
-      Primitive$6.input,
+      Primitive.input,
       {
         type: "radio",
         "aria-hidden": true,
@@ -22311,7 +21974,7 @@ function getState$1(checked) {
 }
 var ARROW_KEYS$2 = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
 var RADIO_GROUP_NAME$4 = "RadioGroup";
-var [createRadioGroupContext] = createContextScope$2(RADIO_GROUP_NAME$4, [
+var [createRadioGroupContext] = createContextScope(RADIO_GROUP_NAME$4, [
   createRovingFocusGroupScope,
   createRadioScope
 ]);
@@ -22359,7 +22022,7 @@ var RadioGroup$2 = React.forwardRef(
             dir: direction,
             loop,
             children: /* @__PURE__ */ jsx(
-              Primitive$6.div,
+              Primitive.div,
               {
                 role: "radiogroup",
                 "aria-required": required2,
@@ -23510,7 +23173,7 @@ const match = {
     defaultParseWidth: "any"
   })
 };
-const enUS$1 = {
+const enUS = {
   code: "en-US",
   formatDistance,
   formatLong,
@@ -24357,7 +24020,7 @@ const unescapedLatinCharacterRegExp = /[a-zA-Z]/;
 function format(date2, formatStr, options) {
   var _a2, _b, _c, _d, _e2, _f, _g, _h;
   const defaultOptions2 = getDefaultOptions();
-  const locale = (options == null ? void 0 : options.locale) ?? defaultOptions2.locale ?? enUS$1;
+  const locale = (options == null ? void 0 : options.locale) ?? defaultOptions2.locale ?? enUS;
   const firstWeekContainsDate = (options == null ? void 0 : options.firstWeekContainsDate) ?? ((_b = (_a2 = options == null ? void 0 : options.locale) == null ? void 0 : _a2.options) == null ? void 0 : _b.firstWeekContainsDate) ?? defaultOptions2.firstWeekContainsDate ?? ((_d = (_c = defaultOptions2.locale) == null ? void 0 : _c.options) == null ? void 0 : _d.firstWeekContainsDate) ?? 1;
   const weekStartsOn = (options == null ? void 0 : options.weekStartsOn) ?? ((_f = (_e2 = options == null ? void 0 : options.locale) == null ? void 0 : _e2.options) == null ? void 0 : _f.weekStartsOn) ?? defaultOptions2.weekStartsOn ?? ((_h = (_g = defaultOptions2.locale) == null ? void 0 : _g.options) == null ? void 0 : _h.weekStartsOn) ?? 0;
   const originalDate = toDate(date2, options == null ? void 0 : options.in);
@@ -24495,63 +24158,6 @@ function endOfBroadcastWeek(date2, dateLib) {
   const endDate = dateLib.addDays(startDate, numberOfWeeks * 7 - 1);
   return endDate;
 }
-const enUS = {
-  ...enUS$1,
-  labels: {
-    labelDayButton: (date2, modifiers, options, dateLib) => {
-      let formatDate;
-      if (dateLib && typeof dateLib.format === "function") {
-        formatDate = dateLib.format.bind(dateLib);
-      } else {
-        formatDate = (d, pattern) => format(d, pattern, { locale: enUS$1, ...options });
-      }
-      let label = formatDate(date2, "PPPP");
-      if (modifiers.today)
-        label = `Today, ${label}`;
-      if (modifiers.selected)
-        label = `${label}, selected`;
-      return label;
-    },
-    labelMonthDropdown: "Choose the Month",
-    labelNext: "Go to the Next Month",
-    labelPrevious: "Go to the Previous Month",
-    labelWeekNumber: (weekNumber) => `Week ${weekNumber}`,
-    labelYearDropdown: "Choose the Year",
-    labelGrid: (date2, options, dateLib) => {
-      let formatDate;
-      if (dateLib && typeof dateLib.format === "function") {
-        formatDate = dateLib.format.bind(dateLib);
-      } else {
-        formatDate = (d, pattern) => format(d, pattern, { locale: enUS$1, ...options });
-      }
-      return formatDate(date2, "LLLL yyyy");
-    },
-    labelGridcell: (date2, modifiers, options, dateLib) => {
-      let formatDate;
-      if (dateLib && typeof dateLib.format === "function") {
-        formatDate = dateLib.format.bind(dateLib);
-      } else {
-        formatDate = (d, pattern) => format(d, pattern, { locale: enUS$1, ...options });
-      }
-      let label = formatDate(date2, "PPPP");
-      if (modifiers == null ? void 0 : modifiers.today) {
-        label = `Today, ${label}`;
-      }
-      return label;
-    },
-    labelNav: "Navigation bar",
-    labelWeekNumberHeader: "Week Number",
-    labelWeekday: (date2, options, dateLib) => {
-      let formatDate;
-      if (dateLib && typeof dateLib.format === "function") {
-        formatDate = dateLib.format.bind(dateLib);
-      } else {
-        formatDate = (d, pattern) => format(d, pattern, { locale: enUS$1, ...options });
-      }
-      return formatDate(date2, "cccc");
-    }
-  }
-};
 class DateLib {
   /**
    * Creates an instance of `DateLib`.
@@ -24835,9 +24441,6 @@ class CalendarDay {
     this.displayMonth = displayMonth;
     this.outside = Boolean(displayMonth && !dateLib.isSameMonth(date2, displayMonth));
     this.dateLib = dateLib;
-    this.isoDate = dateLib.format(date2, "yyyy-MM-dd");
-    this.displayMonthId = dateLib.format(displayMonth, "yyyy-MM");
-    this.dateMonthId = dateLib.format(date2, "yyyy-MM");
   }
   /**
    * Checks if this day is equal to another `CalendarDay`, considering both the
@@ -25148,7 +24751,7 @@ function dateMatchModifiers(date2, matchers, dateLib = defaultDateLib) {
       return isSameDay2(date2, matcher);
     }
     if (isDatesArray(matcher, dateLib)) {
-      return matcher.some((matcherDate) => isSameDay2(date2, matcherDate));
+      return matcher.includes(date2);
     }
     if (isDateRange(matcher)) {
       return rangeIncludesDate(matcher, date2, false, dateLib);
@@ -25184,7 +24787,7 @@ function dateMatchModifiers(date2, matchers, dateLib = defaultDateLib) {
   });
 }
 function createGetModifiers(days, props2, navStart, navEnd, dateLib) {
-  const { disabled, hidden, modifiers, showOutsideDays, broadcastCalendar, today = dateLib.today() } = props2;
+  const { disabled, hidden, modifiers, showOutsideDays, broadcastCalendar, today } = props2;
   const { isSameDay: isSameDay2, isSameMonth: isSameMonth2, startOfMonth: startOfMonth2, isBefore: isBefore2, endOfMonth: endOfMonth2, isAfter: isAfter2 } = dateLib;
   const computedNavStart = navStart && startOfMonth2(navStart);
   const computedNavEnd = navEnd && endOfMonth2(navEnd);
@@ -25204,7 +24807,7 @@ function createGetModifiers(days, props2, navStart, navEnd, dateLib) {
     const isDisabled = Boolean(disabled && dateMatchModifiers(date2, disabled, dateLib));
     const isHidden2 = Boolean(hidden && dateMatchModifiers(date2, hidden, dateLib)) || isBeforeNavStart || isAfterNavEnd || // Broadcast calendar will show outside days as default
     !broadcastCalendar && !showOutsideDays && isOutside || broadcastCalendar && showOutsideDays === false && isOutside;
-    const isToday = isSameDay2(date2, today);
+    const isToday = isSameDay2(date2, today ?? dateLib.today());
     if (isOutside)
       internalModifiersMap.outside.push(day);
     if (isDisabled)
@@ -25352,6 +24955,60 @@ function getFormatters(customFormatters) {
     ...customFormatters
   };
 }
+function getMonthOptions(displayMonth, navStart, navEnd, formatters2, dateLib) {
+  const { startOfMonth: startOfMonth2, startOfYear: startOfYear2, endOfYear: endOfYear2, eachMonthOfInterval: eachMonthOfInterval2, getMonth: getMonth2 } = dateLib;
+  const months = eachMonthOfInterval2({
+    start: startOfYear2(displayMonth),
+    end: endOfYear2(displayMonth)
+  });
+  const options = months.map((month) => {
+    const label = formatters2.formatMonthDropdown(month, dateLib);
+    const value = getMonth2(month);
+    const disabled = navStart && month < startOfMonth2(navStart) || navEnd && month > startOfMonth2(navEnd) || false;
+    return { value, label, disabled };
+  });
+  return options;
+}
+function getStyleForModifiers(dayModifiers, styles = {}, modifiersStyles = {}) {
+  let style = { ...styles == null ? void 0 : styles[UI.Day] };
+  Object.entries(dayModifiers).filter(([, active]) => active === true).forEach(([modifier]) => {
+    style = {
+      ...style,
+      ...modifiersStyles == null ? void 0 : modifiersStyles[modifier]
+    };
+  });
+  return style;
+}
+function getWeekdays(dateLib, ISOWeek, broadcastCalendar) {
+  const today = dateLib.today();
+  const start = ISOWeek ? dateLib.startOfISOWeek(today) : dateLib.startOfWeek(today);
+  const days = [];
+  for (let i2 = 0; i2 < 7; i2++) {
+    const day = dateLib.addDays(start, i2);
+    days.push(day);
+  }
+  return days;
+}
+function getYearOptions(navStart, navEnd, formatters2, dateLib, reverse = false) {
+  if (!navStart)
+    return void 0;
+  if (!navEnd)
+    return void 0;
+  const { startOfYear: startOfYear2, endOfYear: endOfYear2, eachYearOfInterval: eachYearOfInterval2, getYear: getYear2 } = dateLib;
+  const firstNavYear = startOfYear2(navStart);
+  const lastNavYear = endOfYear2(navEnd);
+  const years = eachYearOfInterval2({ start: firstNavYear, end: lastNavYear });
+  if (reverse)
+    years.reverse();
+  return years.map((year) => {
+    const label = formatters2.formatYearDropdown(year, dateLib);
+    return {
+      value: getYear2(year),
+      label,
+      disabled: false
+    };
+  });
+}
 function labelDayButton(date2, modifiers, options, dateLib) {
   let label = (dateLib ?? new DateLib(options)).format(date2, "PPPP");
   if (modifiers.today)
@@ -25379,9 +25036,8 @@ function labelMonthDropdown(_options) {
 function labelNav() {
   return "";
 }
-const defaultLabel = "Go to the Next Month";
-function labelNext(_month, _options) {
-  return defaultLabel;
+function labelNext(_month) {
+  return "Go to the Next Month";
 }
 function labelPrevious(_month) {
   return "Go to the Previous Month";
@@ -25414,87 +25070,6 @@ const defaultLabels = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
   labelWeekday,
   labelYearDropdown
 }, Symbol.toStringTag, { value: "Module" }));
-const resolveLabel = (defaultLabel2, customLabel, localeLabel) => {
-  if (customLabel)
-    return customLabel;
-  if (localeLabel) {
-    return typeof localeLabel === "function" ? localeLabel : (..._args) => localeLabel;
-  }
-  return defaultLabel2;
-};
-function getLabels(customLabels, options) {
-  var _a2;
-  const localeLabels = ((_a2 = options.locale) == null ? void 0 : _a2.labels) ?? {};
-  return {
-    ...defaultLabels,
-    ...customLabels ?? {},
-    labelDayButton: resolveLabel(labelDayButton, customLabels == null ? void 0 : customLabels.labelDayButton, localeLabels.labelDayButton),
-    labelMonthDropdown: resolveLabel(labelMonthDropdown, customLabels == null ? void 0 : customLabels.labelMonthDropdown, localeLabels.labelMonthDropdown),
-    labelNext: resolveLabel(labelNext, customLabels == null ? void 0 : customLabels.labelNext, localeLabels.labelNext),
-    labelPrevious: resolveLabel(labelPrevious, customLabels == null ? void 0 : customLabels.labelPrevious, localeLabels.labelPrevious),
-    labelWeekNumber: resolveLabel(labelWeekNumber, customLabels == null ? void 0 : customLabels.labelWeekNumber, localeLabels.labelWeekNumber),
-    labelYearDropdown: resolveLabel(labelYearDropdown, customLabels == null ? void 0 : customLabels.labelYearDropdown, localeLabels.labelYearDropdown),
-    labelGrid: resolveLabel(labelGrid, customLabels == null ? void 0 : customLabels.labelGrid, localeLabels.labelGrid),
-    labelGridcell: resolveLabel(labelGridcell, customLabels == null ? void 0 : customLabels.labelGridcell, localeLabels.labelGridcell),
-    labelNav: resolveLabel(labelNav, customLabels == null ? void 0 : customLabels.labelNav, localeLabels.labelNav),
-    labelWeekNumberHeader: resolveLabel(labelWeekNumberHeader, customLabels == null ? void 0 : customLabels.labelWeekNumberHeader, localeLabels.labelWeekNumberHeader),
-    labelWeekday: resolveLabel(labelWeekday, customLabels == null ? void 0 : customLabels.labelWeekday, localeLabels.labelWeekday)
-  };
-}
-function getMonthOptions(displayMonth, navStart, navEnd, formatters2, dateLib) {
-  const { startOfMonth: startOfMonth2, startOfYear: startOfYear2, endOfYear: endOfYear2, eachMonthOfInterval: eachMonthOfInterval2, getMonth: getMonth2 } = dateLib;
-  const months = eachMonthOfInterval2({
-    start: startOfYear2(displayMonth),
-    end: endOfYear2(displayMonth)
-  });
-  const options = months.map((month) => {
-    const label = formatters2.formatMonthDropdown(month, dateLib);
-    const value = getMonth2(month);
-    const disabled = navStart && month < startOfMonth2(navStart) || navEnd && month > startOfMonth2(navEnd) || false;
-    return { value, label, disabled };
-  });
-  return options;
-}
-function getStyleForModifiers(dayModifiers, styles = {}, modifiersStyles = {}) {
-  let style = { ...styles == null ? void 0 : styles[UI.Day] };
-  Object.entries(dayModifiers).filter(([, active]) => active === true).forEach(([modifier]) => {
-    style = {
-      ...style,
-      ...modifiersStyles == null ? void 0 : modifiersStyles[modifier]
-    };
-  });
-  return style;
-}
-function getWeekdays(dateLib, ISOWeek, broadcastCalendar, today) {
-  const referenceToday = today ?? dateLib.today();
-  const start = broadcastCalendar ? dateLib.startOfBroadcastWeek(referenceToday, dateLib) : ISOWeek ? dateLib.startOfISOWeek(referenceToday) : dateLib.startOfWeek(referenceToday);
-  const days = [];
-  for (let i2 = 0; i2 < 7; i2++) {
-    const day = dateLib.addDays(start, i2);
-    days.push(day);
-  }
-  return days;
-}
-function getYearOptions(navStart, navEnd, formatters2, dateLib, reverse = false) {
-  if (!navStart)
-    return void 0;
-  if (!navEnd)
-    return void 0;
-  const { startOfYear: startOfYear2, endOfYear: endOfYear2, eachYearOfInterval: eachYearOfInterval2, getYear: getYear2 } = dateLib;
-  const firstNavYear = startOfYear2(navStart);
-  const lastNavYear = endOfYear2(navEnd);
-  const years = eachYearOfInterval2({ start: firstNavYear, end: lastNavYear });
-  if (reverse)
-    years.reverse();
-  return years.map((year) => {
-    const label = formatters2.formatYearDropdown(year, dateLib);
-    return {
-      value: getYear2(year),
-      label,
-      disabled: false
-    };
-  });
-}
 const asHtmlElement = (element) => {
   if (element instanceof HTMLElement)
     return element;
@@ -25624,14 +25199,15 @@ function getDates(displayMonths, maxDate, props2, dateLib) {
   const { ISOWeek, fixedWeeks, broadcastCalendar } = props2 ?? {};
   const { addDays: addDays2, differenceInCalendarDays: differenceInCalendarDays2, differenceInCalendarMonths: differenceInCalendarMonths2, endOfBroadcastWeek: endOfBroadcastWeek2, endOfISOWeek: endOfISOWeek2, endOfMonth: endOfMonth2, endOfWeek: endOfWeek2, isAfter: isAfter2, startOfBroadcastWeek: startOfBroadcastWeek2, startOfISOWeek: startOfISOWeek2, startOfWeek: startOfWeek2 } = dateLib;
   const startWeekFirstDate = broadcastCalendar ? startOfBroadcastWeek2(firstMonth, dateLib) : ISOWeek ? startOfISOWeek2(firstMonth) : startOfWeek2(firstMonth);
-  const displayMonthsWeekEnd = broadcastCalendar ? endOfBroadcastWeek2(lastMonth) : ISOWeek ? endOfISOWeek2(endOfMonth2(lastMonth)) : endOfWeek2(endOfMonth2(lastMonth));
-  const constraintWeekEnd = maxDate && (broadcastCalendar ? endOfBroadcastWeek2(maxDate) : ISOWeek ? endOfISOWeek2(maxDate) : endOfWeek2(maxDate));
-  const gridEndDate = constraintWeekEnd && isAfter2(displayMonthsWeekEnd, constraintWeekEnd) ? constraintWeekEnd : displayMonthsWeekEnd;
-  const nOfDays = differenceInCalendarDays2(gridEndDate, startWeekFirstDate);
+  const endWeekLastDate = broadcastCalendar ? endOfBroadcastWeek2(lastMonth) : ISOWeek ? endOfISOWeek2(endOfMonth2(lastMonth)) : endOfWeek2(endOfMonth2(lastMonth));
+  const nOfDays = differenceInCalendarDays2(endWeekLastDate, startWeekFirstDate);
   const nOfMonths = differenceInCalendarMonths2(lastMonth, firstMonth) + 1;
   const dates = [];
   for (let i2 = 0; i2 <= nOfDays; i2++) {
     const date2 = addDays2(startWeekFirstDate, i2);
+    if (maxDate && isAfter2(date2, maxDate)) {
+      break;
+    }
     dates.push(date2);
   }
   const nrOfDaysWithFixedWeeks = broadcastCalendar ? 35 : 42;
@@ -25798,7 +25374,6 @@ function useControlledValue(defaultValue, controlledValue) {
   return [value, setValue];
 }
 function useCalendar(props2, dateLib) {
-  var _a2;
   const [navStart, navEnd] = getNavMonths(props2, dateLib);
   const { startOfMonth: startOfMonth2, endOfMonth: endOfMonth2 } = dateLib;
   const initialMonth = getInitialMonth(props2, navStart, navEnd, dateLib);
@@ -25811,44 +25386,13 @@ function useCalendar(props2, dateLib) {
     const newInitialMonth = getInitialMonth(props2, navStart, navEnd, dateLib);
     setFirstMonth(newInitialMonth);
   }, [props2.timeZone]);
-  const { months, weeks, days, previousMonth, nextMonth } = useMemo(() => {
-    const displayMonths = getDisplayMonths(firstMonth, navEnd, { numberOfMonths: props2.numberOfMonths }, dateLib);
-    const dates = getDates(displayMonths, props2.endMonth ? endOfMonth2(props2.endMonth) : void 0, {
-      ISOWeek: props2.ISOWeek,
-      fixedWeeks: props2.fixedWeeks,
-      broadcastCalendar: props2.broadcastCalendar
-    }, dateLib);
-    const months2 = getMonths(displayMonths, dates, {
-      broadcastCalendar: props2.broadcastCalendar,
-      fixedWeeks: props2.fixedWeeks,
-      ISOWeek: props2.ISOWeek,
-      reverseMonths: props2.reverseMonths
-    }, dateLib);
-    const weeks2 = getWeeks(months2);
-    const days2 = getDays(months2);
-    const previousMonth2 = getPreviousMonth(firstMonth, navStart, props2, dateLib);
-    const nextMonth2 = getNextMonth(firstMonth, navEnd, props2, dateLib);
-    return {
-      months: months2,
-      weeks: weeks2,
-      days: days2,
-      previousMonth: previousMonth2,
-      nextMonth: nextMonth2
-    };
-  }, [
-    dateLib,
-    firstMonth.getTime(),
-    navEnd == null ? void 0 : navEnd.getTime(),
-    navStart == null ? void 0 : navStart.getTime(),
-    props2.disableNavigation,
-    props2.broadcastCalendar,
-    (_a2 = props2.endMonth) == null ? void 0 : _a2.getTime(),
-    props2.fixedWeeks,
-    props2.ISOWeek,
-    props2.numberOfMonths,
-    props2.pagedNavigation,
-    props2.reverseMonths
-  ]);
+  const displayMonths = getDisplayMonths(firstMonth, navEnd, props2, dateLib);
+  const dates = getDates(displayMonths, props2.endMonth ? endOfMonth2(props2.endMonth) : void 0, props2, dateLib);
+  const months = getMonths(displayMonths, dates, props2, dateLib);
+  const weeks = getWeeks(months);
+  const days = getDays(months);
+  const previousMonth = getPreviousMonth(firstMonth, navStart, props2, dateLib);
+  const nextMonth = getNextMonth(firstMonth, navEnd, props2, dateLib);
   const { disableNavigation, onMonthChange } = props2;
   const isDayInCalendar = (day) => weeks.some((week) => week.days.some((d) => d.isEqualTo(day)));
   const goToMonth = (date2) => {
@@ -26216,104 +25760,38 @@ function useSelection(props2, dateLib) {
       return void 0;
   }
 }
-function toTimeZone(date2, timeZone) {
-  if (date2 instanceof TZDate && date2.timeZone === timeZone) {
-    return date2;
-  }
-  return new TZDate(date2, timeZone);
-}
-function convertMatcher(matcher, timeZone) {
-  if (typeof matcher === "boolean" || typeof matcher === "function") {
-    return matcher;
-  }
-  if (matcher instanceof Date) {
-    return toTimeZone(matcher, timeZone);
-  }
-  if (Array.isArray(matcher)) {
-    return matcher.map((value) => value instanceof Date ? toTimeZone(value, timeZone) : value);
-  }
-  if (isDateRange(matcher)) {
-    return {
-      ...matcher,
-      from: matcher.from ? toTimeZone(matcher.from, timeZone) : matcher.from,
-      to: matcher.to ? toTimeZone(matcher.to, timeZone) : matcher.to
-    };
-  }
-  if (isDateInterval(matcher)) {
-    return {
-      before: toTimeZone(matcher.before, timeZone),
-      after: toTimeZone(matcher.after, timeZone)
-    };
-  }
-  if (isDateAfterType(matcher)) {
-    return {
-      after: toTimeZone(matcher.after, timeZone)
-    };
-  }
-  if (isDateBeforeType(matcher)) {
-    return {
-      before: toTimeZone(matcher.before, timeZone)
-    };
-  }
-  return matcher;
-}
-function convertMatchersToTimeZone(matchers, timeZone) {
-  if (!matchers) {
-    return matchers;
-  }
-  if (Array.isArray(matchers)) {
-    return matchers.map((matcher) => convertMatcher(matcher, timeZone));
-  }
-  return convertMatcher(matchers, timeZone);
-}
 function DayPicker(initialProps) {
   var _a2;
   let props2 = initialProps;
-  const timeZone = props2.timeZone;
-  if (timeZone) {
+  if (props2.timeZone) {
     props2 = {
-      ...initialProps,
-      timeZone
+      ...initialProps
     };
     if (props2.today) {
-      props2.today = toTimeZone(props2.today, timeZone);
+      props2.today = new TZDate(props2.today, props2.timeZone);
     }
     if (props2.month) {
-      props2.month = toTimeZone(props2.month, timeZone);
+      props2.month = new TZDate(props2.month, props2.timeZone);
     }
     if (props2.defaultMonth) {
-      props2.defaultMonth = toTimeZone(props2.defaultMonth, timeZone);
+      props2.defaultMonth = new TZDate(props2.defaultMonth, props2.timeZone);
     }
     if (props2.startMonth) {
-      props2.startMonth = toTimeZone(props2.startMonth, timeZone);
+      props2.startMonth = new TZDate(props2.startMonth, props2.timeZone);
     }
     if (props2.endMonth) {
-      props2.endMonth = toTimeZone(props2.endMonth, timeZone);
+      props2.endMonth = new TZDate(props2.endMonth, props2.timeZone);
     }
     if (props2.mode === "single" && props2.selected) {
-      props2.selected = toTimeZone(props2.selected, timeZone);
+      props2.selected = new TZDate(props2.selected, props2.timeZone);
     } else if (props2.mode === "multiple" && props2.selected) {
-      props2.selected = (_a2 = props2.selected) == null ? void 0 : _a2.map((date2) => toTimeZone(date2, timeZone));
+      props2.selected = (_a2 = props2.selected) == null ? void 0 : _a2.map((date2) => new TZDate(date2, props2.timeZone));
     } else if (props2.mode === "range" && props2.selected) {
       props2.selected = {
-        from: props2.selected.from ? toTimeZone(props2.selected.from, timeZone) : props2.selected.from,
-        to: props2.selected.to ? toTimeZone(props2.selected.to, timeZone) : props2.selected.to
+        from: props2.selected.from ? new TZDate(props2.selected.from, props2.timeZone) : void 0,
+        to: props2.selected.to ? new TZDate(props2.selected.to, props2.timeZone) : void 0
       };
     }
-    if (props2.disabled !== void 0) {
-      props2.disabled = convertMatchersToTimeZone(props2.disabled, timeZone);
-    }
-    if (props2.hidden !== void 0) {
-      props2.hidden = convertMatchersToTimeZone(props2.hidden, timeZone);
-    }
-    if (props2.modifiers) {
-      const nextModifiers = {};
-      Object.keys(props2.modifiers).forEach((key) => {
-        var _a3;
-        nextModifiers[key] = convertMatchersToTimeZone((_a3 = props2.modifiers) == null ? void 0 : _a3[key], timeZone);
-      });
-      props2.modifiers = nextModifiers;
-    }
   }
   const { components: components2, formatters: formatters2, labels, dateLib, locale, classNames } = useMemo(() => {
     const locale2 = { ...enUS, ...props2.locale };
@@ -26330,7 +25808,7 @@ function DayPicker(initialProps) {
       dateLib: dateLib2,
       components: getComponents(props2.components),
       formatters: getFormatters(props2.formatters),
-      labels: getLabels(props2.labels, dateLib2.options),
+      labels: { ...defaultLabels, ...props2.labels },
       locale: locale2,
       classNames: { ...getDefaultClassNames(), ...props2.classNames }
     };
@@ -26349,9 +25827,6 @@ function DayPicker(initialProps) {
     props2.labels,
     props2.classNames
   ]);
-  if (!props2.today) {
-    props2 = { ...props2, today: dateLib.today() };
-  }
   const { captionLayout, mode, navLayout, numberOfMonths = 1, onDayBlur, onDayClick, onDayFocus, onDayKeyDown, onDayMouseEnter, onDayMouseLeave, onNextClick, onPrevClick, showWeekNumber, styles } = props2;
   const { formatCaption: formatCaption2, formatDay: formatDay2, formatMonthDropdown: formatMonthDropdown2, formatWeekNumber: formatWeekNumber2, formatWeekNumberHeader: formatWeekNumberHeader2, formatWeekdayName: formatWeekdayName2, formatYearDropdown: formatYearDropdown2 } = formatters2;
   const calendar = useCalendar(props2, dateLib);
@@ -26360,7 +25835,7 @@ function DayPicker(initialProps) {
   const { isSelected, select, selected: selectedValue } = useSelection(props2, dateLib) ?? {};
   const { blur, focused, isFocusTarget, moveFocus, setFocused } = useFocus(props2, calendar, getModifiers, isSelected ?? (() => false), dateLib);
   const { labelDayButton: labelDayButton2, labelGridcell: labelGridcell2, labelGrid: labelGrid2, labelMonthDropdown: labelMonthDropdown2, labelNav: labelNav2, labelPrevious: labelPrevious2, labelNext: labelNext2, labelWeekday: labelWeekday2, labelWeekNumber: labelWeekNumber2, labelWeekNumberHeader: labelWeekNumberHeader2, labelYearDropdown: labelYearDropdown2 } = labels;
-  const weekdays = useMemo(() => getWeekdays(dateLib, props2.ISOWeek, props2.broadcastCalendar, props2.today), [dateLib, props2.ISOWeek, props2.broadcastCalendar, props2.today]);
+  const weekdays = useMemo(() => getWeekdays(dateLib, props2.ISOWeek), [dateLib, props2.ISOWeek]);
   const isInteractive = mode !== void 0 || onDayClick !== void 0;
   const handlePreviousClick = useCallback(() => {
     if (!previousMonth)
@@ -26378,9 +25853,6 @@ function DayPicker(initialProps) {
     e2.preventDefault();
     e2.stopPropagation();
     setFocused(day);
-    if (m2.disabled) {
-      return;
-    }
     select == null ? void 0 : select(day.date, m2, e2);
     onDayClick == null ? void 0 : onDayClick(day.date, m2, e2);
   }, [select, onDayClick, setFocused]);
@@ -26509,7 +25981,10 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : React__default.createElement(components2.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
+            ) : (
+              // biome-ignore lint/a11y/useSemanticElements: breaking change
+              React__default.createElement(components2.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
+            )),
             navLayout === "around" && !props2.hideNavigation && displayIndex === numberOfMonths - 1 && React__default.createElement(
               components2.NextMonthButton,
               { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick, "data-animated-button": props2.animate ? "true" : void 0 },
@@ -26529,7 +26004,8 @@ function DayPicker(initialProps) {
                 return React__default.createElement(
                   components2.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles == null ? void 0 : styles[UI.Week], week },
-                  showWeekNumber && React__default.createElement(components2.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && // biome-ignore lint/a11y/useSemanticElements: react component
+                  React__default.createElement(components2.WeekNumber, { week, style: styles == null ? void 0 : styles[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
                     locale
                   }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber2(week.weekNumber, dateLib)),
                   week.days.map((day) => {
@@ -26546,7 +26022,10 @@ function DayPicker(initialProps) {
                     const style2 = getStyleForModifiers(modifiers, styles, props2.modifiersStyles);
                     const className2 = getClassNamesForModifiers(modifiers, classNames, props2.modifiersClassNames);
                     const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell2(date2, modifiers, dateLib.options, dateLib) : void 0;
-                    return React__default.createElement(components2.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React__default.createElement(components2.DayButton, { className: classNames[UI.DayButton], style: styles == null ? void 0 : styles[UI.DayButton], type: "button", day, modifiers, disabled: !modifiers.focused && modifiers.disabled || void 0, "aria-disabled": modifiers.focused && modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date2, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date2, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
+                    return (
+                      // biome-ignore lint/a11y/useSemanticElements: react component
+                      React__default.createElement(components2.Day, { key: `${dateLib.format(date2, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": dateLib.format(date2, "yyyy-MM-dd"), "data-month": day.outside ? dateLib.format(date2, "yyyy-MM") : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? React__default.createElement(components2.DayButton, { className: classNames[UI.DayButton], style: styles == null ? void 0 : styles[UI.DayButton], type: "button", day, modifiers, disabled: modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date2, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date2, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib))
+                    );
                   })
                 );
               }))
@@ -26554,7 +26033,8 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      props2.footer && React__default.createElement(components2.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props2.footer)
+      props2.footer && // biome-ignore lint/a11y/useSemanticElements: react component
+      React__default.createElement(components2.Footer, { className: classNames[UI.Footer], style: styles == null ? void 0 : styles[UI.Footer], role: "status", "aria-live": "polite" }, props2.footer)
     )
   );
 }
@@ -31919,7 +31399,7 @@ function reducer(state, action) {
 function noop$1() {
 }
 var DIALOG_NAME = "Dialog";
-var [createDialogContext, createDialogScope] = createContextScope$2(DIALOG_NAME);
+var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
 var [DialogProvider$1, useDialogContext] = createDialogContext(DIALOG_NAME);
 var Dialog$1 = (props2) => {
   const {
@@ -31963,7 +31443,7 @@ var DialogTrigger$1 = React.forwardRef(
     const context = useDialogContext(TRIGGER_NAME$7, __scopeDialog);
     const composedTriggerRef = useComposedRefs$1(forwardedRef, context.triggerRef);
     return /* @__PURE__ */ jsx(
-      Primitive$6.button,
+      Primitive.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -31998,7 +31478,7 @@ var DialogOverlay$1 = React.forwardRef(
   }
 );
 DialogOverlay$1.displayName = OVERLAY_NAME$1;
-var Slot$1 = /* @__PURE__ */ createSlot$7("DialogOverlay.RemoveScroll");
+var Slot$1 = /* @__PURE__ */ createSlot$1("DialogOverlay.RemoveScroll");
 var DialogOverlayImpl = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeDialog, ...overlayProps } = props2;
@@ -32007,7 +31487,7 @@ var DialogOverlayImpl = React.forwardRef(
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ jsx(ReactRemoveScroll, { as: Slot$1, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx(
-        Primitive$6.div,
+        Primitive.div,
         {
           "data-state": getState(context.open),
           ...overlayProps,
@@ -32148,7 +31628,7 @@ var DialogTitle$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props2;
     const context = useDialogContext(TITLE_NAME$1, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive$6.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
 DialogTitle$1.displayName = TITLE_NAME$1;
@@ -32157,7 +31637,7 @@ var DialogDescription$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props2;
     const context = useDialogContext(DESCRIPTION_NAME$1, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive$6.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
   }
 );
 DialogDescription$1.displayName = DESCRIPTION_NAME$1;
@@ -32167,7 +31647,7 @@ var DialogClose$1 = React.forwardRef(
     const { __scopeDialog, ...closeProps } = props2;
     const context = useDialogContext(CLOSE_NAME, __scopeDialog);
     return /* @__PURE__ */ jsx(
-      Primitive$6.button,
+      Primitive.button,
       {
         type: "button",
         ...closeProps,
@@ -32344,198 +31824,9 @@ function DialogDescription({
     }
   );
 }
-function createContextScope$1(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext3(rootComponentName, defaultContext) {
-    const BaseContext = React.createContext(defaultContext);
-    BaseContext.displayName = rootComponentName + "Context";
-    const index2 = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    const Provider2 = (props2) => {
-      var _a2;
-      const { scope, children, ...context } = props2;
-      const Context = ((_a2 = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a2[index2]) || BaseContext;
-      const value = React.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx(Context.Provider, { value, children });
-    };
-    Provider2.displayName = rootComponentName + "Provider";
-    function useContext2(consumerName, scope) {
-      var _a2;
-      const Context = ((_a2 = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a2[index2]) || BaseContext;
-      const context = React.useContext(Context);
-      if (context) return context;
-      if (defaultContext !== void 0) return defaultContext;
-      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-    }
-    return [Provider2, useContext2];
-  }
-  const createScope = () => {
-    const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-      return React.useMemo(
-        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
-        [scope, contexts]
-      );
-    };
-  };
-  createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$1(createScope, ...createContextScopeDeps)];
-}
-function composeContextScopes$1(...scopes) {
-  const baseScope = scopes[0];
-  if (scopes.length === 1) return baseScope;
-  const createScope = () => {
-    const scopeHooks = scopes.map((createScope2) => ({
-      useScope: createScope2(),
-      scopeName: createScope2.scopeName
-    }));
-    return function useComposedScopes(overrideScopes) {
-      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
-        const scopeProps = useScope(overrideScopes);
-        const currentScope = scopeProps[`__scope${scopeName}`];
-        return { ...nextScopes2, ...currentScope };
-      }, {});
-      return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-    };
-  };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
-}
-var REACT_LAZY_TYPE$3 = Symbol.for("react.lazy");
-var use$3 = React[" use ".trim().toString()];
-function isPromiseLike$3(value) {
-  return typeof value === "object" && value !== null && "then" in value;
-}
-function isLazyComponent$3(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE$3 && "_payload" in element && isPromiseLike$3(element._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function createSlot$3(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone$3(ownerName);
-  const Slot2 = React.forwardRef((props2, forwardedRef) => {
-    let { children, ...slotProps } = props2;
-    if (isLazyComponent$3(children) && typeof use$3 === "function") {
-      children = use$3(children._payload);
-    }
-    const childrenArray = React.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable$3);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React.Children.count(newElement) > 1) return React.Children.only(null);
-          return React.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
-        }
-      });
-      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });
-    }
-    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
-  });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
-}
-// @__NO_SIDE_EFFECTS__
-function createSlotClone$3(ownerName) {
-  const SlotClone = React.forwardRef((props2, forwardedRef) => {
-    let { children, ...slotProps } = props2;
-    if (isLazyComponent$3(children) && typeof use$3 === "function") {
-      children = use$3(children._payload);
-    }
-    if (React.isValidElement(children)) {
-      const childrenRef = getElementRef$3(children);
-      const props22 = mergeProps$3(slotProps, children.props);
-      if (children.type !== React.Fragment) {
-        props22.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
-      }
-      return React.cloneElement(children, props22);
-    }
-    return React.Children.count(children) > 1 ? React.Children.only(null) : null;
-  });
-  SlotClone.displayName = `${ownerName}.SlotClone`;
-  return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER$3 = Symbol("radix.slottable");
-function isSlottable$3(child) {
-  return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$3;
-}
-function mergeProps$3(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
-          slotPropValue(...args);
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    }
-  }
-  return { ...slotProps, ...overrideProps };
-}
-function getElementRef$3(element) {
-  var _a2, _b;
-  let getter = (_a2 = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a2.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-var NODES$3 = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive$3 = NODES$3.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot$3(`Primitive.${node}`);
-  const Node2 = React.forwardRef((props2, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props2;
-    const Comp = asChild ? Slot2 : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node2.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node2 };
-}, {});
 var PROGRESS_NAME = "Progress";
 var DEFAULT_MAX = 100;
-var [createProgressContext] = createContextScope$1(PROGRESS_NAME);
+var [createProgressContext] = createContextScope(PROGRESS_NAME);
 var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
 var Progress$1 = React.forwardRef(
   (props2, forwardedRef) => {
@@ -32556,7 +31847,7 @@ var Progress$1 = React.forwardRef(
     const value = isValidValueNumber(valueProp, max2) ? valueProp : null;
     const valueLabel = isNumber$3(value) ? getValueLabel(value, max2) : void 0;
     return /* @__PURE__ */ jsx(ProgressProvider, { scope: __scopeProgress, value, max: max2, children: /* @__PURE__ */ jsx(
-      Primitive$3.div,
+      Primitive.div,
       {
         "aria-valuemax": max2,
         "aria-valuemin": 0,
@@ -32579,7 +31870,7 @@ var ProgressIndicator = React.forwardRef(
     const { __scopeProgress, ...indicatorProps } = props2;
     const context = useProgressContext(INDICATOR_NAME$4, __scopeProgress);
     return /* @__PURE__ */ jsx(
-      Primitive$3.div,
+      Primitive.div,
       {
         "data-state": getProgressState(context.value, context.max),
         "data-value": context.value ?? void 0,
@@ -32644,7 +31935,7 @@ function Progress({
     }
   );
 }
-var [createTooltipContext] = createContextScope$2("Tooltip", [
+var [createTooltipContext] = createContextScope("Tooltip", [
   createPopperScope
 ]);
 var usePopperScope$2 = createPopperScope();
@@ -32803,7 +32094,7 @@ var TooltipTrigger$1 = React.forwardRef(
       return () => document.removeEventListener("pointerup", handlePointerUp2);
     }, [handlePointerUp2]);
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive$6.button,
+      Primitive.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
         "data-state": context.stateAttribute,
@@ -34325,10 +33616,12 @@ function FormBuilderField({
   });
   const handleChange = useCallback(
     (value, ...extras) => {
+      if (typeof field.onChangeOverride === "function" && field.onChangeOverride(value, ...extras) === false)
+        return;
       controllerField.onChange(value);
       onChange == null ? void 0 : onChange(value, ...extras);
     },
-    [controllerField, onChange]
+    [controllerField, field.onChangeOverride, onChange]
   );
   const baseClassName = cn$1(
     error && "border-destructive focus-visible:ring-destructive",
@@ -34901,7 +34194,7 @@ function jsonStringifyReplacer$1(_2, value) {
     return value.toString();
   return value;
 }
-const captureStackTrace$1 = Error.captureStackTrace ? Error.captureStackTrace : (..._args) => {
+const captureStackTrace$1 = "captureStackTrace" in Error ? Error.captureStackTrace : (..._args) => {
 };
 function unwrapMessage$1(message2) {
   return typeof message2 === "string" ? message2 : message2 == null ? void 0 : message2.message;
@@ -34930,13 +34223,7 @@ const initializer$2 = (inst, def) => {
     value: def,
     enumerable: false
   });
-  Object.defineProperty(inst, "message", {
-    get() {
-      return JSON.stringify(def, jsonStringifyReplacer$1, 2);
-    },
-    enumerable: true
-    // configurable: false,
-  });
+  inst.message = JSON.stringify(def, jsonStringifyReplacer$1, 2);
   Object.defineProperty(inst, "toString", {
     value: () => inst.message,
     enumerable: false
@@ -38441,7 +37728,7 @@ function superRefine(fn) {
   return _superRefine(fn);
 }
 function useFormBuilder(options) {
-  const { sections, defaultValues, schema: providedSchema } = options;
+  const { sections, defaultValues, schema: providedSchema, extendValidation } = options;
   const generatedSchema = useMemo(() => {
     if (providedSchema) return providedSchema;
     const generateFieldSchema = (field) => {
@@ -38687,8 +37974,11 @@ function useFormBuilder(options) {
       }
     };
     forEachField(sections);
+    if (typeof extendValidation === "function") {
+      return extendValidation(object(schemaObject));
+    }
     return object(schemaObject);
-  }, [sections, providedSchema]);
+  }, [sections, providedSchema, extendValidation]);
   const generatedDefaultValues = useMemo(() => {
     const values = {
       ...defaultValues ?? {}
@@ -38800,12 +38090,14 @@ function FormBuilder({
   showActions = true,
   customActions,
   showActionsSeparator = true,
-  form
+  form,
+  extendValidation
 }) {
   const { form: generatedForm } = useFormBuilder({
     sections,
     schema,
-    defaultValues: defaultValues ?? void 0
+    defaultValues: defaultValues ?? void 0,
+    extendValidation
   });
   const activeForm = form ?? generatedForm;
   const { control, handleSubmit, reset: reset2, setValue, getValues } = activeForm;
@@ -38906,11 +38198,6 @@ function FormBuilder({
   const handleFieldChange = useCallback(
     (field, value, ...extras) => {
       if (field.onChange) {
-        if (field.onChangeOverride) {
-          if (field.onChangeOverride(value, extras, setValue, getValues))
-            field.onChange(value, extras, setValue, getValues);
-          return;
-        }
         field.onChange(value, extras, setValue, getValues);
       }
     },
@@ -39465,7 +38752,7 @@ var SUB_CLOSE_KEYS = {
 };
 var MENU_NAME$1 = "Menu";
 var [Collection$3, useCollection$3, createCollectionScope$3] = createCollection(MENU_NAME$1);
-var [createMenuContext, createMenuScope] = createContextScope$2(MENU_NAME$1, [
+var [createMenuContext, createMenuScope] = createContextScope(MENU_NAME$1, [
   createCollectionScope$3,
   createPopperScope,
   createRovingFocusGroupScope
@@ -39589,7 +38876,7 @@ var MenuRootContentNonModal = React.forwardRef((props2, forwardedRef) => {
     }
   );
 });
-var Slot = /* @__PURE__ */ createSlot$7("MenuContent.ScrollLock");
+var Slot = /* @__PURE__ */ createSlot$1("MenuContent.ScrollLock");
 var MenuContentImpl = React.forwardRef(
   (props2, forwardedRef) => {
     const {
@@ -39781,7 +39068,7 @@ var GROUP_NAME$3 = "MenuGroup";
 var MenuGroup = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props2;
-    return /* @__PURE__ */ jsx(Primitive$6.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
 MenuGroup.displayName = GROUP_NAME$3;
@@ -39789,7 +39076,7 @@ var LABEL_NAME$3 = "MenuLabel";
 var MenuLabel = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props2;
-    return /* @__PURE__ */ jsx(Primitive$6.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME$3;
@@ -39867,7 +39154,7 @@ var MenuItemImpl = React.forwardRef(
         disabled,
         textValue: textValue ?? textContent,
         children: /* @__PURE__ */ jsx(Item$2, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx(
-          Primitive$6.div,
+          Primitive.div,
           {
             role: "menuitem",
             "data-highlighted": isFocused ? "" : void 0,
@@ -39978,7 +39265,7 @@ var MenuItemIndicator = React.forwardRef(
       {
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
         children: /* @__PURE__ */ jsx(
-          Primitive$6.span,
+          Primitive.span,
           {
             ...itemIndicatorProps,
             ref: forwardedRef,
@@ -39995,7 +39282,7 @@ var MenuSeparator = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props2;
     return /* @__PURE__ */ jsx(
-      Primitive$6.div,
+      Primitive.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -40082,7 +39369,7 @@ var MenuSubTrigger = React.forwardRef(
         "aria-controls": subContext.contentId,
         "data-state": getOpenState$1(context.open),
         ...props2,
-        ref: composeRefs$1(forwardedRef, subContext.onTriggerChange),
+        ref: composeRefs$2(forwardedRef, subContext.onTriggerChange),
         onClick: (event) => {
           var _a2;
           (_a2 = props2.onClick) == null ? void 0 : _a2.call(props2, event);
@@ -40277,7 +39564,7 @@ var Sub = MenuSub;
 var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 var DROPDOWN_MENU_NAME = "DropdownMenu";
-var [createDropdownMenuContext] = createContextScope$2(
+var [createDropdownMenuContext] = createContextScope(
   DROPDOWN_MENU_NAME,
   [createMenuScope]
 );
@@ -40324,7 +39611,7 @@ var DropdownMenuTrigger$1 = React.forwardRef(
     const context = useDropdownMenuContext(TRIGGER_NAME$5, __scopeDropdownMenu);
     const menuScope = useMenuScope$2(__scopeDropdownMenu);
     return /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
-      Primitive$6.button,
+      Primitive.button,
       {
         type: "button",
         id: context.triggerId,
@@ -40335,7 +39622,7 @@ var DropdownMenuTrigger$1 = React.forwardRef(
         "data-disabled": disabled ? "" : void 0,
         disabled,
         ...triggerProps,
-        ref: composeRefs$1(forwardedRef, context.triggerRef),
+        ref: composeRefs$2(forwardedRef, context.triggerRef),
         onPointerDown: composeEventHandlers$1(props2.onPointerDown, (event) => {
           if (!disabled && event.button === 0 && event.ctrlKey === false) {
             context.onOpenToggle();
@@ -46654,7 +45941,7 @@ function dotAccessor(path) {
   return (row) => lodashExports.get(row, path);
 }
 var ROOT_NAME = "AlertDialog";
-var [createAlertDialogContext] = createContextScope$2(ROOT_NAME, [
+var [createAlertDialogContext] = createContextScope(ROOT_NAME, [
   createDialogScope
 ]);
 var useDialogScope = createDialogScope();
@@ -46923,7 +46210,7 @@ function AlertDialogCancel({
 }
 const DialogContext = createContext(null);
 function useDialogController() {
-  const ctx = use$7(DialogContext);
+  const ctx = use$1(DialogContext);
   if (!ctx)
     throw new Error("useDialogController must be used within DialogProvider");
   return ctx;
@@ -49265,7 +48552,7 @@ function ThemeBridge({ children, ...props2 }) {
   return /* @__PURE__ */ jsx(ThemeProviderContext, { ...props2, value, children });
 }
 const useTheme = () => {
-  const context = use$7(ThemeProviderContext);
+  const context = use$1(ThemeProviderContext);
   if (context === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return context;
@@ -50633,135 +49920,6 @@ const Toaster$1 = /* @__PURE__ */ React__default.forwardRef(function Toaster(pro
     }))
   );
 });
-var REACT_LAZY_TYPE$2 = Symbol.for("react.lazy");
-var use$2 = React[" use ".trim().toString()];
-function isPromiseLike$2(value) {
-  return typeof value === "object" && value !== null && "then" in value;
-}
-function isLazyComponent$2(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE$2 && "_payload" in element && isPromiseLike$2(element._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function createSlot$2(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone$2(ownerName);
-  const Slot2 = React.forwardRef((props2, forwardedRef) => {
-    let { children, ...slotProps } = props2;
-    if (isLazyComponent$2(children) && typeof use$2 === "function") {
-      children = use$2(children._payload);
-    }
-    const childrenArray = React.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable$2);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React.Children.count(newElement) > 1) return React.Children.only(null);
-          return React.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
-        }
-      });
-      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });
-    }
-    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
-  });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
-}
-// @__NO_SIDE_EFFECTS__
-function createSlotClone$2(ownerName) {
-  const SlotClone = React.forwardRef((props2, forwardedRef) => {
-    let { children, ...slotProps } = props2;
-    if (isLazyComponent$2(children) && typeof use$2 === "function") {
-      children = use$2(children._payload);
-    }
-    if (React.isValidElement(children)) {
-      const childrenRef = getElementRef$2(children);
-      const props22 = mergeProps$2(slotProps, children.props);
-      if (children.type !== React.Fragment) {
-        props22.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
-      }
-      return React.cloneElement(children, props22);
-    }
-    return React.Children.count(children) > 1 ? React.Children.only(null) : null;
-  });
-  SlotClone.displayName = `${ownerName}.SlotClone`;
-  return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER$2 = Symbol("radix.slottable");
-function isSlottable$2(child) {
-  return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$2;
-}
-function mergeProps$2(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
-          slotPropValue(...args);
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    }
-  }
-  return { ...slotProps, ...overrideProps };
-}
-function getElementRef$2(element) {
-  var _a2, _b;
-  let getter = (_a2 = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a2.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-var NODES$2 = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive$2 = NODES$2.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot$2(`Primitive.${node}`);
-  const Node2 = React.forwardRef((props2, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props2;
-    const Comp = asChild ? Slot2 : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node2.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node2 };
-}, {});
 var NAME$1 = "AspectRatio";
 var AspectRatio$1 = React.forwardRef(
   (props2, forwardedRef) => {
@@ -50778,7 +49936,7 @@ var AspectRatio$1 = React.forwardRef(
         },
         "data-radix-aspect-ratio-wrapper": "",
         children: /* @__PURE__ */ jsx(
-          Primitive$2.div,
+          Primitive.div,
           {
             ...aspectRatioProps,
             ref: forwardedRef,
@@ -50804,195 +49962,6 @@ function AspectRatio({
 }) {
   return /* @__PURE__ */ jsx(Root$5, { "data-slot": "aspect-ratio", ...props2 });
 }
-function createContextScope(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext3(rootComponentName, defaultContext) {
-    const BaseContext = React.createContext(defaultContext);
-    BaseContext.displayName = rootComponentName + "Context";
-    const index2 = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    const Provider2 = (props2) => {
-      var _a2;
-      const { scope, children, ...context } = props2;
-      const Context = ((_a2 = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a2[index2]) || BaseContext;
-      const value = React.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx(Context.Provider, { value, children });
-    };
-    Provider2.displayName = rootComponentName + "Provider";
-    function useContext2(consumerName, scope) {
-      var _a2;
-      const Context = ((_a2 = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a2[index2]) || BaseContext;
-      const context = React.useContext(Context);
-      if (context) return context;
-      if (defaultContext !== void 0) return defaultContext;
-      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-    }
-    return [Provider2, useContext2];
-  }
-  const createScope = () => {
-    const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-      return React.useMemo(
-        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
-        [scope, contexts]
-      );
-    };
-  };
-  createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
-}
-function composeContextScopes(...scopes) {
-  const baseScope = scopes[0];
-  if (scopes.length === 1) return baseScope;
-  const createScope = () => {
-    const scopeHooks = scopes.map((createScope2) => ({
-      useScope: createScope2(),
-      scopeName: createScope2.scopeName
-    }));
-    return function useComposedScopes(overrideScopes) {
-      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
-        const scopeProps = useScope(overrideScopes);
-        const currentScope = scopeProps[`__scope${scopeName}`];
-        return { ...nextScopes2, ...currentScope };
-      }, {});
-      return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-    };
-  };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
-}
-var REACT_LAZY_TYPE$1 = Symbol.for("react.lazy");
-var use$1 = React[" use ".trim().toString()];
-function isPromiseLike$1(value) {
-  return typeof value === "object" && value !== null && "then" in value;
-}
-function isLazyComponent$1(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE$1 && "_payload" in element && isPromiseLike$1(element._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function createSlot$1(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone$1(ownerName);
-  const Slot2 = React.forwardRef((props2, forwardedRef) => {
-    let { children, ...slotProps } = props2;
-    if (isLazyComponent$1(children) && typeof use$1 === "function") {
-      children = use$1(children._payload);
-    }
-    const childrenArray = React.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable$1);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React.Children.count(newElement) > 1) return React.Children.only(null);
-          return React.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
-        }
-      });
-      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });
-    }
-    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
-  });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
-}
-// @__NO_SIDE_EFFECTS__
-function createSlotClone$1(ownerName) {
-  const SlotClone = React.forwardRef((props2, forwardedRef) => {
-    let { children, ...slotProps } = props2;
-    if (isLazyComponent$1(children) && typeof use$1 === "function") {
-      children = use$1(children._payload);
-    }
-    if (React.isValidElement(children)) {
-      const childrenRef = getElementRef$1(children);
-      const props22 = mergeProps$1(slotProps, children.props);
-      if (children.type !== React.Fragment) {
-        props22.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
-      }
-      return React.cloneElement(children, props22);
-    }
-    return React.Children.count(children) > 1 ? React.Children.only(null) : null;
-  });
-  SlotClone.displayName = `${ownerName}.SlotClone`;
-  return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER$1 = Symbol("radix.slottable");
-function isSlottable$1(child) {
-  return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$1;
-}
-function mergeProps$1(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
-          slotPropValue(...args);
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    }
-  }
-  return { ...slotProps, ...overrideProps };
-}
-function getElementRef$1(element) {
-  var _a2, _b;
-  let getter = (_a2 = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a2.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-var NODES$1 = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive$1 = NODES$1.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot$1(`Primitive.${node}`);
-  const Node2 = React.forwardRef((props2, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props2;
-    const Comp = asChild ? Slot2 : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node2.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node2 };
-}, {});
 var shim = { exports: {} };
 var useSyncExternalStoreShim_production = {};
 /**
@@ -51161,7 +50130,7 @@ var Avatar$1 = React.forwardRef(
         scope: __scopeAvatar,
         imageLoadingStatus,
         onImageLoadingStatusChange: setImageLoadingStatus,
-        children: /* @__PURE__ */ jsx(Primitive$1.span, { ...avatarProps, ref: forwardedRef })
+        children: /* @__PURE__ */ jsx(Primitive.span, { ...avatarProps, ref: forwardedRef })
       }
     );
   }
@@ -51183,7 +50152,7 @@ var AvatarImage$1 = React.forwardRef(
         handleLoadingStatusChange(imageLoadingStatus);
       }
     }, [imageLoadingStatus, handleLoadingStatusChange]);
-    return imageLoadingStatus === "loaded" ? /* @__PURE__ */ jsx(Primitive$1.img, { ...imageProps, ref: forwardedRef, src }) : null;
+    return imageLoadingStatus === "loaded" ? /* @__PURE__ */ jsx(Primitive.img, { ...imageProps, ref: forwardedRef, src }) : null;
   }
 );
 AvatarImage$1.displayName = IMAGE_NAME;
@@ -51199,7 +50168,7 @@ var AvatarFallback$1 = React.forwardRef(
         return () => window.clearTimeout(timerId);
       }
     }, [delayMs]);
-    return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(Primitive$1.span, { ...fallbackProps, ref: forwardedRef }) : null;
+    return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(Primitive.span, { ...fallbackProps, ref: forwardedRef }) : null;
   }
 );
 AvatarFallback$1.displayName = FALLBACK_NAME;
@@ -59234,135 +58203,6 @@ function D(_2) {
 function W(_2, C, h) {
   return _2 = h && h.length > 0 ? `${_2 + " " + h.join(" ")}` : _2, G(_2, C, D(_2), D(C), 0, 0, {});
 }
-var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-var use = React[" use ".trim().toString()];
-function isPromiseLike(value) {
-  return typeof value === "object" && value !== null && "then" in value;
-}
-function isLazyComponent(element) {
-  return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
-}
-// @__NO_SIDE_EFFECTS__
-function createSlot(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
-  const Slot2 = React.forwardRef((props2, forwardedRef) => {
-    let { children, ...slotProps } = props2;
-    if (isLazyComponent(children) && typeof use === "function") {
-      children = use(children._payload);
-    }
-    const childrenArray = React.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React.Children.count(newElement) > 1) return React.Children.only(null);
-          return React.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
-        }
-      });
-      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });
-    }
-    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
-  });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
-}
-// @__NO_SIDE_EFFECTS__
-function createSlotClone(ownerName) {
-  const SlotClone = React.forwardRef((props2, forwardedRef) => {
-    let { children, ...slotProps } = props2;
-    if (isLazyComponent(children) && typeof use === "function") {
-      children = use(children._payload);
-    }
-    if (React.isValidElement(children)) {
-      const childrenRef = getElementRef(children);
-      const props22 = mergeProps(slotProps, children.props);
-      if (children.type !== React.Fragment) {
-        props22.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
-      }
-      return React.cloneElement(children, props22);
-    }
-    return React.Children.count(children) > 1 ? React.Children.only(null) : null;
-  });
-  SlotClone.displayName = `${ownerName}.SlotClone`;
-  return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
-function isSlottable(child) {
-  return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
-}
-function mergeProps(slotProps, childProps) {
-  const overrideProps = { ...childProps };
-  for (const propName in childProps) {
-    const slotPropValue = slotProps[propName];
-    const childPropValue = childProps[propName];
-    const isHandler = /^on[A-Z]/.test(propName);
-    if (isHandler) {
-      if (slotPropValue && childPropValue) {
-        overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
-          slotPropValue(...args);
-          return result;
-        };
-      } else if (slotPropValue) {
-        overrideProps[propName] = slotPropValue;
-      }
-    } else if (propName === "style") {
-      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
-    } else if (propName === "className") {
-      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
-    }
-  }
-  return { ...slotProps, ...overrideProps };
-}
-function getElementRef(element) {
-  var _a2, _b;
-  let getter = (_a2 = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a2.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-var NODES = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive = NODES.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot(`Primitive.${node}`);
-  const Node2 = React.forwardRef((props2, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props2;
-    const Comp = asChild ? Slot2 : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node2.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node2 };
-}, {});
 var N = '[cmdk-group=""]', Y$1 = '[cmdk-group-items=""]', be = '[cmdk-group-heading=""]', le = '[cmdk-item=""]', ce = `${le}:not([aria-disabled="true"])`, Z = "cmdk-item-select", T = "data-value", Re = (r2, o2, n2) => W(r2, o2, n2), ue = React.createContext(void 0), K = () => React.useContext(ue), de = React.createContext(void 0), ee = () => React.useContext(de), fe = React.createContext(void 0), me = React.forwardRef((r2, o2) => {
   let n2 = L(() => {
     var e2, a2;
@@ -59558,15 +58398,15 @@ var N = '[cmdk-group=""]', Y$1 = '[cmdk-group-items=""]', be = '[cmdk-group-head
   }
   if (!x2) return null;
   let { disabled: A, value: ge, onSelect: j, forceMount: O2, keywords: $2, ...q } = r2;
-  return React.createElement(Primitive.div, { ref: composeRefs$1(u2, o2), ...q, id: n2, "cmdk-item": "", role: "option", "aria-disabled": !!A, "aria-selected": !!R, "data-disabled": !!A, "data-selected": !!R, onPointerMove: A || d.getDisablePointerSelection() ? void 0 : S, onClick: A ? void 0 : C }, r2.children);
+  return React.createElement(Primitive.div, { ref: composeRefs$2(u2, o2), ...q, id: n2, "cmdk-item": "", role: "option", "aria-disabled": !!A, "aria-selected": !!R, "data-disabled": !!A, "data-selected": !!R, onPointerMove: A || d.getDisablePointerSelection() ? void 0 : S, onClick: A ? void 0 : C }, r2.children);
 }), Ee = React.forwardRef((r2, o2) => {
   let { heading: n2, children: u2, forceMount: c2, ...d } = r2, f = useId$1(), p2 = React.useRef(null), b2 = React.useRef(null), m2 = useId$1(), R = K(), x2 = P((S) => c2 || R.filter() === false ? true : S.search ? S.filtered.groups.has(f) : true);
   k(() => R.group(f), []), ve(f, p2, [r2.value, r2.heading, b2]);
   let C = React.useMemo(() => ({ id: f, forceMount: c2 }), [c2]);
-  return React.createElement(Primitive.div, { ref: composeRefs$1(p2, o2), ...d, "cmdk-group": "", role: "presentation", hidden: x2 ? void 0 : true }, n2 && React.createElement("div", { ref: b2, "cmdk-group-heading": "", "aria-hidden": true, id: m2 }, n2), B(r2, (S) => React.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n2 ? m2 : void 0 }, React.createElement(fe.Provider, { value: C }, S))));
+  return React.createElement(Primitive.div, { ref: composeRefs$2(p2, o2), ...d, "cmdk-group": "", role: "presentation", hidden: x2 ? void 0 : true }, n2 && React.createElement("div", { ref: b2, "cmdk-group-heading": "", "aria-hidden": true, id: m2 }, n2), B(r2, (S) => React.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n2 ? m2 : void 0 }, React.createElement(fe.Provider, { value: C }, S))));
 }), ye = React.forwardRef((r2, o2) => {
   let { alwaysRender: n2, ...u2 } = r2, c2 = React.useRef(null), d = P((f) => !f.search);
-  return !n2 && !d ? null : React.createElement(Primitive.div, { ref: composeRefs$1(c2, o2), ...u2, "cmdk-separator": "", role: "separator" });
+  return !n2 && !d ? null : React.createElement(Primitive.div, { ref: composeRefs$2(c2, o2), ...u2, "cmdk-separator": "", role: "separator" });
 }), Se = React.forwardRef((r2, o2) => {
   let { onValueChange: n2, ...u2 } = r2, c2 = r2.value != null, d = ee(), f = P((m2) => m2.search), p2 = P((m2) => m2.selectedItemId), b2 = K();
   return React.useEffect(() => {
@@ -59588,7 +58428,7 @@ var N = '[cmdk-group=""]', Y$1 = '[cmdk-group-items=""]', be = '[cmdk-group-head
         cancelAnimationFrame(x2), C.unobserve(m2);
       };
     }
-  }, []), React.createElement(Primitive.div, { ref: composeRefs$1(d, o2), ...c2, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": p2, "aria-label": u2, id: b2.listId }, B(r2, (m2) => React.createElement("div", { ref: composeRefs$1(f, b2.listInnerRef), "cmdk-list-sizer": "" }, m2)));
+  }, []), React.createElement(Primitive.div, { ref: composeRefs$2(d, o2), ...c2, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": p2, "aria-label": u2, id: b2.listId }, B(r2, (m2) => React.createElement("div", { ref: composeRefs$2(f, b2.listInnerRef), "cmdk-list-sizer": "" }, m2)));
 }), xe = React.forwardRef((r2, o2) => {
   let { open: n2, onOpenChange: u2, overlayClassName: c2, contentClassName: d, container: f, ...p2 } = r2;
   return React.createElement(Root$7, { open: n2, onOpenChange: u2 }, React.createElement(Portal$4, { container: f }, React.createElement(Overlay$1, { "cmdk-overlay": "", className: c2 }), React.createElement(Content$2, { "aria-label": r2.label, "cmdk-dialog": "", className: d }, React.createElement(me, { ref: o2, ...p2 }))));
@@ -59810,7 +58650,7 @@ function CommandShortcut({
   );
 }
 var CONTEXT_MENU_NAME = "ContextMenu";
-var [createContextMenuContext] = createContextScope$2(CONTEXT_MENU_NAME, [
+var [createContextMenuContext] = createContextScope(CONTEXT_MENU_NAME, [
   createMenuScope
 ]);
 var useMenuScope$1 = createMenuScope();
@@ -59873,7 +58713,7 @@ var ContextMenuTrigger$1 = React.forwardRef(
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Anchor2, { ...menuScope, virtualRef }),
       /* @__PURE__ */ jsx(
-        Primitive$6.span,
+        Primitive.span,
         {
           "data-state": context.open ? "open" : "closed",
           "data-disabled": disabled ? "" : void 0,
@@ -61971,7 +60811,7 @@ function FormMessage({ className, ...props2 }) {
 }
 var originalBodyUserSelect;
 var HOVERCARD_NAME = "HoverCard";
-var [createHoverCardContext] = createContextScope$2(HOVERCARD_NAME, [
+var [createHoverCardContext] = createContextScope(HOVERCARD_NAME, [
   createPopperScope
 ]);
 var usePopperScope = createPopperScope();
@@ -62037,7 +60877,7 @@ var HoverCardTrigger$1 = React.forwardRef(
     const context = useHoverCardContext(TRIGGER_NAME$2, __scopeHoverCard);
     const popperScope = usePopperScope(__scopeHoverCard);
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive$6.a,
+      Primitive.a,
       {
         "data-state": context.open ? "open" : "closed",
         ...triggerProps,
@@ -62484,7 +61324,7 @@ function InputOTPSeparator({ ...props2 }) {
 }
 var MENUBAR_NAME = "Menubar";
 var [Collection$2, useCollection$2, createCollectionScope$2] = createCollection(MENUBAR_NAME);
-var [createMenubarContext] = createContextScope$2(MENUBAR_NAME, [
+var [createMenubarContext] = createContextScope(MENUBAR_NAME, [
   createCollectionScope$2,
   createRovingFocusGroupScope
 ]);
@@ -62543,7 +61383,7 @@ var Menubar$1 = React.forwardRef(
             dir: direction,
             currentTabStopId,
             onCurrentTabStopIdChange: setCurrentTabStopId,
-            children: /* @__PURE__ */ jsx(Primitive$6.div, { role: "menubar", ...menubarProps, ref: forwardedRef })
+            children: /* @__PURE__ */ jsx(Primitive.div, { role: "menubar", ...menubarProps, ref: forwardedRef })
           }
         ) }) })
       }
@@ -62611,7 +61451,7 @@ var MenubarTrigger$1 = React.forwardRef(
         focusable: !disabled,
         tabStopId: menuContext.value,
         children: /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
-          Primitive$6.button,
+          Primitive.button,
           {
             type: "button",
             role: "menuitem",
@@ -63133,7 +61973,7 @@ function MenubarSubContent({
 var NAVIGATION_MENU_NAME = "NavigationMenu";
 var [Collection$1, useCollection$1, createCollectionScope$1] = createCollection(NAVIGATION_MENU_NAME);
 var [FocusGroupCollection, useFocusGroupCollection, createFocusGroupCollectionScope] = createCollection(NAVIGATION_MENU_NAME);
-var [createNavigationMenuContext] = createContextScope$2(
+var [createNavigationMenuContext] = createContextScope(
   NAVIGATION_MENU_NAME,
   [createCollectionScope$1, createFocusGroupCollectionScope]
 );
@@ -63236,7 +62076,7 @@ var NavigationMenu$1 = React.forwardRef(
         },
         onItemDismiss: () => setValue(""),
         children: /* @__PURE__ */ jsx(
-          Primitive$6.nav,
+          Primitive.nav,
           {
             "aria-label": "Main",
             "data-orientation": orientation,
@@ -63280,7 +62120,7 @@ var NavigationMenuSub = React.forwardRef(
         onTriggerEnter: (itemValue) => setValue(itemValue),
         onItemSelect: (itemValue) => setValue(itemValue),
         onItemDismiss: () => setValue(""),
-        children: /* @__PURE__ */ jsx(Primitive$6.div, { "data-orientation": orientation, ...subProps, ref: forwardedRef })
+        children: /* @__PURE__ */ jsx(Primitive.div, { "data-orientation": orientation, ...subProps, ref: forwardedRef })
       }
     );
   }
@@ -63348,8 +62188,8 @@ var NavigationMenuList$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeNavigationMenu, ...listProps } = props2;
     const context = useNavigationMenuContext(LIST_NAME, __scopeNavigationMenu);
-    const list = /* @__PURE__ */ jsx(Primitive$6.ul, { "data-orientation": context.orientation, ...listProps, ref: forwardedRef });
-    return /* @__PURE__ */ jsx(Primitive$6.div, { style: { position: "relative" }, ref: context.onIndicatorTrackChange, children: /* @__PURE__ */ jsx(Collection$1.Slot, { scope: __scopeNavigationMenu, children: context.isRootMenu ? /* @__PURE__ */ jsx(FocusGroup, { asChild: true, children: list }) : list }) });
+    const list = /* @__PURE__ */ jsx(Primitive.ul, { "data-orientation": context.orientation, ...listProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive.div, { style: { position: "relative" }, ref: context.onIndicatorTrackChange, children: /* @__PURE__ */ jsx(Collection$1.Slot, { scope: __scopeNavigationMenu, children: context.isRootMenu ? /* @__PURE__ */ jsx(FocusGroup, { asChild: true, children: list }) : list }) });
   }
 );
 NavigationMenuList$1.displayName = LIST_NAME;
@@ -63392,7 +62232,7 @@ var NavigationMenuItem$1 = React.forwardRef(
         onFocusProxyEnter: handleContentEntry,
         onRootContentClose: handleContentExit,
         onContentFocusOutside: handleContentExit,
-        children: /* @__PURE__ */ jsx(Primitive$6.li, { ...itemProps, ref: forwardedRef })
+        children: /* @__PURE__ */ jsx(Primitive.li, { ...itemProps, ref: forwardedRef })
       }
     );
   }
@@ -63412,7 +62252,7 @@ var NavigationMenuTrigger$1 = React.forwardRef((props2, forwardedRef) => {
   const open = itemContext.value === context.value;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Collection$1.ItemSlot, { scope: __scopeNavigationMenu, value: itemContext.value, children: /* @__PURE__ */ jsx(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsx(
-      Primitive$6.button,
+      Primitive.button,
       {
         id: triggerId,
         disabled,
@@ -63486,7 +62326,7 @@ var NavigationMenuLink$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeNavigationMenu, active, onSelect, ...linkProps } = props2;
     return /* @__PURE__ */ jsx(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsx(
-      Primitive$6.a,
+      Primitive.a,
       {
         "data-active": active ? "" : void 0,
         "aria-current": active ? "page" : void 0,
@@ -63555,7 +62395,7 @@ var NavigationMenuIndicatorImpl = React.forwardRef((props2, forwardedRef) => {
   useResizeObserver$1(activeTrigger, handlePositionChange);
   useResizeObserver$1(context.indicatorTrack, handlePositionChange);
   return position ? /* @__PURE__ */ jsx(
-    Primitive$6.div,
+    Primitive.div,
     {
       "aria-hidden": true,
       "data-state": isVisible ? "visible" : "hidden",
@@ -63764,7 +62604,7 @@ var NavigationMenuViewportImpl = React.forwardRef((props2, forwardedRef) => {
   };
   useResizeObserver$1(content, handleSizeChange);
   return /* @__PURE__ */ jsx(
-    Primitive$6.div,
+    Primitive.div,
     {
       "data-state": getOpenState(open),
       "data-orientation": context.orientation,
@@ -63785,7 +62625,7 @@ var NavigationMenuViewportImpl = React.forwardRef((props2, forwardedRef) => {
           NavigationMenuContentImpl,
           {
             ...props22,
-            ref: composeRefs$1(ref, (node) => {
+            ref: composeRefs$2(ref, (node) => {
               if (isActive && node) setContent(node);
             })
           }
@@ -63799,7 +62639,7 @@ var FocusGroup = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeNavigationMenu, ...groupProps } = props2;
     const context = useNavigationMenuContext(FOCUS_GROUP_NAME, __scopeNavigationMenu);
-    return /* @__PURE__ */ jsx(FocusGroupCollection.Provider, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(FocusGroupCollection.Slot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(Primitive$6.div, { dir: context.dir, ...groupProps, ref: forwardedRef }) }) });
+    return /* @__PURE__ */ jsx(FocusGroupCollection.Provider, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(FocusGroupCollection.Slot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(Primitive.div, { dir: context.dir, ...groupProps, ref: forwardedRef }) }) });
   }
 );
 var ARROW_KEYS$1 = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"];
@@ -63810,7 +62650,7 @@ var FocusGroupItem = React.forwardRef(
     const getItems = useFocusGroupCollection(__scopeNavigationMenu);
     const context = useNavigationMenuContext(FOCUS_GROUP_ITEM_NAME, __scopeNavigationMenu);
     return /* @__PURE__ */ jsx(FocusGroupCollection.ItemSlot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(
-      Primitive$6.button,
+      Primitive.button,
       {
         ...groupProps,
         ref: forwardedRef,
@@ -66315,7 +65155,7 @@ function useStateMachine(initialState2, machine) {
   }, initialState2);
 }
 var SCROLL_AREA_NAME = "ScrollArea";
-var [createScrollAreaContext] = createContextScope$2(SCROLL_AREA_NAME);
+var [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME);
 var [ScrollAreaProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
 var ScrollArea$1 = React.forwardRef(
   (props2, forwardedRef) => {
@@ -66360,7 +65200,7 @@ var ScrollArea$1 = React.forwardRef(
         onCornerWidthChange: setCornerWidth,
         onCornerHeightChange: setCornerHeight,
         children: /* @__PURE__ */ jsx(
-          Primitive$6.div,
+          Primitive.div,
           {
             dir: direction,
             ...scrollAreaProps,
@@ -66397,7 +65237,7 @@ var ScrollAreaViewport = React.forwardRef(
         }
       ),
       /* @__PURE__ */ jsx(
-        Primitive$6.div,
+        Primitive.div,
         {
           "data-radix-scroll-area-viewport": "",
           ...viewportProps,
@@ -66783,7 +65623,7 @@ var ScrollAreaScrollbarImpl = React.forwardRef((props2, forwardedRef) => {
       onThumbPositionChange: handleThumbPositionChange,
       onThumbPointerDown: useCallbackRef$2(onThumbPointerDown),
       children: /* @__PURE__ */ jsx(
-        Primitive$6.div,
+        Primitive.div,
         {
           ...scrollbarProps,
           ref: composeRefs2,
@@ -66857,7 +65697,7 @@ var ScrollAreaThumbImpl = React.forwardRef(
       }
     }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);
     return /* @__PURE__ */ jsx(
-      Primitive$6.div,
+      Primitive.div,
       {
         "data-state": scrollbarContext.hasThumb ? "visible" : "hidden",
         ...thumbProps,
@@ -66909,7 +65749,7 @@ var ScrollAreaCornerImpl = React.forwardRef((props2, forwardedRef) => {
     setWidth(width2);
   });
   return hasSize ? /* @__PURE__ */ jsx(
-    Primitive$6.div,
+    Primitive.div,
     {
       ...cornerProps,
       ref: forwardedRef,
@@ -67077,7 +65917,7 @@ var BACK_KEYS = {
 };
 var SLIDER_NAME = "Slider";
 var [Collection, useCollection, createCollectionScope] = createCollection(SLIDER_NAME);
-var [createSliderContext] = createContextScope$2(SLIDER_NAME, [
+var [createSliderContext] = createContextScope(SLIDER_NAME, [
   createCollectionScope
 ]);
 var [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME);
@@ -67348,7 +66188,7 @@ var SliderImpl = React.forwardRef(
     } = props2;
     const context = useSliderContext(SLIDER_NAME, __scopeSlider);
     return /* @__PURE__ */ jsx(
-      Primitive$6.span,
+      Primitive.span,
       {
         ...sliderProps,
         ref: forwardedRef,
@@ -67395,7 +66235,7 @@ var SliderTrack = React.forwardRef(
     const { __scopeSlider, ...trackProps } = props2;
     const context = useSliderContext(TRACK_NAME, __scopeSlider);
     return /* @__PURE__ */ jsx(
-      Primitive$6.span,
+      Primitive.span,
       {
         "data-disabled": context.disabled ? "" : void 0,
         "data-orientation": context.orientation,
@@ -67421,7 +66261,7 @@ var SliderRange = React.forwardRef(
     const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;
     const offsetEnd = 100 - Math.max(...percentages);
     return /* @__PURE__ */ jsx(
-      Primitive$6.span,
+      Primitive.span,
       {
         "data-orientation": context.orientation,
         "data-disabled": context.disabled ? "" : void 0,
@@ -67482,7 +66322,7 @@ var SliderThumbImpl = React.forwardRef(
         },
         children: [
           /* @__PURE__ */ jsx(Collection.ItemSlot, { scope: props2.__scopeSlider, children: /* @__PURE__ */ jsx(
-            Primitive$6.span,
+            Primitive.span,
             {
               role: "slider",
               "aria-label": props2["aria-label"] || label,
@@ -67535,7 +66375,7 @@ var SliderBubbleInput = React.forwardRef(
       }
     }, [prevValue, value]);
     return /* @__PURE__ */ jsx(
-      Primitive$6.input,
+      Primitive.input,
       {
         style: { display: "none" },
         ...props2,
@@ -67689,7 +66529,7 @@ var Toggle$1 = React.forwardRef((props2, forwardedRef) => {
     caller: NAME
   });
   return /* @__PURE__ */ jsx(
-    Primitive$6.button,
+    Primitive.button,
     {
       type: "button",
       "aria-pressed": pressed,
@@ -67708,7 +66548,7 @@ var Toggle$1 = React.forwardRef((props2, forwardedRef) => {
 Toggle$1.displayName = NAME;
 var Root = Toggle$1;
 var TOGGLE_GROUP_NAME = "ToggleGroup";
-var [createToggleGroupContext] = createContextScope$2(TOGGLE_GROUP_NAME, [
+var [createToggleGroupContext] = createContextScope(TOGGLE_GROUP_NAME, [
   createRovingFocusGroupScope
 ]);
 var useRovingFocusGroupScope = createRovingFocusGroupScope();
@@ -67810,9 +66650,9 @@ var ToggleGroupImpl = React__default.forwardRef(
         orientation,
         dir: direction,
         loop,
-        children: /* @__PURE__ */ jsx(Primitive$6.div, { ...commonProps, ref: forwardedRef })
+        children: /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef })
       }
-    ) : /* @__PURE__ */ jsx(Primitive$6.div, { ...commonProps, ref: forwardedRef }) });
+    ) : /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef }) });
   }
 );
 var ITEM_NAME = "ToggleGroupItem";