@k3-tech/react-kit 0.0.64 → 0.0.66

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$1, 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$7, 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";
@@ -4621,7 +4621,28 @@ 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 {
@@ -4629,104 +4650,134 @@ const createClassGroupUtils = (config2) => {
     conflictingClassGroupModifiers
   } = config2;
   const getClassGroupId = (className) => {
-    const classParts = className.split(CLASS_PART_SEPARATOR);
-    if (classParts[0] === "" && classParts.length !== 1) {
-      classParts.shift();
+    if (className.startsWith("[") && className.endsWith("]")) {
+      return getGroupIdForArbitraryProperty(className);
     }
-    return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
+    const classParts = className.split(CLASS_PART_SEPARATOR);
+    const startIndex = classParts[0] === "" && classParts.length > 1 ? 1 : 0;
+    return getGroupRecursive(classParts, startIndex, classMap);
   };
   const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-    const conflicts = conflictingClassGroups[classGroupId] || [];
-    if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
-      return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
+    if (hasPostfixModifier) {
+      const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
+      const baseConflicts = conflictingClassGroups[classGroupId];
+      if (modifierConflicts) {
+        if (baseConflicts) {
+          return concatArrays(baseConflicts, modifierConflicts);
+        }
+        return modifierConflicts;
+      }
+      return baseConflicts || EMPTY_CONFLICTS;
     }
-    return conflicts;
+    return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
   };
   return {
     getClassGroupId,
     getConflictingClassGroupIds
   };
 };
-const getGroupRecursive = (classParts, classPartObject) => {
-  var _a2;
-  if (classParts.length === 0) {
+const getGroupRecursive = (classParts, startIndex, classPartObject) => {
+  const classPathsLength = classParts.length - startIndex;
+  if (classPathsLength === 0) {
     return classPartObject.classGroupId;
   }
-  const currentClassPart = classParts[0];
+  const currentClassPart = classParts[startIndex];
   const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-  const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
-  if (classGroupFromNextClassPart) {
-    return classGroupFromNextClassPart;
+  if (nextClassPartObject) {
+    const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);
+    if (result) return result;
   }
-  if (classPartObject.validators.length === 0) {
+  const validators2 = classPartObject.validators;
+  if (validators2 === null) {
     return void 0;
   }
-  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;
+  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;
     }
   }
+  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;
-  const classMap = {
-    nextPart: /* @__PURE__ */ new Map(),
-    validators: []
-  };
+  return processClassGroups(classGroups, theme);
+};
+const processClassGroups = (classGroups, theme) => {
+  const classMap = createClassPartObject();
   for (const classGroupId in classGroups) {
-    processClassesRecursively(classGroups[classGroupId], classMap, classGroupId, theme);
+    const group = classGroups[classGroupId];
+    processClassesRecursively(group, classMap, classGroupId, theme);
   }
   return classMap;
 };
 const processClassesRecursively = (classGroup, classPartObject, 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 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);
+  }
 };
 const getPart = (classPartObject, path) => {
-  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;
+  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;
 };
-const isThemeGetter = (func) => func.isThemeGetter;
+const isThemeGetter = (func) => "isThemeGetter" in func && func.isThemeGetter === true;
 const createLruCache = (maxCacheSize) => {
   if (maxCacheSize < 1) {
     return {
@@ -4736,31 +4787,31 @@ const createLruCache = (maxCacheSize) => {
     };
   }
   let cacheSize = 0;
-  let cache2 = /* @__PURE__ */ new Map();
-  let previousCache = /* @__PURE__ */ new Map();
+  let cache2 = /* @__PURE__ */ Object.create(null);
+  let previousCache = /* @__PURE__ */ Object.create(null);
   const update = (key, value) => {
-    cache2.set(key, value);
+    cache2[key] = value;
     cacheSize++;
     if (cacheSize > maxCacheSize) {
       cacheSize = 0;
       previousCache = cache2;
-      cache2 = /* @__PURE__ */ new Map();
+      cache2 = /* @__PURE__ */ Object.create(null);
     }
   };
   return {
     get(key) {
-      let value = cache2.get(key);
+      let value = cache2[key];
       if (value !== void 0) {
         return value;
       }
-      if ((value = previousCache.get(key)) !== void 0) {
+      if ((value = previousCache[key]) !== void 0) {
         update(key, value);
         return value;
       }
     },
     set(key, value) {
-      if (cache2.has(key)) {
-        cache2.set(key, value);
+      if (key in cache2) {
+        cache2[key] = value;
       } else {
         update(key, value);
       }
@@ -4769,7 +4820,14 @@ const createLruCache = (maxCacheSize) => {
 };
 const IMPORTANT_MODIFIER = "!";
 const MODIFIER_SEPARATOR = ":";
-const MODIFIER_SEPARATOR_LENGTH = MODIFIER_SEPARATOR.length;
+const EMPTY_MODIFIERS = [];
+const createResultObject = (modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition, isExternal) => ({
+  modifiers,
+  hasImportantModifier,
+  baseClassName,
+  maybePostfixModifierPosition,
+  isExternal
+});
 const createParseClassName = (config2) => {
   const {
     prefix,
@@ -4781,12 +4839,13 @@ const createParseClassName = (config2) => {
     let parenDepth = 0;
     let modifierStart = 0;
     let postfixModifierPosition;
-    for (let index2 = 0; index2 < className.length; index2++) {
-      let currentCharacter = className[index2];
+    const len = className.length;
+    for (let index2 = 0; index2 < len; index2++) {
+      const currentCharacter = className[index2];
       if (bracketDepth === 0 && parenDepth === 0) {
         if (currentCharacter === MODIFIER_SEPARATOR) {
           modifiers.push(className.slice(modifierStart, index2));
-          modifierStart = index2 + MODIFIER_SEPARATOR_LENGTH;
+          modifierStart = index2 + 1;
           continue;
         }
         if (currentCharacter === "/") {
@@ -4794,37 +4853,34 @@ const createParseClassName = (config2) => {
           continue;
         }
       }
-      if (currentCharacter === "[") {
-        bracketDepth++;
-      } else if (currentCharacter === "]") {
-        bracketDepth--;
-      } else if (currentCharacter === "(") {
-        parenDepth++;
-      } else if (currentCharacter === ")") {
-        parenDepth--;
-      }
+      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;
     }
-    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 {
-      modifiers,
-      hasImportantModifier,
-      baseClassName,
-      maybePostfixModifierPosition
-    };
+    return createResultObject(modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition);
   };
   if (prefix) {
     const fullPrefix = prefix + MODIFIER_SEPARATOR;
     const parseClassNameOriginal = parseClassName;
-    parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.substring(fullPrefix.length)) : {
-      isExternal: true,
-      modifiers: [],
-      hasImportantModifier: false,
-      baseClassName: className,
-      maybePostfixModifierPosition: void 0
-    };
+    parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.slice(fullPrefix.length)) : createResultObject(EMPTY_MODIFIERS, false, className, void 0, true);
   }
   if (experimentalParseClassName) {
     const parseClassNameOriginal = parseClassName;
@@ -4835,36 +4891,35 @@ 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 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 = [];
+  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);
       } else {
-        unsortedModifiers.push(modifier);
+        currentSegment.push(modifier);
       }
-    });
-    sortedModifiers.push(...unsortedModifiers.sort());
-    return sortedModifiers;
+    }
+    if (currentSegment.length > 0) {
+      currentSegment.sort();
+      result.push(...currentSegment);
+    }
+    return result;
   };
-  return sortModifiers;
 };
 const createConfigUtils = (config2) => ({
   cache: createLruCache(config2.cacheSize),
@@ -4910,10 +4965,10 @@ const mergeClassList = (classList, configUtils) => {
       }
       hasPostfixModifier = false;
     }
-    const variantModifier = sortModifiers(modifiers).join(":");
+    const variantModifier = modifiers.length === 0 ? "" : modifiers.length === 1 ? modifiers[0] : sortModifiers(modifiers).join(":");
     const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
     const classId = modifierId + classGroupId;
-    if (classGroupsInConflict.includes(classId)) {
+    if (classGroupsInConflict.indexOf(classId) > -1) {
       continue;
     }
     classGroupsInConflict.push(classId);
@@ -4926,13 +4981,13 @@ const mergeClassList = (classList, configUtils) => {
   }
   return result;
 };
-function twJoin() {
+const twJoin = (...classLists) => {
   let index2 = 0;
   let argument;
   let resolvedValue;
   let string2 = "";
-  while (index2 < arguments.length) {
-    if (argument = arguments[index2++]) {
+  while (index2 < classLists.length) {
+    if (argument = classLists[index2++]) {
       if (resolvedValue = toValue(argument)) {
         string2 && (string2 += " ");
         string2 += resolvedValue;
@@ -4940,7 +4995,7 @@ function twJoin() {
     }
   }
   return string2;
-}
+};
 const toValue = (mix) => {
   if (typeof mix === "string") {
     return mix;
@@ -4957,20 +5012,20 @@ const toValue = (mix) => {
   }
   return string2;
 };
-function createTailwindMerge(createConfigFirst, ...createConfigRest) {
+const createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
   let configUtils;
   let cacheGet;
   let cacheSet;
-  let functionToCall = initTailwindMerge;
-  function initTailwindMerge(classList) {
+  let functionToCall;
+  const 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);
-  }
-  function tailwindMerge(classList) {
+  };
+  const tailwindMerge = (classList) => {
     const cachedResult = cacheGet(classList);
     if (cachedResult) {
       return cachedResult;
@@ -4978,13 +5033,13 @@ function 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] || [];
+  const themeGetter = (theme) => theme[key] || fallbackThemeArr;
   themeGetter.isThemeGetter = true;
   return themeGetter;
 };
@@ -7592,7 +7647,7 @@ function createContext2(rootComponentName, defaultContext) {
   }
   return [Provider2, useContext2];
 }
-function createContextScope(scopeName, createContextScopeDeps = []) {
+function createContextScope$2(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React.createContext(defaultContext);
@@ -7629,9 +7684,9 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$2(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes(...scopes) {
+function composeContextScopes$2(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -7651,18 +7706,18 @@ function composeContextScopes(...scopes) {
   createScope.scopeName = baseScope.scopeName;
   return createScope;
 }
-function setRef$2(ref, 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$2(...refs) {
+function composeRefs$1(...refs) {
   return (node) => {
     let hasCleanup = false;
     const cleanups = refs.map((ref) => {
-      const cleanup = setRef$2(ref, node);
+      const cleanup = setRef$1(ref, node);
       if (!hasCleanup && typeof cleanup == "function") {
         hasCleanup = true;
       }
@@ -7675,7 +7730,7 @@ function composeRefs$2(...refs) {
           if (typeof cleanup == "function") {
             cleanup();
           } else {
-            setRef$2(refs[i2], null);
+            setRef$1(refs[i2], null);
           }
         }
       };
@@ -7683,15 +7738,15 @@ function composeRefs$2(...refs) {
   };
 }
 function useComposedRefs$1(...refs) {
-  return React.useCallback(composeRefs$2(...refs), refs);
+  return React.useCallback(composeRefs$1(...refs), refs);
 }
 // @__NO_SIDE_EFFECTS__
-function createSlot$1(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone$1(ownerName);
+function createSlot$7(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone$7(ownerName);
   const Slot2 = React.forwardRef((props2, forwardedRef) => {
     const { children, ...slotProps } = props2;
     const childrenArray = React.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable$1);
+    const slottable = childrenArray.find(isSlottable$7);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
@@ -7710,14 +7765,14 @@ function createSlot$1(ownerName) {
   return Slot2;
 }
 // @__NO_SIDE_EFFECTS__
-function createSlotClone$1(ownerName) {
+function createSlotClone$7(ownerName) {
   const SlotClone = React.forwardRef((props2, forwardedRef) => {
     const { children, ...slotProps } = props2;
     if (React.isValidElement(children)) {
-      const childrenRef = getElementRef$2(children);
-      const props22 = mergeProps$1(slotProps, children.props);
+      const childrenRef = getElementRef$8(children);
+      const props22 = mergeProps$7(slotProps, children.props);
       if (children.type !== React.Fragment) {
-        props22.ref = forwardedRef ? composeRefs$2(forwardedRef, childrenRef) : childrenRef;
+        props22.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
       }
       return React.cloneElement(children, props22);
     }
@@ -7726,20 +7781,20 @@ function createSlotClone$1(ownerName) {
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
-var SLOTTABLE_IDENTIFIER$1 = Symbol("radix.slottable");
+var SLOTTABLE_IDENTIFIER$7 = 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$1;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER$7;
   return Slottable2;
 }
-function isSlottable$1(child) {
-  return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$1;
+function isSlottable$7(child) {
+  return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER$7;
 }
-function mergeProps$1(slotProps, childProps) {
+function mergeProps$7(slotProps, childProps) {
   const overrideProps = { ...childProps };
   for (const propName in childProps) {
     const slotPropValue = slotProps[propName];
@@ -7763,7 +7818,7 @@ function mergeProps$1(slotProps, childProps) {
   }
   return { ...slotProps, ...overrideProps };
 }
-function getElementRef$2(element) {
+function getElementRef$8(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;
@@ -7779,7 +7834,7 @@ function getElementRef$2(element) {
 }
 function createCollection(name) {
   const PROVIDER_NAME2 = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME2);
+  const [createCollectionContext, createCollectionScope2] = createContextScope$2(PROVIDER_NAME2);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME2,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -7792,7 +7847,7 @@ function createCollection(name) {
   };
   CollectionProvider.displayName = PROVIDER_NAME2;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlotImpl = /* @__PURE__ */ createSlot$1(COLLECTION_SLOT_NAME);
+  const CollectionSlotImpl = /* @__PURE__ */ createSlot$7(COLLECTION_SLOT_NAME);
   const CollectionSlot = React__default.forwardRef(
     (props2, forwardedRef) => {
       const { scope, children } = props2;
@@ -7804,7 +7859,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$1(ITEM_SLOT_NAME);
+  const CollectionItemSlotImpl = /* @__PURE__ */ createSlot$7(ITEM_SLOT_NAME);
   const CollectionItemSlot = React__default.forwardRef(
     (props2, forwardedRef) => {
       const { scope, children, ...itemData } = props2;
@@ -7915,7 +7970,7 @@ function useUncontrolledState$1({
 function isFunction$3(value) {
   return typeof value === "function";
 }
-var NODES = [
+var NODES$6 = [
   "a",
   "button",
   "div",
@@ -7934,8 +7989,8 @@ var NODES = [
   "svg",
   "ul"
 ];
-var Primitive = NODES.reduce((primitive, node) => {
-  const Slot2 = /* @__PURE__ */ createSlot$1(`Primitive.${node}`);
+var Primitive$6 = NODES$6.reduce((primitive, node) => {
+  const Slot2 = /* @__PURE__ */ createSlot$7(`Primitive.${node}`);
   const Node2 = React.forwardRef((props2, forwardedRef) => {
     const { asChild, ...primitiveProps } = props2;
     const Comp = asChild ? Slot2 : node;
@@ -7960,7 +8015,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$1(child));
+  const ref = useComposedRefs$1(presence.ref, getElementRef$7(child));
   const forceMount = typeof children === "function";
   return forceMount || presence.isPresent ? React.cloneElement(child, { ref }) : null;
 };
@@ -8059,7 +8114,7 @@ function usePresence(present) {
 function getAnimationName(styles) {
   return (styles == null ? void 0 : styles.animationName) || "none";
 }
-function getElementRef$1(element) {
+function getElementRef$7(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;
@@ -8083,7 +8138,7 @@ function useId$1(deterministicId) {
   return deterministicId || (id ? `radix-${id}` : "");
 }
 var COLLAPSIBLE_NAME = "Collapsible";
-var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
+var [createCollapsibleContext, createCollapsibleScope] = createContextScope$2(COLLAPSIBLE_NAME);
 var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
 var Collapsible$1 = React.forwardRef(
   (props2, forwardedRef) => {
@@ -8110,7 +8165,7 @@ var Collapsible$1 = React.forwardRef(
         open,
         onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
         children: /* @__PURE__ */ jsx(
-          Primitive.div,
+          Primitive$6.div,
           {
             "data-state": getState$7(open),
             "data-disabled": disabled ? "" : void 0,
@@ -8129,7 +8184,7 @@ var CollapsibleTrigger$1 = React.forwardRef(
     const { __scopeCollapsible, ...triggerProps } = props2;
     const context = useCollapsibleContext(TRIGGER_NAME$d, __scopeCollapsible);
     return /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$6.button,
       {
         type: "button",
         "aria-controls": context.contentId,
@@ -8191,7 +8246,7 @@ var CollapsibleContentImpl = React.forwardRef((props2, forwardedRef) => {
     }
   }, [context.open, present]);
   return /* @__PURE__ */ jsx(
-    Primitive.div,
+    Primitive$6.div,
     {
       "data-state": getState$7(context.open),
       "data-disabled": context.disabled ? "" : void 0,
@@ -8222,7 +8277,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(ACCORDION_NAME, [
+var [createAccordionContext] = createContextScope$2(ACCORDION_NAME, [
   createCollectionScope$6,
   createCollapsibleScope
 ]);
@@ -8385,7 +8440,7 @@ var AccordionImpl = React__default.forwardRef(
         direction: dir,
         orientation,
         children: /* @__PURE__ */ jsx(Collection$6.Slot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx(
-          Primitive.div,
+          Primitive$6.div,
           {
             ...accordionProps,
             "data-orientation": orientation,
@@ -8446,7 +8501,7 @@ var AccordionHeader = React__default.forwardRef(
     const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
     const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);
     return /* @__PURE__ */ jsx(
-      Primitive.h3,
+      Primitive$6.h3,
       {
         "data-orientation": accordionContext.orientation,
         "data-state": getState$6(itemContext.open),
@@ -8568,55 +8623,24 @@ function AccordionContent({
     }
   );
 }
-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) {
+var REACT_LAZY_TYPE$6 = Symbol.for("react.lazy");
+var use$6 = React[" use ".trim().toString()];
+function isPromiseLike$6(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);
+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);
 }
 // @__NO_SIDE_EFFECTS__
-function createSlot(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+function createSlot$6(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone$6(ownerName);
   const Slot2 = React.forwardRef((props2, forwardedRef) => {
     let { children, ...slotProps } = props2;
-    if (isLazyComponent(children) && typeof use === "function") {
-      children = use(children._payload);
+    if (isLazyComponent$6(children) && typeof use$6 === "function") {
+      children = use$6(children._payload);
     }
     const childrenArray = React.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable);
+    const slottable = childrenArray.find(isSlottable$6);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
@@ -8634,17 +8658,17 @@ function createSlot(ownerName) {
   Slot2.displayName = `${ownerName}.Slot`;
   return Slot2;
 }
-var Slot$4 = /* @__PURE__ */ createSlot("Slot");
+var Slot$4 = /* @__PURE__ */ createSlot$6("Slot");
 // @__NO_SIDE_EFFECTS__
-function createSlotClone(ownerName) {
+function createSlotClone$6(ownerName) {
   const SlotClone = React.forwardRef((props2, forwardedRef) => {
     let { children, ...slotProps } = props2;
-    if (isLazyComponent(children) && typeof use === "function") {
-      children = use(children._payload);
+    if (isLazyComponent$6(children) && typeof use$6 === "function") {
+      children = use$6(children._payload);
     }
     if (React.isValidElement(children)) {
-      const childrenRef = getElementRef(children);
-      const props22 = mergeProps(slotProps, children.props);
+      const childrenRef = getElementRef$6(children);
+      const props22 = mergeProps$6(slotProps, children.props);
       if (children.type !== React.Fragment) {
         props22.ref = forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef;
       }
@@ -8655,11 +8679,11 @@ function createSlotClone(ownerName) {
   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;
+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;
 }
-function mergeProps(slotProps, childProps) {
+function mergeProps$6(slotProps, childProps) {
   const overrideProps = { ...childProps };
   for (const propName in childProps) {
     const slotPropValue = slotProps[propName];
@@ -8683,7 +8707,7 @@ function mergeProps(slotProps, childProps) {
   }
   return { ...slotProps, ...overrideProps };
 }
-function getElementRef(element) {
+function getElementRef$6(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;
@@ -8824,7 +8848,7 @@ function useSize(element) {
   return size2;
 }
 var CHECKBOX_NAME = "Checkbox";
-var [createCheckboxContext] = createContextScope(CHECKBOX_NAME);
+var [createCheckboxContext] = createContextScope$2(CHECKBOX_NAME);
 var [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
 function CheckboxProvider(props2) {
   const {
@@ -8905,7 +8929,7 @@ var CheckboxTrigger = React.forwardRef(
       }
     }, [control, setChecked]);
     return /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$6.button,
       {
         type: "button",
         role: "checkbox",
@@ -8989,7 +9013,7 @@ var CheckboxIndicator = React.forwardRef(
       {
         present: forceMount || isIndeterminate$1(context.checked) || context.checked === true,
         children: /* @__PURE__ */ jsx(
-          Primitive.span,
+          Primitive$6.span,
           {
             "data-state": getState$5(context.checked),
             "data-disabled": context.disabled ? "" : void 0,
@@ -9041,7 +9065,7 @@ var CheckboxBubbleInput = React.forwardRef(
     }, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);
     const defaultCheckedRef = React.useRef(isIndeterminate$1(checked) ? false : checked);
     return /* @__PURE__ */ jsx(
-      Primitive.input,
+      Primitive$6.input,
       {
         type: "checkbox",
         "aria-hidden": true,
@@ -9183,7 +9207,7 @@ function TableHead({ className, ...props2 }) {
     {
       "data-slot": "table-head",
       className: cn$1(
-        "bg-primary text-white h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "bg-[#30A4A1] text-white h-10 px-2 text-left align-middle font-bold whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
       ...props2
@@ -9426,7 +9450,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 object1 === object2;
+    return Object.is(object1, object2);
   }
   if (isDateObject(object1) && isDateObject(object2)) {
     return object1.getTime() === object2.getTime();
@@ -9448,7 +9472,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) : 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) : !Object.is(val1, val2)) {
         return false;
       }
     }
@@ -9461,48 +9485,76 @@ 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 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);
+  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;
         }
+      } else {
+        updateValue(formValues);
       }
     }
-  }), [control, disabled, name, exact]);
+  }, [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]);
   React__default.useEffect(() => control._removeUnmounted());
-  return value;
+  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;
 }
 function useController(props2) {
   const methods = useFormContext();
-  const { name, disabled, control = methods.control, shouldUnregister, defaultValue } = props2;
+  const { name, disabled, control = methods.control, shouldUnregister, defaultValue, exact = true } = 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: true
+    exact
   });
   const formState = useFormState({
     control,
     name,
-    exact: true
+    exact
   });
   const _props = React__default.useRef(props2);
   const _previousNameRef = React__default.useRef(void 0);
@@ -9719,10 +9771,11 @@ function isTraversable(value) {
 }
 function markFieldsDirty(data, fields = {}) {
   for (const key in data) {
-    if (isTraversable(data[key])) {
-      fields[key] = Array.isArray(data[key]) ? [] : {};
-      markFieldsDirty(data[key], fields[key]);
-    } else if (!isUndefined(data[key])) {
+    const value = data[key];
+    if (isTraversable(value)) {
+      fields[key] = Array.isArray(value) ? [] : {};
+      markFieldsDirty(value, fields[key]);
+    } else if (!isUndefined(value)) {
       fields[key] = true;
     }
   }
@@ -9733,14 +9786,16 @@ function getDirtyFields(data, formValues, dirtyFieldsFromValues) {
     dirtyFieldsFromValues = markFieldsDirty(formValues);
   }
   for (const key in data) {
-    if (isTraversable(data[key])) {
+    const value = data[key];
+    if (isTraversable(value)) {
       if (isUndefined(formValues) || isPrimitive(dirtyFieldsFromValues[key])) {
-        dirtyFieldsFromValues[key] = markFieldsDirty(data[key], Array.isArray(data[key]) ? [] : {});
+        dirtyFieldsFromValues[key] = markFieldsDirty(value, Array.isArray(value) ? [] : {});
       } else {
-        getDirtyFields(data[key], isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);
+        getDirtyFields(value, isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);
       }
     } else {
-      dirtyFieldsFromValues[key] = !deepEqual$1(data[key], formValues[key]);
+      const formValue = formValues[key];
+      dirtyFieldsFromValues[key] = !deepEqual$1(value, formValue);
     }
   }
   return dirtyFieldsFromValues;
@@ -10195,7 +10250,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 && _setValid();
+      _state.mount && !_state.action && _setValid();
     }
   };
   const updateTouchAndDirty = (name, fieldValue, isBlurEvent, shouldDirty, shouldRender) => {
@@ -10806,8 +10861,12 @@ function createFormControl(props2 = {}) {
       watchAll: false,
       focus: ""
     };
-    _state.mount = !_proxyFormState.isValid || !!keepStateOptions.keepIsValid || !!keepStateOptions.keepDirtyValues;
+    _state.mount = !_proxyFormState.isValid || !!keepStateOptions.keepIsValid || !!keepStateOptions.keepDirtyValues || !_options.shouldUnregister && !isEmptyObject(values);
     _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)),
@@ -11233,11 +11292,15 @@ 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 {
@@ -11272,7 +11335,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(
+var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope$2(
   GROUP_NAME$5,
   [createCollectionScope$5]
 );
@@ -11339,7 +11402,7 @@ var RovingFocusGroupImpl = React.forwardRef((props2, forwardedRef) => {
         []
       ),
       children: /* @__PURE__ */ jsx(
-        Primitive.div,
+        Primitive$6.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
           "data-orientation": orientation,
@@ -11404,7 +11467,7 @@ var RovingFocusGroupItem = React.forwardRef(
         focusable,
         active,
         children: /* @__PURE__ */ jsx(
-          Primitive.span,
+          Primitive$6.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
@@ -11478,7 +11541,7 @@ function wrapArray$3(array2, startIndex) {
 var Root$e = RovingFocusGroup;
 var Item$2 = RovingFocusGroupItem;
 var TABS_NAME = "Tabs";
-var [createTabsContext] = createContextScope(TABS_NAME, [
+var [createTabsContext] = createContextScope$2(TABS_NAME, [
   createRovingFocusGroupScope
 ]);
 var useRovingFocusGroupScope$4 = createRovingFocusGroupScope();
@@ -11513,7 +11576,7 @@ var Tabs$1 = React.forwardRef(
         dir: direction,
         activationMode,
         children: /* @__PURE__ */ jsx(
-          Primitive.div,
+          Primitive$6.div,
           {
             dir: direction,
             "data-orientation": orientation,
@@ -11541,7 +11604,7 @@ var TabsList$1 = React.forwardRef(
         dir: context.dir,
         loop,
         children: /* @__PURE__ */ jsx(
-          Primitive.div,
+          Primitive$6.div,
           {
             role: "tablist",
             "aria-orientation": context.orientation,
@@ -11571,7 +11634,7 @@ var TabsTrigger$1 = React.forwardRef(
         focusable: !disabled,
         active: isSelected,
         children: /* @__PURE__ */ jsx(
-          Primitive.button,
+          Primitive$6.button,
           {
             type: "button",
             role: "tab",
@@ -11620,7 +11683,7 @@ var TabsContent$1 = React.forwardRef(
       return () => cancelAnimationFrame(rAF);
     }, []);
     return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(
-      Primitive.div,
+      Primitive$6.div,
       {
         "data-state": isSelected ? "active" : "inactive",
         "data-orientation": context.orientation,
@@ -11788,6 +11851,135 @@ 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"];
@@ -11797,7 +11989,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.div,
+    Primitive$5.div,
     {
       "data-orientation": orientation,
       ...semanticProps,
@@ -12238,212 +12430,6 @@ const r$1 = (t2, r2, o2) => {
 function n$1(e2) {
   return e2.replace(/\]|\[/g, "");
 }
-function $constructor$1(name, initializer2, params) {
-  function init(inst, def) {
-    var _a2;
-    Object.defineProperty(inst, "_zod", {
-      value: inst._zod ?? {},
-      enumerable: false
-    });
-    (_a2 = inst._zod).traits ?? (_a2.traits = /* @__PURE__ */ new Set());
-    inst._zod.traits.add(name);
-    initializer2(inst, def);
-    for (const k2 in _2.prototype) {
-      if (!(k2 in inst))
-        Object.defineProperty(inst, k2, { value: _2.prototype[k2].bind(inst) });
-    }
-    inst._zod.constr = _2;
-    inst._zod.def = def;
-  }
-  const Parent = (params == null ? void 0 : params.Parent) ?? Object;
-  class Definition extends Parent {
-  }
-  Object.defineProperty(Definition, "name", { value: name });
-  function _2(def) {
-    var _a2;
-    const inst = (params == null ? void 0 : params.Parent) ? new Definition() : this;
-    init(inst, def);
-    (_a2 = inst._zod).deferred ?? (_a2.deferred = []);
-    for (const fn of inst._zod.deferred) {
-      fn();
-    }
-    return inst;
-  }
-  Object.defineProperty(_2, "init", { value: init });
-  Object.defineProperty(_2, Symbol.hasInstance, {
-    value: (inst) => {
-      var _a2, _b;
-      if ((params == null ? void 0 : params.Parent) && inst instanceof params.Parent)
-        return true;
-      return (_b = (_a2 = inst == null ? void 0 : inst._zod) == null ? void 0 : _a2.traits) == null ? void 0 : _b.has(name);
-    }
-  });
-  Object.defineProperty(_2, "name", { value: name });
-  return _2;
-}
-let $ZodAsyncError$1 = class $ZodAsyncError extends Error {
-  constructor() {
-    super(`Encountered Promise during synchronous parse. Use .parseAsync() instead.`);
-  }
-};
-const globalConfig$1 = {};
-function config$1(newConfig) {
-  return globalConfig$1;
-}
-function jsonStringifyReplacer$1(_2, value) {
-  if (typeof value === "bigint")
-    return value.toString();
-  return value;
-}
-const captureStackTrace$1 = "captureStackTrace" in Error ? Error.captureStackTrace : (..._args) => {
-};
-function unwrapMessage$1(message2) {
-  return typeof message2 === "string" ? message2 : message2 == null ? void 0 : message2.message;
-}
-function finalizeIssue$1(iss, ctx, config2) {
-  var _a2, _b, _c, _d, _e2, _f;
-  const full = { ...iss, path: iss.path ?? [] };
-  if (!iss.message) {
-    const message2 = unwrapMessage$1((_c = (_b = (_a2 = iss.inst) == null ? void 0 : _a2._zod.def) == null ? void 0 : _b.error) == null ? void 0 : _c.call(_b, iss)) ?? unwrapMessage$1((_d = ctx == null ? void 0 : ctx.error) == null ? void 0 : _d.call(ctx, iss)) ?? unwrapMessage$1((_e2 = config2.customError) == null ? void 0 : _e2.call(config2, iss)) ?? unwrapMessage$1((_f = config2.localeError) == null ? void 0 : _f.call(config2, iss)) ?? "Invalid input";
-    full.message = message2;
-  }
-  delete full.inst;
-  delete full.continue;
-  if (!(ctx == null ? void 0 : ctx.reportInput)) {
-    delete full.input;
-  }
-  return full;
-}
-const initializer$2 = (inst, def) => {
-  inst.name = "$ZodError";
-  Object.defineProperty(inst, "_zod", {
-    value: inst._zod,
-    enumerable: false
-  });
-  Object.defineProperty(inst, "issues", {
-    value: def,
-    enumerable: false
-  });
-  inst.message = JSON.stringify(def, jsonStringifyReplacer$1, 2);
-  Object.defineProperty(inst, "toString", {
-    value: () => inst.message,
-    enumerable: false
-  });
-};
-const $ZodError$1 = $constructor$1("$ZodError", initializer$2);
-const $ZodRealError$1 = $constructor$1("$ZodError", initializer$2, { Parent: Error });
-const _parse$1 = (_Err) => (schema, value, _ctx, _params) => {
-  const ctx = _ctx ? Object.assign(_ctx, { async: false }) : { async: false };
-  const result = schema._zod.run({ value, issues: [] }, ctx);
-  if (result instanceof Promise) {
-    throw new $ZodAsyncError$1();
-  }
-  if (result.issues.length) {
-    const e2 = new ((_params == null ? void 0 : _params.Err) ?? _Err)(result.issues.map((iss) => finalizeIssue$1(iss, ctx, config$1())));
-    captureStackTrace$1(e2, _params == null ? void 0 : _params.callee);
-    throw e2;
-  }
-  return result.value;
-};
-const parse$2 = /* @__PURE__ */ _parse$1($ZodRealError$1);
-const _parseAsync$1 = (_Err) => async (schema, value, _ctx, params) => {
-  const ctx = _ctx ? Object.assign(_ctx, { async: true }) : { async: true };
-  let result = schema._zod.run({ value, issues: [] }, ctx);
-  if (result instanceof Promise)
-    result = await result;
-  if (result.issues.length) {
-    const e2 = new ((params == null ? void 0 : params.Err) ?? _Err)(result.issues.map((iss) => finalizeIssue$1(iss, ctx, config$1())));
-    captureStackTrace$1(e2, params == null ? void 0 : params.callee);
-    throw e2;
-  }
-  return result.value;
-};
-const parseAsync$1 = /* @__PURE__ */ _parseAsync$1($ZodRealError$1);
-function t$1(r2, e2) {
-  try {
-    var o2 = r2();
-  } catch (r3) {
-    return e2(r3);
-  }
-  return o2 && o2.then ? o2.then(void 0, e2) : o2;
-}
-function s$1(r2, e2) {
-  for (var n2 = {}; r2.length; ) {
-    var t2 = r2[0], s2 = t2.code, i2 = t2.message, a2 = t2.path.join(".");
-    if (!n2[a2]) if ("unionErrors" in t2) {
-      var u2 = t2.unionErrors[0].errors[0];
-      n2[a2] = { message: u2.message, type: u2.code };
-    } else n2[a2] = { message: i2, type: s2 };
-    if ("unionErrors" in t2 && t2.unionErrors.forEach(function(e3) {
-      return e3.errors.forEach(function(e4) {
-        return r2.push(e4);
-      });
-    }), e2) {
-      var c2 = n2[a2].types, f = c2 && c2[t2.code];
-      n2[a2] = appendErrors(a2, e2, n2, s2, f ? [].concat(f, t2.message) : t2.message);
-    }
-    r2.shift();
-  }
-  return n2;
-}
-function i$1(r2, e2) {
-  for (var n2 = {}; r2.length; ) {
-    var t2 = r2[0], s2 = t2.code, i2 = t2.message, a2 = t2.path.join(".");
-    if (!n2[a2]) if ("invalid_union" === t2.code && t2.errors.length > 0) {
-      var u2 = t2.errors[0][0];
-      n2[a2] = { message: u2.message, type: u2.code };
-    } else n2[a2] = { message: i2, type: s2 };
-    if ("invalid_union" === t2.code && t2.errors.forEach(function(e3) {
-      return e3.forEach(function(e4) {
-        return r2.push(e4);
-      });
-    }), e2) {
-      var c2 = n2[a2].types, f = c2 && c2[t2.code];
-      n2[a2] = appendErrors(a2, e2, n2, s2, f ? [].concat(f, t2.message) : t2.message);
-    }
-    r2.shift();
-  }
-  return n2;
-}
-function a$2(o2, a2, u2) {
-  if (void 0 === u2 && (u2 = {}), (function(r2) {
-    return "_def" in r2 && "object" == typeof r2._def && "typeName" in r2._def;
-  })(o2)) return function(n2, i2, c2) {
-    try {
-      return Promise.resolve(t$1(function() {
-        return Promise.resolve(o2["sync" === u2.mode ? "parse" : "parseAsync"](n2, a2)).then(function(e2) {
-          return c2.shouldUseNativeValidation && o$1({}, c2), { errors: {}, values: u2.raw ? Object.assign({}, n2) : e2 };
-        });
-      }, function(r2) {
-        if ((function(r3) {
-          return Array.isArray(null == r3 ? void 0 : r3.issues);
-        })(r2)) return { values: {}, errors: s$2(s$1(r2.errors, !c2.shouldUseNativeValidation && "all" === c2.criteriaMode), c2) };
-        throw r2;
-      }));
-    } catch (r2) {
-      return Promise.reject(r2);
-    }
-  };
-  if ((function(r2) {
-    return "_zod" in r2 && "object" == typeof r2._zod;
-  })(o2)) return function(s2, c2, f) {
-    try {
-      return Promise.resolve(t$1(function() {
-        return Promise.resolve(("sync" === u2.mode ? parse$2 : parseAsync$1)(o2, s2, a2)).then(function(e2) {
-          return f.shouldUseNativeValidation && o$1({}, f), { errors: {}, values: u2.raw ? Object.assign({}, s2) : e2 };
-        });
-      }, function(r2) {
-        if ((function(r3) {
-          return r3 instanceof $ZodError$1;
-        })(r2)) return { values: {}, errors: s$2(i$1(r2.issues, !f.shouldUseNativeValidation && "all" === f.criteriaMode), f) };
-        throw r2;
-      }));
-    } catch (r2) {
-      return Promise.reject(r2);
-    }
-  };
-  throw new Error("Invalid input: not a Zod schema");
-}
 function $constructor(name, initializer2, params) {
   function init(inst, def) {
     if (!inst._zod) {
@@ -12496,7 +12482,7 @@ function $constructor(name, initializer2, params) {
   Object.defineProperty(_2, "name", { value: name });
   return _2;
 }
-class $ZodAsyncError2 extends Error {
+class $ZodAsyncError extends Error {
   constructor() {
     super(`Encountered Promise during synchronous parse. Use .parseAsync() instead.`);
   }
@@ -12955,7 +12941,7 @@ const _parse = (_Err) => (schema, value, _ctx, _params) => {
   const ctx = _ctx ? Object.assign(_ctx, { async: false }) : { async: false };
   const result = schema._zod.run({ value, issues: [] }, ctx);
   if (result instanceof Promise) {
-    throw new $ZodAsyncError2();
+    throw new $ZodAsyncError();
   }
   if (result.issues.length) {
     const e2 = new ((_params == null ? void 0 : _params.Err) ?? _Err)(result.issues.map((iss) => finalizeIssue(iss, ctx, config())));
@@ -12964,6 +12950,7 @@ const _parse = (_Err) => (schema, value, _ctx, _params) => {
   }
   return result.value;
 };
+const parse$2 = /* @__PURE__ */ _parse($ZodRealError);
 const _parseAsync = (_Err) => async (schema, value, _ctx, params) => {
   const ctx = _ctx ? Object.assign(_ctx, { async: true }) : { async: true };
   let result = schema._zod.run({ value, issues: [] }, ctx);
@@ -12976,11 +12963,12 @@ const _parseAsync = (_Err) => async (schema, value, _ctx, params) => {
   }
   return result.value;
 };
+const parseAsync$1 = /* @__PURE__ */ _parseAsync($ZodRealError);
 const _safeParse = (_Err) => (schema, value, _ctx) => {
   const ctx = _ctx ? { ..._ctx, async: false } : { async: false };
   const result = schema._zod.run({ value, issues: [] }, ctx);
   if (result instanceof Promise) {
-    throw new $ZodAsyncError2();
+    throw new $ZodAsyncError();
   }
   return result.issues.length ? {
     success: false,
@@ -13542,7 +13530,7 @@ const $ZodType = /* @__PURE__ */ $constructor("$ZodType", (inst, def) => {
         const currLen = payload.issues.length;
         const _2 = ch._zod.check(payload);
         if (_2 instanceof Promise && (ctx == null ? void 0 : ctx.async) === false) {
-          throw new $ZodAsyncError2();
+          throw new $ZodAsyncError();
         }
         if (asyncResult || _2 instanceof Promise) {
           asyncResult = (asyncResult ?? Promise.resolve()).then(async () => {
@@ -13576,7 +13564,7 @@ const $ZodType = /* @__PURE__ */ $constructor("$ZodType", (inst, def) => {
       const checkResult = runChecks(payload, checks, ctx);
       if (checkResult instanceof Promise) {
         if (ctx.async === false)
-          throw new $ZodAsyncError2();
+          throw new $ZodAsyncError();
         return checkResult.then((checkResult2) => inst._zod.parse(checkResult2, ctx));
       }
       return inst._zod.parse(checkResult, ctx);
@@ -13597,7 +13585,7 @@ const $ZodType = /* @__PURE__ */ $constructor("$ZodType", (inst, def) => {
       const result = inst._zod.parse(payload, ctx);
       if (result instanceof Promise) {
         if (ctx.async === false)
-          throw new $ZodAsyncError2();
+          throw new $ZodAsyncError();
         return result.then((result2) => runChecks(result2, checks, ctx));
       }
       return runChecks(result, checks, ctx);
@@ -14437,7 +14425,7 @@ const $ZodTransform = /* @__PURE__ */ $constructor("$ZodTransform", (inst, def)
       });
     }
     if (_out instanceof Promise) {
-      throw new $ZodAsyncError2();
+      throw new $ZodAsyncError();
     }
     payload.value = _out;
     return payload;
@@ -15199,6 +15187,91 @@ function _check(fn, params) {
   ch._zod.check = fn;
   return ch;
 }
+function t$1(r2, e2) {
+  try {
+    var o2 = r2();
+  } catch (r3) {
+    return e2(r3);
+  }
+  return o2 && o2.then ? o2.then(void 0, e2) : o2;
+}
+function s$1(r2, e2) {
+  for (var n2 = {}; r2.length; ) {
+    var t2 = r2[0], s2 = t2.code, i2 = t2.message, a2 = t2.path.join(".");
+    if (!n2[a2]) if ("unionErrors" in t2) {
+      var u2 = t2.unionErrors[0].errors[0];
+      n2[a2] = { message: u2.message, type: u2.code };
+    } else n2[a2] = { message: i2, type: s2 };
+    if ("unionErrors" in t2 && t2.unionErrors.forEach(function(e3) {
+      return e3.errors.forEach(function(e4) {
+        return r2.push(e4);
+      });
+    }), e2) {
+      var c2 = n2[a2].types, f = c2 && c2[t2.code];
+      n2[a2] = appendErrors(a2, e2, n2, s2, f ? [].concat(f, t2.message) : t2.message);
+    }
+    r2.shift();
+  }
+  return n2;
+}
+function i$1(r2, e2) {
+  for (var n2 = {}; r2.length; ) {
+    var t2 = r2[0], s2 = t2.code, i2 = t2.message, a2 = t2.path.join(".");
+    if (!n2[a2]) if ("invalid_union" === t2.code && t2.errors.length > 0) {
+      var u2 = t2.errors[0][0];
+      n2[a2] = { message: u2.message, type: u2.code };
+    } else n2[a2] = { message: i2, type: s2 };
+    if ("invalid_union" === t2.code && t2.errors.forEach(function(e3) {
+      return e3.forEach(function(e4) {
+        return r2.push(e4);
+      });
+    }), e2) {
+      var c2 = n2[a2].types, f = c2 && c2[t2.code];
+      n2[a2] = appendErrors(a2, e2, n2, s2, f ? [].concat(f, t2.message) : t2.message);
+    }
+    r2.shift();
+  }
+  return n2;
+}
+function a$2(o2, a2, u2) {
+  if (void 0 === u2 && (u2 = {}), (function(r2) {
+    return "_def" in r2 && "object" == typeof r2._def && "typeName" in r2._def;
+  })(o2)) return function(n2, i2, c2) {
+    try {
+      return Promise.resolve(t$1(function() {
+        return Promise.resolve(o2["sync" === u2.mode ? "parse" : "parseAsync"](n2, a2)).then(function(e2) {
+          return c2.shouldUseNativeValidation && o$1({}, c2), { errors: {}, values: u2.raw ? Object.assign({}, n2) : e2 };
+        });
+      }, function(r2) {
+        if ((function(r3) {
+          return Array.isArray(null == r3 ? void 0 : r3.issues);
+        })(r2)) return { values: {}, errors: s$2(s$1(r2.errors, !c2.shouldUseNativeValidation && "all" === c2.criteriaMode), c2) };
+        throw r2;
+      }));
+    } catch (r2) {
+      return Promise.reject(r2);
+    }
+  };
+  if ((function(r2) {
+    return "_zod" in r2 && "object" == typeof r2._zod;
+  })(o2)) return function(s2, c2, f) {
+    try {
+      return Promise.resolve(t$1(function() {
+        return Promise.resolve(("sync" === u2.mode ? parse$2 : parseAsync$1)(o2, s2, a2)).then(function(e2) {
+          return f.shouldUseNativeValidation && o$1({}, f), { errors: {}, values: u2.raw ? Object.assign({}, s2) : e2 };
+        });
+      }, function(r2) {
+        if ((function(r3) {
+          return r3 instanceof $ZodError;
+        })(r2)) return { values: {}, errors: s$2(i$1(r2.issues, !f.shouldUseNativeValidation && "all" === f.criteriaMode), f) };
+        throw r2;
+      }));
+    } catch (r2) {
+      return Promise.reject(r2);
+    }
+  };
+  throw new Error("Invalid input: not a Zod schema");
+}
 const ZodISODateTime = /* @__PURE__ */ $constructor("ZodISODateTime", (inst, def) => {
   $ZodISODateTime.init(inst, def);
   ZodStringFormat.init(inst, def);
@@ -16174,10 +16247,139 @@ function useFormBuilder(options) {
   };
 }
 const FormBuilderContext = createContext(null);
+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.label,
+    Primitive$4.label,
     {
       ...props2,
       ref: forwardedRef,
@@ -18760,28 +18962,32 @@ var useElementIds = "useId" in React__default ? function useElementIds2(_ref) {
   if (!id) {
     id = reactId;
   }
-  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;
+  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;
 } : 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 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;
+  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;
 };
 function getItemAndIndex(itemProp, indexProp, items, errorMessage) {
   var item, index2;
@@ -18918,20 +19124,22 @@ 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, downshiftElements, environment)) {
+      if (!targetWithinDownshift(event.target, getDownshiftElements(), environment)) {
         handleBlur();
       }
     }
@@ -18944,7 +19152,7 @@ function useMouseAndTouchTracker(environment, handleBlur, downshiftElementsRefs)
     }
     function onTouchEnd(event) {
       mouseAndTouchTrackersRef.current.isTouchEnd = true;
-      if (!mouseAndTouchTrackersRef.current.isTouchMove && !targetWithinDownshift(event.target, downshiftElements, environment, false)) {
+      if (!mouseAndTouchTrackersRef.current.isTouchMove && !targetWithinDownshift(event.target, getDownshiftElements(), environment, false)) {
         handleBlur();
       }
     }
@@ -19483,9 +19691,13 @@ function useCombobox(userProps) {
         selectItem: false
       });
     }
-  }, [dispatch, latest]), useMemo(function() {
-    return [menuRef, toggleButtonRef, inputRef];
-  }, [menuRef.current, toggleButtonRef.current, inputRef.current]));
+  }, [dispatch, latest]), useMemo(
+    function() {
+      return [menuRef, toggleButtonRef, inputRef];
+    },
+    // dependencies can be left empty because refs are getting mutated
+    []
+  ));
   var setGetterPropCallInfo = useGetterPropsCalledChecker("getInputProps", "getMenuProps");
   useEffect(function() {
     if (!isOpen) {
@@ -19984,7 +20196,7 @@ var DismissableLayer = React.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive.div,
+      Primitive$6.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -20017,7 +20229,7 @@ var DismissableLayerBranch = React.forwardRef((props2, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive.div, { ...props2, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive$6.div, { ...props2, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
@@ -20239,7 +20451,7 @@ var FocusScope = React.forwardRef((props2, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx(Primitive$6.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst$2(candidates, { select = false } = {}) {
@@ -22203,7 +22415,7 @@ var NAME$3 = "Arrow";
 var Arrow$1 = React.forwardRef((props2, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props2;
   return /* @__PURE__ */ jsx(
-    Primitive.svg,
+    Primitive$6.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -22218,7 +22430,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(POPPER_NAME);
+var [createPopperContext, createPopperScope] = createContextScope$2(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props2) => {
   const { __scopePopper, children } = props2;
@@ -22241,7 +22453,7 @@ var PopperAnchor = React.forwardRef(
         context.onAnchorChange(anchorRef.current);
       }
     });
-    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive$6.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME$2;
@@ -22369,7 +22581,7 @@ var PopperContent = React.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsx(
-              Primitive.div,
+              Primitive$6.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -22495,7 +22707,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.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive$6.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$7.displayName = PORTAL_NAME$a;
 var getDefaultParent = function(originalTarget) {
@@ -23126,6 +23338,12 @@ 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;
@@ -23238,7 +23456,7 @@ var ReactRemoveScroll = React.forwardRef(function(props2, ref) {
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var POPOVER_NAME = "Popover";
-var [createPopoverContext] = createContextScope(POPOVER_NAME, [
+var [createPopoverContext] = createContextScope$2(POPOVER_NAME, [
   createPopperScope
 ]);
 var usePopperScope$4 = createPopperScope();
@@ -23302,7 +23520,7 @@ var PopoverTrigger$1 = React.forwardRef(
     const popperScope = usePopperScope$4(__scopePopover);
     const composedTriggerRef = useComposedRefs$1(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$6.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -23338,7 +23556,7 @@ var PopoverContent$1 = React.forwardRef(
   }
 );
 PopoverContent$1.displayName = CONTENT_NAME$a;
-var Slot$3 = /* @__PURE__ */ createSlot$1("PopoverContent.RemoveScroll");
+var Slot$3 = /* @__PURE__ */ createSlot$7("PopoverContent.RemoveScroll");
 var PopoverContentModal = React.forwardRef(
   (props2, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME$a, props2.__scopePopover);
@@ -23491,7 +23709,7 @@ var PopoverClose = React.forwardRef(
     const { __scopePopover, ...closeProps } = props2;
     const context = usePopoverContext(CLOSE_NAME$1, __scopePopover);
     return /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$6.button,
       {
         type: "button",
         ...closeProps,
@@ -24262,7 +24480,7 @@ var NAME$2 = "VisuallyHidden";
 var VisuallyHidden = React.forwardRef(
   (props2, forwardedRef) => {
     return /* @__PURE__ */ jsx(
-      Primitive.span,
+      Primitive$6.span,
       {
         ...props2,
         ref: forwardedRef,
@@ -24277,7 +24495,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(SELECT_NAME, [
+var [createSelectContext] = createContextScope$2(SELECT_NAME, [
   createCollectionScope$4,
   createPopperScope
 ]);
@@ -24414,7 +24632,7 @@ var SelectTrigger$1 = React.forwardRef(
       }
     };
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$6.button,
       {
         type: "button",
         role: "combobox",
@@ -24473,7 +24691,7 @@ var SelectValue$1 = React.forwardRef(
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
     return /* @__PURE__ */ jsx(
-      Primitive.span,
+      Primitive$6.span,
       {
         ...valueProps,
         ref: composedRefs,
@@ -24488,7 +24706,7 @@ var ICON_NAME = "SelectIcon";
 var SelectIcon = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeSelect, children, ...iconProps } = props2;
-    return /* @__PURE__ */ jsx(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
+    return /* @__PURE__ */ jsx(Primitive$6.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "▼" });
   }
 );
 SelectIcon.displayName = ICON_NAME;
@@ -24519,7 +24737,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$1("SelectContent.RemoveScroll");
+var Slot$2 = /* @__PURE__ */ createSlot$7("SelectContent.RemoveScroll");
 var SelectContentImpl = React.forwardRef(
   (props2, forwardedRef) => {
     const {
@@ -24899,7 +25117,7 @@ var SelectItemAlignedPosition = React.forwardRef((props2, forwardedRef) => {
             zIndex: contentZIndex
           },
           children: /* @__PURE__ */ jsx(
-            Primitive.div,
+            Primitive$6.div,
             {
               ...popperProps,
               ref: composedRefs,
@@ -24973,7 +25191,7 @@ var SelectViewport = React.forwardRef(
         }
       ),
       /* @__PURE__ */ jsx(Collection$4.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsx(
-        Primitive.div,
+        Primitive$6.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -25028,7 +25246,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.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsx(Primitive$6.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
 SelectGroup$1.displayName = GROUP_NAME$4;
@@ -25037,7 +25255,7 @@ var SelectLabel$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props2;
     const groupContext = useSelectGroupContext(LABEL_NAME$4, __scopeSelect);
-    return /* @__PURE__ */ jsx(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$6.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
   }
 );
 SelectLabel$1.displayName = LABEL_NAME$4;
@@ -25096,7 +25314,7 @@ var SelectItem$1 = React.forwardRef(
             disabled,
             textValue,
             children: /* @__PURE__ */ jsx(
-              Primitive.div,
+              Primitive$6.div,
               {
                 role: "option",
                 "aria-labelledby": textId,
@@ -25179,7 +25397,7 @@ var SelectItemText = React.forwardRef(
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+      /* @__PURE__ */ jsx(Primitive$6.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
       itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null
     ] });
   }
@@ -25190,7 +25408,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.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+    return itemContext.isSelected ? /* @__PURE__ */ jsx(Primitive$6.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
   }
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME$1;
@@ -25281,7 +25499,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.div,
+    Primitive$6.div,
     {
       "aria-hidden": true,
       ...scrollIndicatorProps,
@@ -25309,7 +25527,7 @@ var SEPARATOR_NAME$4 = "SelectSeparator";
 var SelectSeparator$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props2;
-    return /* @__PURE__ */ jsx(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$6.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
   }
 );
 SelectSeparator$1.displayName = SEPARATOR_NAME$4;
@@ -25346,7 +25564,7 @@ var SelectBubbleInput = React.forwardRef(
       }
     }, [prevValue, value]);
     return /* @__PURE__ */ jsx(
-      Primitive.select,
+      Primitive$6.select,
       {
         ...props2,
         style: { ...VISUALLY_HIDDEN_STYLES, ...props2.style },
@@ -25603,7 +25821,7 @@ function SelectField({
     }
   );
 }
-var [createTooltipContext] = createContextScope("Tooltip", [
+var [createTooltipContext] = createContextScope$2("Tooltip", [
   createPopperScope
 ]);
 var usePopperScope$2 = createPopperScope();
@@ -25762,7 +25980,7 @@ var TooltipTrigger$1 = React.forwardRef(
       return () => document.removeEventListener("pointerup", handlePointerUp2);
     }, [handlePointerUp2]);
     return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$6.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
         "data-state": context.stateAttribute,
@@ -26207,7 +26425,7 @@ function CheckboxField({
   ] });
 }
 var SWITCH_NAME = "Switch";
-var [createSwitchContext] = createContextScope(SWITCH_NAME);
+var [createSwitchContext] = createContextScope$2(SWITCH_NAME);
 var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
 var Switch$1 = React.forwardRef(
   (props2, forwardedRef) => {
@@ -26235,7 +26453,7 @@ var Switch$1 = React.forwardRef(
     });
     return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [
       /* @__PURE__ */ jsx(
-        Primitive.button,
+        Primitive$6.button,
         {
           type: "button",
           role: "switch",
@@ -26280,7 +26498,7 @@ var SwitchThumb = React.forwardRef(
     const { __scopeSwitch, ...thumbProps } = props2;
     const context = useSwitchContext(THUMB_NAME$2, __scopeSwitch);
     return /* @__PURE__ */ jsx(
-      Primitive.span,
+      Primitive$6.span,
       {
         "data-state": getState$2(context.checked),
         "data-disabled": context.disabled ? "" : void 0,
@@ -26447,7 +26665,7 @@ function SwitchField({
   ] });
 }
 var RADIO_NAME = "Radio";
-var [createRadioContext, createRadioScope] = createContextScope(RADIO_NAME);
+var [createRadioContext, createRadioScope] = createContextScope$2(RADIO_NAME);
 var [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME);
 var Radio = React.forwardRef(
   (props2, forwardedRef) => {
@@ -26468,7 +26686,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.button,
+        Primitive$6.button,
         {
           type: "button",
           role: "radio",
@@ -26512,7 +26730,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.span,
+      Primitive$6.span,
       {
         "data-state": getState$1(context.checked),
         "data-disabled": context.disabled ? "" : void 0,
@@ -26552,7 +26770,7 @@ var RadioBubbleInput = React.forwardRef(
       }
     }, [prevChecked, checked, bubbles]);
     return /* @__PURE__ */ jsx(
-      Primitive.input,
+      Primitive$6.input,
       {
         type: "radio",
         "aria-hidden": true,
@@ -26578,7 +26796,7 @@ function getState$1(checked) {
 }
 var ARROW_KEYS$2 = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
 var RADIO_GROUP_NAME$4 = "RadioGroup";
-var [createRadioGroupContext] = createContextScope(RADIO_GROUP_NAME$4, [
+var [createRadioGroupContext] = createContextScope$2(RADIO_GROUP_NAME$4, [
   createRovingFocusGroupScope,
   createRadioScope
 ]);
@@ -26626,7 +26844,7 @@ var RadioGroup$2 = React.forwardRef(
             dir: direction,
             loop,
             children: /* @__PURE__ */ jsx(
-              Primitive.div,
+              Primitive$6.div,
               {
                 role: "radiogroup",
                 "aria-required": required2,
@@ -27779,7 +27997,7 @@ const match = {
     defaultParseWidth: "any"
   })
 };
-const enUS = {
+const enUS$1 = {
   code: "en-US",
   formatDistance,
   formatLong,
@@ -28626,7 +28844,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;
+  const locale = (options == null ? void 0 : options.locale) ?? defaultOptions2.locale ?? enUS$1;
   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);
@@ -28764,6 +28982,63 @@ 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`.
@@ -29047,6 +29322,9 @@ 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
@@ -29357,7 +29635,7 @@ function dateMatchModifiers(date2, matchers, dateLib = defaultDateLib) {
       return isSameDay2(date2, matcher);
     }
     if (isDatesArray(matcher, dateLib)) {
-      return matcher.includes(date2);
+      return matcher.some((matcherDate) => isSameDay2(date2, matcherDate));
     }
     if (isDateRange(matcher)) {
       return rangeIncludesDate(matcher, date2, false, dateLib);
@@ -29393,7 +29671,7 @@ function dateMatchModifiers(date2, matchers, dateLib = defaultDateLib) {
   });
 }
 function createGetModifiers(days, props2, navStart, navEnd, dateLib) {
-  const { disabled, hidden, modifiers, showOutsideDays, broadcastCalendar, today } = props2;
+  const { disabled, hidden, modifiers, showOutsideDays, broadcastCalendar, today = dateLib.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);
@@ -29413,7 +29691,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 ?? dateLib.today());
+    const isToday = isSameDay2(date2, today);
     if (isOutside)
       internalModifiersMap.outside.push(day);
     if (isDisabled)
@@ -29561,60 +29839,6 @@ 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)
@@ -29642,8 +29866,9 @@ function labelMonthDropdown(_options) {
 function labelNav() {
   return "";
 }
-function labelNext(_month) {
-  return "Go to the Next Month";
+const defaultLabel = "Go to the Next Month";
+function labelNext(_month, _options) {
+  return defaultLabel;
 }
 function labelPrevious(_month) {
   return "Go to the Previous Month";
@@ -29676,6 +29901,87 @@ 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;
@@ -29805,15 +30111,14 @@ 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 endWeekLastDate = broadcastCalendar ? endOfBroadcastWeek2(lastMonth) : ISOWeek ? endOfISOWeek2(endOfMonth2(lastMonth)) : endOfWeek2(endOfMonth2(lastMonth));
-  const nOfDays = differenceInCalendarDays2(endWeekLastDate, startWeekFirstDate);
+  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 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;
@@ -29980,6 +30285,7 @@ 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);
@@ -29992,13 +30298,44 @@ function useCalendar(props2, dateLib) {
     const newInitialMonth = getInitialMonth(props2, navStart, navEnd, dateLib);
     setFirstMonth(newInitialMonth);
   }, [props2.timeZone]);
-  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 { 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 { disableNavigation, onMonthChange } = props2;
   const isDayInCalendar = (day) => weeks.some((week) => week.days.some((d) => d.isEqualTo(day)));
   const goToMonth = (date2) => {
@@ -30366,38 +30703,104 @@ 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;
-  if (props2.timeZone) {
+  const timeZone = props2.timeZone;
+  if (timeZone) {
     props2 = {
-      ...initialProps
+      ...initialProps,
+      timeZone
     };
     if (props2.today) {
-      props2.today = new TZDate(props2.today, props2.timeZone);
+      props2.today = toTimeZone(props2.today, timeZone);
     }
     if (props2.month) {
-      props2.month = new TZDate(props2.month, props2.timeZone);
+      props2.month = toTimeZone(props2.month, timeZone);
     }
     if (props2.defaultMonth) {
-      props2.defaultMonth = new TZDate(props2.defaultMonth, props2.timeZone);
+      props2.defaultMonth = toTimeZone(props2.defaultMonth, timeZone);
     }
     if (props2.startMonth) {
-      props2.startMonth = new TZDate(props2.startMonth, props2.timeZone);
+      props2.startMonth = toTimeZone(props2.startMonth, timeZone);
     }
     if (props2.endMonth) {
-      props2.endMonth = new TZDate(props2.endMonth, props2.timeZone);
+      props2.endMonth = toTimeZone(props2.endMonth, timeZone);
     }
     if (props2.mode === "single" && props2.selected) {
-      props2.selected = new TZDate(props2.selected, props2.timeZone);
+      props2.selected = toTimeZone(props2.selected, timeZone);
     } else if (props2.mode === "multiple" && props2.selected) {
-      props2.selected = (_a2 = props2.selected) == null ? void 0 : _a2.map((date2) => new TZDate(date2, props2.timeZone));
+      props2.selected = (_a2 = props2.selected) == null ? void 0 : _a2.map((date2) => toTimeZone(date2, timeZone));
     } else if (props2.mode === "range" && props2.selected) {
       props2.selected = {
-        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
+        from: props2.selected.from ? toTimeZone(props2.selected.from, timeZone) : props2.selected.from,
+        to: props2.selected.to ? toTimeZone(props2.selected.to, timeZone) : props2.selected.to
       };
     }
+    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 };
@@ -30414,7 +30817,7 @@ function DayPicker(initialProps) {
       dateLib: dateLib2,
       components: getComponents(props2.components),
       formatters: getFormatters(props2.formatters),
-      labels: { ...defaultLabels, ...props2.labels },
+      labels: getLabels(props2.labels, dateLib2.options),
       locale: locale2,
       classNames: { ...getDefaultClassNames(), ...props2.classNames }
     };
@@ -30433,6 +30836,9 @@ 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);
@@ -30441,7 +30847,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), [dateLib, props2.ISOWeek]);
+  const weekdays = useMemo(() => getWeekdays(dateLib, props2.ISOWeek, props2.broadcastCalendar, props2.today), [dateLib, props2.ISOWeek, props2.broadcastCalendar, props2.today]);
   const isInteractive = mode !== void 0 || onDayClick !== void 0;
   const handlePreviousClick = useCallback(() => {
     if (!previousMonth)
@@ -30459,6 +30865,9 @@ 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]);
@@ -30587,10 +30996,7 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, 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))
-            )),
+            ) : 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 },
@@ -30610,8 +31016,7 @@ 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 && // 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, {
+                  showWeekNumber && 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) => {
@@ -30628,10 +31033,7 @@ 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 (
-                      // 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))
-                    );
+                    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));
                   })
                 );
               }))
@@ -30639,8 +31041,7 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      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)
+      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)
     )
   );
 }
@@ -36013,7 +36414,7 @@ function reducer(state, action) {
 function noop$1() {
 }
 var DIALOG_NAME = "Dialog";
-var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
+var [createDialogContext, createDialogScope] = createContextScope$2(DIALOG_NAME);
 var [DialogProvider$1, useDialogContext] = createDialogContext(DIALOG_NAME);
 var Dialog$1 = (props2) => {
   const {
@@ -36057,7 +36458,7 @@ var DialogTrigger$1 = React.forwardRef(
     const context = useDialogContext(TRIGGER_NAME$6, __scopeDialog);
     const composedTriggerRef = useComposedRefs$1(forwardedRef, context.triggerRef);
     return /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$6.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -36092,7 +36493,7 @@ var DialogOverlay$1 = React.forwardRef(
   }
 );
 DialogOverlay$1.displayName = OVERLAY_NAME$1;
-var Slot$1 = /* @__PURE__ */ createSlot$1("DialogOverlay.RemoveScroll");
+var Slot$1 = /* @__PURE__ */ createSlot$7("DialogOverlay.RemoveScroll");
 var DialogOverlayImpl = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeDialog, ...overlayProps } = props2;
@@ -36101,7 +36502,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.div,
+        Primitive$6.div,
         {
           "data-state": getState(context.open),
           ...overlayProps,
@@ -36242,7 +36643,7 @@ var DialogTitle$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props2;
     const context = useDialogContext(TITLE_NAME$1, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$6.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
 DialogTitle$1.displayName = TITLE_NAME$1;
@@ -36251,7 +36652,7 @@ var DialogDescription$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props2;
     const context = useDialogContext(DESCRIPTION_NAME$1, __scopeDialog);
-    return /* @__PURE__ */ jsx(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$6.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
   }
 );
 DialogDescription$1.displayName = DESCRIPTION_NAME$1;
@@ -36261,7 +36662,7 @@ var DialogClose$1 = React.forwardRef(
     const { __scopeDialog, ...closeProps } = props2;
     const context = useDialogContext(CLOSE_NAME, __scopeDialog);
     return /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive$6.button,
       {
         type: "button",
         ...closeProps,
@@ -36438,9 +36839,198 @@ 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(PROGRESS_NAME);
+var [createProgressContext] = createContextScope$1(PROGRESS_NAME);
 var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
 var Progress$1 = React.forwardRef(
   (props2, forwardedRef) => {
@@ -36461,7 +37051,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.div,
+      Primitive$3.div,
       {
         "aria-valuemax": max2,
         "aria-valuemin": 0,
@@ -36484,7 +37074,7 @@ var ProgressIndicator = React.forwardRef(
     const { __scopeProgress, ...indicatorProps } = props2;
     const context = useProgressContext(INDICATOR_NAME$4, __scopeProgress);
     return /* @__PURE__ */ jsx(
-      Primitive.div,
+      Primitive$3.div,
       {
         "data-state": getProgressState(context.value, context.max),
         "data-value": context.value ?? void 0,
@@ -38794,14 +39384,18 @@ const commonForms = {
 };
 function DataTablePagination({
   table,
-  paginationVariant = "full"
+  showPageInfo = true,
+  showSelectedRowInfo = true,
+  showRowsPerPageSelection = true,
+  showFirstAndLastPageButton = true,
+  wrapperClassName
 }) {
   const pagination = table.getState().pagination ?? {
     pageIndex: 0,
     pageSize: 10
   };
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2", children: [
-    paginationVariant === "full" && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex-1 text-sm", children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn$1("flex items-center justify-between px-2", wrapperClassName), children: [
+    showSelectedRowInfo && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex-1 text-sm", children: [
       table.getFilteredSelectedRowModel().rows.length,
       " of",
       " ",
@@ -38809,7 +39403,7 @@ function DataTablePagination({
       " row(s) selected."
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
-      paginationVariant === "full" && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+      showRowsPerPageSelection && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Rows per page" }),
         /* @__PURE__ */ jsxs(
           Select$1,
@@ -38823,14 +39417,14 @@ function DataTablePagination({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: table.getRowCount() > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      showPageInfo && /* @__PURE__ */ jsx("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: table.getRowCount() > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
         "Page ",
         pagination.pageIndex + 1,
         " of ",
         table.getPageCount()
       ] }) : "Page 0 of 0" }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ jsxs(
+        showFirstAndLastPageButton && /* @__PURE__ */ jsxs(
           Button$1,
           {
             type: "button",
@@ -38875,7 +39469,7 @@ function DataTablePagination({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs(
+        showFirstAndLastPageButton && /* @__PURE__ */ jsxs(
           Button$1,
           {
             type: "button",
@@ -38908,7 +39502,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(MENU_NAME$1, [
+var [createMenuContext, createMenuScope] = createContextScope$2(MENU_NAME$1, [
   createCollectionScope$3,
   createPopperScope,
   createRovingFocusGroupScope
@@ -39032,7 +39626,7 @@ var MenuRootContentNonModal = React.forwardRef((props2, forwardedRef) => {
     }
   );
 });
-var Slot = /* @__PURE__ */ createSlot$1("MenuContent.ScrollLock");
+var Slot = /* @__PURE__ */ createSlot$7("MenuContent.ScrollLock");
 var MenuContentImpl = React.forwardRef(
   (props2, forwardedRef) => {
     const {
@@ -39224,7 +39818,7 @@ var GROUP_NAME$3 = "MenuGroup";
 var MenuGroup = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props2;
-    return /* @__PURE__ */ jsx(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$6.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
 MenuGroup.displayName = GROUP_NAME$3;
@@ -39232,7 +39826,7 @@ var LABEL_NAME$3 = "MenuLabel";
 var MenuLabel = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props2;
-    return /* @__PURE__ */ jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive$6.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME$3;
@@ -39310,7 +39904,7 @@ var MenuItemImpl = React.forwardRef(
         disabled,
         textValue: textValue ?? textContent,
         children: /* @__PURE__ */ jsx(Item$2, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx(
-          Primitive.div,
+          Primitive$6.div,
           {
             role: "menuitem",
             "data-highlighted": isFocused ? "" : void 0,
@@ -39421,7 +40015,7 @@ var MenuItemIndicator = React.forwardRef(
       {
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
         children: /* @__PURE__ */ jsx(
-          Primitive.span,
+          Primitive$6.span,
           {
             ...itemIndicatorProps,
             ref: forwardedRef,
@@ -39438,7 +40032,7 @@ var MenuSeparator = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props2;
     return /* @__PURE__ */ jsx(
-      Primitive.div,
+      Primitive$6.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -39525,7 +40119,7 @@ var MenuSubTrigger = React.forwardRef(
         "aria-controls": subContext.contentId,
         "data-state": getOpenState$1(context.open),
         ...props2,
-        ref: composeRefs$2(forwardedRef, subContext.onTriggerChange),
+        ref: composeRefs$1(forwardedRef, subContext.onTriggerChange),
         onClick: (event) => {
           var _a2;
           (_a2 = props2.onClick) == null ? void 0 : _a2.call(props2, event);
@@ -39720,7 +40314,7 @@ var Sub = MenuSub;
 var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 var DROPDOWN_MENU_NAME = "DropdownMenu";
-var [createDropdownMenuContext] = createContextScope(
+var [createDropdownMenuContext] = createContextScope$2(
   DROPDOWN_MENU_NAME,
   [createMenuScope]
 );
@@ -39767,7 +40361,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.button,
+      Primitive$6.button,
       {
         type: "button",
         id: context.triggerId,
@@ -39778,7 +40372,7 @@ var DropdownMenuTrigger$1 = React.forwardRef(
         "data-disabled": disabled ? "" : void 0,
         disabled,
         ...triggerProps,
-        ref: composeRefs$2(forwardedRef, context.triggerRef),
+        ref: composeRefs$1(forwardedRef, context.triggerRef),
         onPointerDown: composeEventHandlers$1(props2.onPointerDown, (event) => {
           if (!disabled && event.button === 0 && event.ctrlKey === false) {
             context.onOpenToggle();
@@ -40232,7 +40826,11 @@ function DataTable({
   onColumnFiltersChange,
   rowCount,
   pagination,
-  paginationVariant = "full",
+  paginationShowPageInfo = true,
+  paginationShowSelectedRowInfo = true,
+  paginationShowRowsPerPageSelection = true,
+  paginationShowFirstAndLastPageButton = true,
+  paginationWrapperClassName,
   onPaginationChange,
   paginationState,
   columnVisibility,
@@ -40564,7 +41162,11 @@ function DataTable({
       DataTablePagination,
       {
         table,
-        paginationVariant
+        showPageInfo: paginationShowPageInfo,
+        showSelectedRowInfo: paginationShowSelectedRowInfo,
+        showRowsPerPageSelection: paginationShowRowsPerPageSelection,
+        showFirstAndLastPageButton: paginationShowFirstAndLastPageButton,
+        wrapperClassName: paginationWrapperClassName
       }
     )
   ] });
@@ -46101,7 +46703,7 @@ function dotAccessor(path) {
   return (row) => lodashExports.get(row, path);
 }
 var ROOT_NAME = "AlertDialog";
-var [createAlertDialogContext] = createContextScope(ROOT_NAME, [
+var [createAlertDialogContext] = createContextScope$2(ROOT_NAME, [
   createDialogScope
 ]);
 var useDialogScope = createDialogScope();
@@ -46370,7 +46972,7 @@ function AlertDialogCancel({
 }
 const DialogContext = createContext(null);
 function useDialogController() {
-  const ctx = use$1(DialogContext);
+  const ctx = use$7(DialogContext);
   if (!ctx)
     throw new Error("useDialogController must be used within DialogProvider");
   return ctx;
@@ -49176,7 +49778,7 @@ function ThemeBridge({ children, ...props2 }) {
   return /* @__PURE__ */ jsx(ThemeProviderContext, { ...props2, value, children });
 }
 const useTheme = () => {
-  const context = use$1(ThemeProviderContext);
+  const context = use$7(ThemeProviderContext);
   if (context === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return context;
@@ -49330,6 +49932,7 @@ function AdminLayoutContent({
     const isOpen = openMap[item.id] ?? (hasChildren && hasActiveDescendant(item));
     const indentClassMap = ["", "pl-6", "pl-10", "pl-14"];
     const indent = indentClassMap[Math.min(level, 3)];
+    const activeText = isActive ? "text-sidebar-primary-foreground" : "text-sidebar-foreground group-hover:text-sidebar-accent-foreground";
     const content = /* @__PURE__ */ jsxs(
       SidebarMenuItem,
       {
@@ -49345,27 +49948,54 @@ function AdminLayoutContent({
                 if (hasChildren) setOpen(item.id);
               },
               disabled: item.disabled,
-              className: `group relative overflow-hidden rounded-lg transition-all duration-200 hover:bg-sidebar-accent/70 data-[active=true]:bg-primary data-[active=true]:text-primary-foreground ${indent}`,
+              className: `group relative overflow-hidden rounded-lg transition-all duration-200 hover:bg-sidebar-accent/70 data-[active=true]:bg-sidebar-primary data-[active=true]:text-sidebar-primary-foreground ${indent}`,
               children: item.url && !hasChildren ? /* @__PURE__ */ jsxs(Link$1, { to: item.url, className: "flex items-center gap-3 px-3", children: [
                 item.icon && /* @__PURE__ */ jsx(
                   item.icon,
                   {
-                    className: `h-4 w-4 transition-colors ${isActive ? "text-primary-foreground" : "text-sidebar-foreground group-hover:text-sidebar-accent-foreground"}`
+                    className: `h-4 w-4 transition-colors ${activeText}`
                   }
                 ),
                 /* @__PURE__ */ jsx(
                   "span",
                   {
-                    className: `font-medium transition-colors ${isActive ? "text-primary-foreground" : "text-sidebar-foreground group-hover:text-sidebar-accent-foreground"}`,
+                    className: `font-medium transition-colors ${activeText}`,
                     children: item.title
                   }
                 ),
-                item.badge && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs bg-primary/10 text-primary px-2 py-0.5 rounded-full", children: item.badge })
+                item.badge && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: `ml-auto text-xs px-2 py-0.5 rounded-full ${isActive ? "bg-white/20 text-sidebar-primary-foreground" : "bg-sidebar-primary/10 text-sidebar-primary"}`,
+                    children: item.badge
+                  }
+                )
               ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-3 py-2.5 w-full", children: [
-                hasChildren && (isOpen ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5 text-muted-foreground" })),
-                item.icon ? /* @__PURE__ */ jsx(item.icon, { className: "h-4 w-4 text-sidebar-foreground group-hover:text-sidebar-accent-foreground" }) : /* @__PURE__ */ jsx(FallbackIcon, { className: "h-3.5 w-3.5 text-muted-foreground" }),
-                item.url ? /* @__PURE__ */ jsx(Link$1, { to: item.url, className: "flex-1 text-left", children: /* @__PURE__ */ jsx("span", { className: "font-medium text-sidebar-foreground group-hover:text-sidebar-accent-foreground", children: item.title }) }) : /* @__PURE__ */ jsx("span", { className: "font-medium text-sidebar-foreground group-hover:text-sidebar-accent-foreground flex-1", children: item.title }),
-                item.badge && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs bg-primary/10 text-primary px-2 py-0.5 rounded-full", children: item.badge })
+                hasChildren && (isOpen ? /* @__PURE__ */ jsx(
+                  ChevronDown,
+                  {
+                    className: `h-3.5 w-3.5 ${isActive ? "text-sidebar-primary-foreground" : "text-muted-foreground"}`
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  ChevronRight,
+                  {
+                    className: `h-3.5 w-3.5 ${isActive ? "text-sidebar-primary-foreground" : "text-muted-foreground"}`
+                  }
+                )),
+                item.icon ? /* @__PURE__ */ jsx(item.icon, { className: `h-4 w-4 ${activeText}` }) : /* @__PURE__ */ jsx(
+                  FallbackIcon,
+                  {
+                    className: `h-3.5 w-3.5 ${isActive ? "text-sidebar-primary-foreground" : "text-muted-foreground"}`
+                  }
+                ),
+                item.url ? /* @__PURE__ */ jsx(Link$1, { to: item.url, className: "flex-1 text-left", children: /* @__PURE__ */ jsx("span", { className: `font-medium ${activeText}`, children: item.title }) }) : /* @__PURE__ */ jsx("span", { className: `font-medium ${activeText} flex-1`, children: item.title }),
+                item.badge && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: `ml-auto text-xs px-2 py-0.5 rounded-full ${isActive ? "bg-white/20 text-sidebar-primary-foreground" : "bg-sidebar-primary/10 text-sidebar-primary"}`,
+                    children: item.badge
+                  }
+                )
               ] })
             }
           ),
@@ -50544,6 +51174,135 @@ 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) => {
@@ -50560,7 +51319,7 @@ var AspectRatio$1 = React.forwardRef(
         },
         "data-radix-aspect-ratio-wrapper": "",
         children: /* @__PURE__ */ jsx(
-          Primitive.div,
+          Primitive$2.div,
           {
             ...aspectRatioProps,
             ref: forwardedRef,
@@ -50586,6 +51345,195 @@ 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 = {};
 /**
@@ -50754,7 +51702,7 @@ var Avatar$1 = React.forwardRef(
         scope: __scopeAvatar,
         imageLoadingStatus,
         onImageLoadingStatusChange: setImageLoadingStatus,
-        children: /* @__PURE__ */ jsx(Primitive.span, { ...avatarProps, ref: forwardedRef })
+        children: /* @__PURE__ */ jsx(Primitive$1.span, { ...avatarProps, ref: forwardedRef })
       }
     );
   }
@@ -50776,7 +51724,7 @@ var AvatarImage$1 = React.forwardRef(
         handleLoadingStatusChange(imageLoadingStatus);
       }
     }, [imageLoadingStatus, handleLoadingStatusChange]);
-    return imageLoadingStatus === "loaded" ? /* @__PURE__ */ jsx(Primitive.img, { ...imageProps, ref: forwardedRef, src }) : null;
+    return imageLoadingStatus === "loaded" ? /* @__PURE__ */ jsx(Primitive$1.img, { ...imageProps, ref: forwardedRef, src }) : null;
   }
 );
 AvatarImage$1.displayName = IMAGE_NAME;
@@ -50792,7 +51740,7 @@ var AvatarFallback$1 = React.forwardRef(
         return () => window.clearTimeout(timerId);
       }
     }, [delayMs]);
-    return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(Primitive.span, { ...fallbackProps, ref: forwardedRef }) : null;
+    return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(Primitive$1.span, { ...fallbackProps, ref: forwardedRef }) : null;
   }
 );
 AvatarFallback$1.displayName = FALLBACK_NAME;
@@ -58827,6 +59775,135 @@ 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;
@@ -59022,15 +60099,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$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);
+  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);
 }), 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$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))));
+  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))));
 }), 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$2(c2, o2), ...u2, "cmdk-separator": "", role: "separator" });
+  return !n2 && !d ? null : React.createElement(Primitive.div, { ref: composeRefs$1(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(() => {
@@ -59052,7 +60129,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$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)));
+  }, []), 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)));
 }), 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$3, { 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 }))));
@@ -59274,7 +60351,7 @@ function CommandShortcut({
   );
 }
 var CONTEXT_MENU_NAME = "ContextMenu";
-var [createContextMenuContext] = createContextScope(CONTEXT_MENU_NAME, [
+var [createContextMenuContext] = createContextScope$2(CONTEXT_MENU_NAME, [
   createMenuScope
 ]);
 var useMenuScope$1 = createMenuScope();
@@ -59337,7 +60414,7 @@ var ContextMenuTrigger$1 = React.forwardRef(
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Anchor2, { ...menuScope, virtualRef }),
       /* @__PURE__ */ jsx(
-        Primitive.span,
+        Primitive$6.span,
         {
           "data-state": context.open ? "open" : "closed",
           "data-disabled": disabled ? "" : void 0,
@@ -61435,7 +62512,7 @@ function FormMessage({ className, ...props2 }) {
 }
 var originalBodyUserSelect;
 var HOVERCARD_NAME = "HoverCard";
-var [createHoverCardContext] = createContextScope(HOVERCARD_NAME, [
+var [createHoverCardContext] = createContextScope$2(HOVERCARD_NAME, [
   createPopperScope
 ]);
 var usePopperScope = createPopperScope();
@@ -61501,7 +62578,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.a,
+      Primitive$6.a,
       {
         "data-state": context.open ? "open" : "closed",
         ...triggerProps,
@@ -61948,7 +63025,7 @@ function InputOTPSeparator({ ...props2 }) {
 }
 var MENUBAR_NAME = "Menubar";
 var [Collection$2, useCollection$2, createCollectionScope$2] = createCollection(MENUBAR_NAME);
-var [createMenubarContext] = createContextScope(MENUBAR_NAME, [
+var [createMenubarContext] = createContextScope$2(MENUBAR_NAME, [
   createCollectionScope$2,
   createRovingFocusGroupScope
 ]);
@@ -62007,7 +63084,7 @@ var Menubar$1 = React.forwardRef(
             dir: direction,
             currentTabStopId,
             onCurrentTabStopIdChange: setCurrentTabStopId,
-            children: /* @__PURE__ */ jsx(Primitive.div, { role: "menubar", ...menubarProps, ref: forwardedRef })
+            children: /* @__PURE__ */ jsx(Primitive$6.div, { role: "menubar", ...menubarProps, ref: forwardedRef })
           }
         ) }) })
       }
@@ -62075,7 +63152,7 @@ var MenubarTrigger$1 = React.forwardRef(
         focusable: !disabled,
         tabStopId: menuContext.value,
         children: /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
-          Primitive.button,
+          Primitive$6.button,
           {
             type: "button",
             role: "menuitem",
@@ -62597,7 +63674,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(
+var [createNavigationMenuContext] = createContextScope$2(
   NAVIGATION_MENU_NAME,
   [createCollectionScope$1, createFocusGroupCollectionScope]
 );
@@ -62700,7 +63777,7 @@ var NavigationMenu$1 = React.forwardRef(
         },
         onItemDismiss: () => setValue(""),
         children: /* @__PURE__ */ jsx(
-          Primitive.nav,
+          Primitive$6.nav,
           {
             "aria-label": "Main",
             "data-orientation": orientation,
@@ -62744,7 +63821,7 @@ var NavigationMenuSub = React.forwardRef(
         onTriggerEnter: (itemValue) => setValue(itemValue),
         onItemSelect: (itemValue) => setValue(itemValue),
         onItemDismiss: () => setValue(""),
-        children: /* @__PURE__ */ jsx(Primitive.div, { "data-orientation": orientation, ...subProps, ref: forwardedRef })
+        children: /* @__PURE__ */ jsx(Primitive$6.div, { "data-orientation": orientation, ...subProps, ref: forwardedRef })
       }
     );
   }
@@ -62812,8 +63889,8 @@ var NavigationMenuList$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeNavigationMenu, ...listProps } = props2;
     const context = useNavigationMenuContext(LIST_NAME, __scopeNavigationMenu);
-    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 }) });
+    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 }) });
   }
 );
 NavigationMenuList$1.displayName = LIST_NAME;
@@ -62856,7 +63933,7 @@ var NavigationMenuItem$1 = React.forwardRef(
         onFocusProxyEnter: handleContentEntry,
         onRootContentClose: handleContentExit,
         onContentFocusOutside: handleContentExit,
-        children: /* @__PURE__ */ jsx(Primitive.li, { ...itemProps, ref: forwardedRef })
+        children: /* @__PURE__ */ jsx(Primitive$6.li, { ...itemProps, ref: forwardedRef })
       }
     );
   }
@@ -62876,7 +63953,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.button,
+      Primitive$6.button,
       {
         id: triggerId,
         disabled,
@@ -62950,7 +64027,7 @@ var NavigationMenuLink$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeNavigationMenu, active, onSelect, ...linkProps } = props2;
     return /* @__PURE__ */ jsx(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsx(
-      Primitive.a,
+      Primitive$6.a,
       {
         "data-active": active ? "" : void 0,
         "aria-current": active ? "page" : void 0,
@@ -63019,7 +64096,7 @@ var NavigationMenuIndicatorImpl = React.forwardRef((props2, forwardedRef) => {
   useResizeObserver$1(activeTrigger, handlePositionChange);
   useResizeObserver$1(context.indicatorTrack, handlePositionChange);
   return position ? /* @__PURE__ */ jsx(
-    Primitive.div,
+    Primitive$6.div,
     {
       "aria-hidden": true,
       "data-state": isVisible ? "visible" : "hidden",
@@ -63228,7 +64305,7 @@ var NavigationMenuViewportImpl = React.forwardRef((props2, forwardedRef) => {
   };
   useResizeObserver$1(content, handleSizeChange);
   return /* @__PURE__ */ jsx(
-    Primitive.div,
+    Primitive$6.div,
     {
       "data-state": getOpenState(open),
       "data-orientation": context.orientation,
@@ -63249,7 +64326,7 @@ var NavigationMenuViewportImpl = React.forwardRef((props2, forwardedRef) => {
           NavigationMenuContentImpl,
           {
             ...props22,
-            ref: composeRefs$2(ref, (node) => {
+            ref: composeRefs$1(ref, (node) => {
               if (isActive && node) setContent(node);
             })
           }
@@ -63263,7 +64340,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.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$6.div, { dir: context.dir, ...groupProps, ref: forwardedRef }) }) });
   }
 );
 var ARROW_KEYS$1 = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"];
@@ -63274,7 +64351,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.button,
+      Primitive$6.button,
       {
         ...groupProps,
         ref: forwardedRef,
@@ -65779,7 +66856,7 @@ function useStateMachine(initialState2, machine) {
   }, initialState2);
 }
 var SCROLL_AREA_NAME = "ScrollArea";
-var [createScrollAreaContext] = createContextScope(SCROLL_AREA_NAME);
+var [createScrollAreaContext] = createContextScope$2(SCROLL_AREA_NAME);
 var [ScrollAreaProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
 var ScrollArea$1 = React.forwardRef(
   (props2, forwardedRef) => {
@@ -65824,7 +66901,7 @@ var ScrollArea$1 = React.forwardRef(
         onCornerWidthChange: setCornerWidth,
         onCornerHeightChange: setCornerHeight,
         children: /* @__PURE__ */ jsx(
-          Primitive.div,
+          Primitive$6.div,
           {
             dir: direction,
             ...scrollAreaProps,
@@ -65861,7 +66938,7 @@ var ScrollAreaViewport = React.forwardRef(
         }
       ),
       /* @__PURE__ */ jsx(
-        Primitive.div,
+        Primitive$6.div,
         {
           "data-radix-scroll-area-viewport": "",
           ...viewportProps,
@@ -66247,7 +67324,7 @@ var ScrollAreaScrollbarImpl = React.forwardRef((props2, forwardedRef) => {
       onThumbPositionChange: handleThumbPositionChange,
       onThumbPointerDown: useCallbackRef$2(onThumbPointerDown),
       children: /* @__PURE__ */ jsx(
-        Primitive.div,
+        Primitive$6.div,
         {
           ...scrollbarProps,
           ref: composeRefs2,
@@ -66321,7 +67398,7 @@ var ScrollAreaThumbImpl = React.forwardRef(
       }
     }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);
     return /* @__PURE__ */ jsx(
-      Primitive.div,
+      Primitive$6.div,
       {
         "data-state": scrollbarContext.hasThumb ? "visible" : "hidden",
         ...thumbProps,
@@ -66373,7 +67450,7 @@ var ScrollAreaCornerImpl = React.forwardRef((props2, forwardedRef) => {
     setWidth(width2);
   });
   return hasSize ? /* @__PURE__ */ jsx(
-    Primitive.div,
+    Primitive$6.div,
     {
       ...cornerProps,
       ref: forwardedRef,
@@ -66541,7 +67618,7 @@ var BACK_KEYS = {
 };
 var SLIDER_NAME = "Slider";
 var [Collection, useCollection, createCollectionScope] = createCollection(SLIDER_NAME);
-var [createSliderContext] = createContextScope(SLIDER_NAME, [
+var [createSliderContext] = createContextScope$2(SLIDER_NAME, [
   createCollectionScope
 ]);
 var [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME);
@@ -66812,7 +67889,7 @@ var SliderImpl = React.forwardRef(
     } = props2;
     const context = useSliderContext(SLIDER_NAME, __scopeSlider);
     return /* @__PURE__ */ jsx(
-      Primitive.span,
+      Primitive$6.span,
       {
         ...sliderProps,
         ref: forwardedRef,
@@ -66859,7 +67936,7 @@ var SliderTrack = React.forwardRef(
     const { __scopeSlider, ...trackProps } = props2;
     const context = useSliderContext(TRACK_NAME, __scopeSlider);
     return /* @__PURE__ */ jsx(
-      Primitive.span,
+      Primitive$6.span,
       {
         "data-disabled": context.disabled ? "" : void 0,
         "data-orientation": context.orientation,
@@ -66885,7 +67962,7 @@ var SliderRange = React.forwardRef(
     const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;
     const offsetEnd = 100 - Math.max(...percentages);
     return /* @__PURE__ */ jsx(
-      Primitive.span,
+      Primitive$6.span,
       {
         "data-orientation": context.orientation,
         "data-disabled": context.disabled ? "" : void 0,
@@ -66946,7 +68023,7 @@ var SliderThumbImpl = React.forwardRef(
         },
         children: [
           /* @__PURE__ */ jsx(Collection.ItemSlot, { scope: props2.__scopeSlider, children: /* @__PURE__ */ jsx(
-            Primitive.span,
+            Primitive$6.span,
             {
               role: "slider",
               "aria-label": props2["aria-label"] || label,
@@ -66999,7 +68076,7 @@ var SliderBubbleInput = React.forwardRef(
       }
     }, [prevValue, value]);
     return /* @__PURE__ */ jsx(
-      Primitive.input,
+      Primitive$6.input,
       {
         style: { display: "none" },
         ...props2,
@@ -67153,7 +68230,7 @@ var Toggle$1 = React.forwardRef((props2, forwardedRef) => {
     caller: NAME
   });
   return /* @__PURE__ */ jsx(
-    Primitive.button,
+    Primitive$6.button,
     {
       type: "button",
       "aria-pressed": pressed,
@@ -67172,7 +68249,7 @@ var Toggle$1 = React.forwardRef((props2, forwardedRef) => {
 Toggle$1.displayName = NAME;
 var Root = Toggle$1;
 var TOGGLE_GROUP_NAME = "ToggleGroup";
-var [createToggleGroupContext] = createContextScope(TOGGLE_GROUP_NAME, [
+var [createToggleGroupContext] = createContextScope$2(TOGGLE_GROUP_NAME, [
   createRovingFocusGroupScope
 ]);
 var useRovingFocusGroupScope = createRovingFocusGroupScope();
@@ -67274,9 +68351,9 @@ var ToggleGroupImpl = React__default.forwardRef(
         orientation,
         dir: direction,
         loop,
-        children: /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef })
+        children: /* @__PURE__ */ jsx(Primitive$6.div, { ...commonProps, ref: forwardedRef })
       }
-    ) : /* @__PURE__ */ jsx(Primitive.div, { ...commonProps, ref: forwardedRef }) });
+    ) : /* @__PURE__ */ jsx(Primitive$6.div, { ...commonProps, ref: forwardedRef }) });
   }
 );
 var ITEM_NAME = "ToggleGroupItem";