@cnc-ti/layout-basic 8.2.1 → 8.3.0

package/dist/index.mjs

@@ -11,57 +11,57 @@ import { Slot } from "@radix-ui/react-slot";
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  else for (t in e) e[t] && (n && (n += " "), n += t);
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
   return n;
 }
 function clsx() {
-  for (var e, t, f = 0, n = ""; f < arguments.length; ) (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
   return n;
 }
 
 // ../../node_modules/class-variance-authority/dist/index.mjs
-var falsyToString = (value) => typeof value === "boolean" ? "".concat(value) : value === 0 ? "0" : value;
+var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
 var cx = clsx;
-var cva = (base, config) => {
-  return (props) => {
-    var ref;
-    if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-    const { variants, defaultVariants } = config;
-    const getVariantClassNames = Object.keys(variants).map((variant) => {
-      const variantProp = props === null || props === void 0 ? void 0 : props[variant];
-      const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
-      if (variantProp === null) return null;
-      const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
-      return variants[variant][variantKey];
-    });
-    const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
-      let [key, value] = param;
-      if (value === void 0) {
-        return acc;
-      }
-      acc[key] = value;
+var cva = (base, config) => (props) => {
+  var _config_compoundVariants;
+  if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+  const { variants, defaultVariants } = config;
+  const getVariantClassNames = Object.keys(variants).map((variant) => {
+    const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+    const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+    if (variantProp === null) return null;
+    const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+    return variants[variant][variantKey];
+  });
+  const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
+    let [key, value] = param;
+    if (value === void 0) {
       return acc;
-    }, {});
-    const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1) => {
-      let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param1;
-      return Object.entries(compoundVariantOptions).every((param) => {
-        let [key, value] = param;
-        return Array.isArray(value) ? value.includes({
-          ...defaultVariants,
-          ...propsWithoutUndefined
-        }[key]) : {
-          ...defaultVariants,
-          ...propsWithoutUndefined
-        }[key] === value;
-      }) ? [
-        ...acc,
-        cvClass,
-        cvClassName
-      ] : acc;
-    }, []);
-    return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-  };
+    }
+    acc[key] = value;
+    return acc;
+  }, {});
+  const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
+    let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
+    return Object.entries(compoundVariantOptions).every((param2) => {
+      let [key, value] = param2;
+      return Array.isArray(value) ? value.includes({
+        ...defaultVariants,
+        ...propsWithoutUndefined
+      }[key]) : {
+        ...defaultVariants,
+        ...propsWithoutUndefined
+      }[key] === value;
+    }) ? [
+      ...acc,
+      cvClass,
+      cvClassName
+    ] : acc;
+  }, []);
+  return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
 };
 
 // ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
@@ -138,11 +138,19 @@ var createLucideIcon = (iconName, iconNode) => {
 // ../../node_modules/lucide-react/dist/esm/icons/check.js
 var Check = createLucideIcon("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var ChevronDown = createLucideIcon("ChevronDown", [
+  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/chevron-right.js
 var ChevronRight = createLucideIcon("ChevronRight", [
   ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/chevron-up.js
+var ChevronUp = createLucideIcon("ChevronUp", [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/circle.js
 var Circle = createLucideIcon("Circle", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
@@ -1317,7 +1325,7 @@ var getDefaultConfig = () => {
        * Font Variant Numeric
        * @see https://tailwindcss.com/docs/font-variant-numeric
        */
-      "fvn-fraction": ["diagonal-fractions", "stacked-fractons"],
+      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
       /**
        * Letter Spacing
        * @see https://tailwindcss.com/docs/letter-spacing
@@ -2705,7 +2713,7 @@ var Button = React.forwardRef(
 Button.displayName = "Button";
 
 // ../../node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
-import * as React34 from "react";
+import * as React31 from "react";
 
 // ../../node_modules/@radix-ui/primitive/dist/index.mjs
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
@@ -2721,13 +2729,34 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 import * as React2 from "react";
 function setRef(ref, value) {
   if (typeof ref === "function") {
-    ref(value);
+    return ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
 function composeRefs(...refs) {
-  return (node) => refs.forEach((ref) => setRef(ref, node));
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
 }
 function useComposedRefs(...refs) {
   return React2.useCallback(composeRefs(...refs), refs);
@@ -2905,118 +2934,55 @@ function dispatchDiscreteCustomEvent(target, event) {
 }
 
 // ../../node_modules/@radix-ui/react-menu/dist/index.mjs
-import * as React33 from "react";
-
-// ../../node_modules/@radix-ui/react-collection/dist/index.mjs
-import React8 from "react";
-
-// ../../node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-context/dist/index.mjs
-import * as React7 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function createContextScope2(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext32(rootComponentName, defaultContext) {
-    const BaseContext = React7.createContext(defaultContext);
-    const index2 = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    function Provider(props) {
-      const { scope, children, ...context } = props;
-      const Context = scope?.[scopeName][index2] || BaseContext;
-      const value = React7.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx4(Context.Provider, { value, children });
-    }
-    function useContext22(consumerName, scope) {
-      const Context = scope?.[scopeName][index2] || BaseContext;
-      const context = React7.useContext(Context);
-      if (context) return context;
-      if (defaultContext !== void 0) return defaultContext;
-      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-    }
-    Provider.displayName = rootComponentName + "Provider";
-    return [Provider, useContext22];
-  }
-  const createScope = () => {
-    const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React7.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      const contexts = scope?.[scopeName] || scopeContexts;
-      return React7.useMemo(
-        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
-        [scope, contexts]
-      );
-    };
-  };
-  createScope.scopeName = scopeName;
-  return [createContext32, composeContextScopes2(createScope, ...createContextScopeDeps)];
-}
-function composeContextScopes2(...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 React7.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-    };
-  };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
-}
+import * as React30 from "react";
 
 // ../../node_modules/@radix-ui/react-collection/dist/index.mjs
+import React7 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function createCollection(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope3] = createContextScope2(PROVIDER_NAME);
+  const [createCollectionContext, createCollectionScope3] = createContextScope(PROVIDER_NAME);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   );
   const CollectionProvider = (props) => {
     const { scope, children } = props;
-    const ref = React8.useRef(null);
-    const itemMap = React8.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ jsx5(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+    const ref = React7.useRef(null);
+    const itemMap = React7.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ jsx4(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlot = React8.forwardRef(
+  const CollectionSlot = React7.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
       const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ jsx5(Slot3, { ref: composedRefs, children });
+      return /* @__PURE__ */ jsx4(Slot3, { ref: composedRefs, children });
     }
   );
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
-  const CollectionItemSlot = React8.forwardRef(
+  const CollectionItemSlot = React7.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
-      const ref = React8.useRef(null);
+      const ref = React7.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      React8.useEffect(() => {
+      React7.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
-      return /* @__PURE__ */ jsx5(Slot3, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+      return /* @__PURE__ */ jsx4(Slot3, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
     }
   );
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection3(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React8.useCallback(() => {
+    const getItems = React7.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode) return [];
       const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -3036,22 +3002,22 @@ function createCollection(name) {
 }
 
 // ../../node_modules/@radix-ui/react-direction/dist/index.mjs
-import * as React9 from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var DirectionContext = React9.createContext(void 0);
+import * as React8 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var DirectionContext = React8.createContext(void 0);
 function useDirection(localDir) {
-  const globalDir = React9.useContext(DirectionContext);
+  const globalDir = React8.useContext(DirectionContext);
   return localDir || globalDir || "ltr";
 }
 
 // ../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import * as React11 from "react";
+import * as React10 from "react";
 
 // ../../node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
-import * as React10 from "react";
+import * as React9 from "react";
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
-  React10.useEffect(() => {
+  React9.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -3063,18 +3029,18 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
 }
 
 // ../../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React11.createContext({
+var DismissableLayerContext = React10.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = React11.forwardRef(
+var DismissableLayer = React10.forwardRef(
   (props, forwardedRef) => {
     const {
       disableOutsidePointerEvents = false,
@@ -3085,10 +3051,10 @@ var DismissableLayer = React11.forwardRef(
       onDismiss,
       ...layerProps
     } = props;
-    const context = React11.useContext(DismissableLayerContext);
-    const [node, setNode] = React11.useState(null);
+    const context = React10.useContext(DismissableLayerContext);
+    const [node, setNode] = React10.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
-    const [, force] = React11.useState({});
+    const [, force] = React10.useState({});
     const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
@@ -3121,7 +3087,7 @@ var DismissableLayer = React11.forwardRef(
         onDismiss();
       }
     }, ownerDocument);
-    React11.useEffect(() => {
+    React10.useEffect(() => {
       if (!node) return;
       if (disableOutsidePointerEvents) {
         if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -3138,7 +3104,7 @@ var DismissableLayer = React11.forwardRef(
         }
       };
     }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-    React11.useEffect(() => {
+    React10.useEffect(() => {
       return () => {
         if (!node) return;
         context.layers.delete(node);
@@ -3146,12 +3112,12 @@ var DismissableLayer = React11.forwardRef(
         dispatchUpdate();
       };
     }, [node, context]);
-    React11.useEffect(() => {
+    React10.useEffect(() => {
       const handleUpdate = () => force({});
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx6(
       Primitive.div,
       {
         ...layerProps,
@@ -3172,11 +3138,11 @@ var DismissableLayer = React11.forwardRef(
 );
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React11.forwardRef((props, forwardedRef) => {
-  const context = React11.useContext(DismissableLayerContext);
-  const ref = React11.useRef(null);
+var DismissableLayerBranch = React10.forwardRef((props, forwardedRef) => {
+  const context = React10.useContext(DismissableLayerContext);
+  const ref = React10.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     const node = ref.current;
     if (node) {
       context.branches.add(node);
@@ -3185,15 +3151,15 @@ var DismissableLayerBranch = React11.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx7(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx6(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
   const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React11.useRef(false);
-  const handleClickRef = React11.useRef(() => {
+  const isPointerInsideReactTreeRef = React10.useRef(false);
+  const handleClickRef = React10.useRef(() => {
   });
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -3234,8 +3200,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef(onFocusOutside);
-  const isFocusInsideReactTreeRef = React11.useRef(false);
-  React11.useEffect(() => {
+  const isFocusInsideReactTreeRef = React10.useRef(false);
+  React10.useEffect(() => {
     const handleFocus = (event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -3268,10 +3234,10 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 }
 
 // ../../node_modules/@radix-ui/react-focus-guards/dist/index.mjs
-import * as React12 from "react";
+import * as React11 from "react";
 var count = 0;
 function useFocusGuards() {
-  React12.useEffect(() => {
+  React11.useEffect(() => {
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
     document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
@@ -3296,13 +3262,13 @@ function createFocusGuard() {
 }
 
 // ../../node_modules/@radix-ui/react-focus-scope/dist/index.mjs
-import * as React13 from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import * as React12 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var FOCUS_SCOPE_NAME = "FocusScope";
-var FocusScope = React13.forwardRef((props, forwardedRef) => {
+var FocusScope = React12.forwardRef((props, forwardedRef) => {
   const {
     loop = false,
     trapped = false,
@@ -3310,12 +3276,12 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     ...scopeProps
   } = props;
-  const [container, setContainer] = React13.useState(null);
+  const [container, setContainer] = React12.useState(null);
   const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
-  const lastFocusedElementRef = React13.useRef(null);
+  const lastFocusedElementRef = React12.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
-  const focusScope = React13.useRef({
+  const focusScope = React12.useRef({
     paused: false,
     pause() {
       this.paused = true;
@@ -3324,7 +3290,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
       this.paused = false;
     }
   }).current;
-  React13.useEffect(() => {
+  React12.useEffect(() => {
     if (trapped) {
       let handleFocusIn2 = function(event) {
         if (focusScope.paused || !container) return;
@@ -3360,7 +3326,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
       };
     }
   }, [trapped, container, focusScope.paused]);
-  React13.useEffect(() => {
+  React12.useEffect(() => {
     if (container) {
       focusScopesStack.add(focusScope);
       const previouslyFocusedElement = document.activeElement;
@@ -3391,7 +3357,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
       };
     }
   }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
-  const handleKeyDown = React13.useCallback(
+  const handleKeyDown = React12.useCallback(
     (event) => {
       if (!loop && !trapped) return;
       if (focusScope.paused) return;
@@ -3416,7 +3382,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx8(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx7(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst(candidates, { select = false } = {}) {
@@ -3500,18 +3466,18 @@ function removeLinks(items) {
 }
 
 // ../../node_modules/@radix-ui/react-id/dist/index.mjs
-import * as React15 from "react";
+import * as React14 from "react";
 
 // ../../node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-import * as React14 from "react";
-var useLayoutEffect2 = Boolean(globalThis?.document) ? React14.useLayoutEffect : () => {
+import * as React13 from "react";
+var useLayoutEffect2 = Boolean(globalThis?.document) ? React13.useLayoutEffect : () => {
 };
 
 // ../../node_modules/@radix-ui/react-id/dist/index.mjs
-var useReactId = React15["useId".toString()] || (() => void 0);
+var useReactId = React14["useId".toString()] || (() => void 0);
 var count2 = 0;
 function useId(deterministicId) {
-  const [id, setId] = React15.useState(useReactId());
+  const [id, setId] = React14.useState(useReactId());
   useLayoutEffect2(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count2++));
   }, [deterministicId]);
@@ -3519,7 +3485,7 @@ function useId(deterministicId) {
 }
 
 // ../../node_modules/@radix-ui/react-popper/dist/index.mjs
-import * as React20 from "react";
+import * as React18 from "react";
 
 // ../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var sides = ["top", "right", "bottom", "left"];
@@ -4620,6 +4586,28 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     y
   });
 }
+function getWindowScrollBarX(element, rect) {
+  const leftScroll = getNodeScroll(element).scrollLeft;
+  if (!rect) {
+    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
+  }
+  return rect.left + leftScroll;
+}
+function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
+  if (ignoreScrollbarX === void 0) {
+    ignoreScrollbarX = false;
+  }
+  const htmlRect = documentElement.getBoundingClientRect();
+  const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 : (
+    // RTL <body> scrollbar.
+    getWindowScrollBarX(documentElement, htmlRect)
+  ));
+  const y = htmlRect.top + scroll.scrollTop;
+  return {
+    x,
+    y
+  };
+}
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
     elements,
@@ -4651,23 +4639,17 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
   return {
     width: rect.width * scale.x,
     height: rect.height * scale.y,
-    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
-    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
+    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
+    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
   };
 }
 function getClientRects(element) {
   return Array.from(element.getClientRects());
 }
-function getWindowScrollBarX(element, rect) {
-  const leftScroll = getNodeScroll(element).scrollLeft;
-  if (!rect) {
-    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
-  }
-  return rect.left + leftScroll;
-}
 function getDocumentRect(element) {
   const html = getDocumentElement(element);
   const scroll = getNodeScroll(element);
@@ -4737,9 +4719,10 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
   } else {
     const visualOffsets = getVisualOffsets(element);
     rect = {
-      ...clippingAncestor,
       x: clippingAncestor.x - visualOffsets.x,
-      y: clippingAncestor.y - visualOffsets.y
+      y: clippingAncestor.y - visualOffsets.y,
+      width: clippingAncestor.width,
+      height: clippingAncestor.height
     };
   }
   return rectToClientRect(rect);
@@ -4834,16 +4817,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
       offsets.x = getWindowScrollBarX(documentElement);
     }
   }
-  let htmlX = 0;
-  let htmlY = 0;
-  if (documentElement && !isOffsetParentAnElement && !isFixed) {
-    const htmlRect = documentElement.getBoundingClientRect();
-    htmlY = htmlRect.top + scroll.scrollTop;
-    htmlX = htmlRect.left + scroll.scrollLeft - // RTL <body> scrollbar.
-    getWindowScrollBarX(documentElement, htmlRect);
-  }
-  const x = rect.left + scroll.scrollLeft - offsets.x - htmlX;
-  const y = rect.top + scroll.scrollTop - offsets.y - htmlY;
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
+  const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
+  const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
   return {
     x,
     y,
@@ -5082,7 +5058,7 @@ var computePosition2 = (reference, floating, options) => {
 };
 
 // ../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
-import * as React16 from "react";
+import * as React15 from "react";
 import { useLayoutEffect as useLayoutEffect3, useEffect as useEffect7 } from "react";
 import * as ReactDOM2 from "react-dom";
 var index = typeof document !== "undefined" ? useLayoutEffect3 : useEffect7;
@@ -5145,7 +5121,7 @@ function roundByDPR(element, value) {
   return Math.round(value * dpr) / dpr;
 }
 function useLatestRef(value) {
-  const ref = React16.useRef(value);
+  const ref = React15.useRef(value);
   index(() => {
     ref.current = value;
   });
@@ -5168,7 +5144,7 @@ function useFloating(options) {
     whileElementsMounted,
     open
   } = options;
-  const [data, setData] = React16.useState({
+  const [data, setData] = React15.useState({
     x: 0,
     y: 0,
     strategy,
@@ -5176,19 +5152,19 @@ function useFloating(options) {
     middlewareData: {},
     isPositioned: false
   });
-  const [latestMiddleware, setLatestMiddleware] = React16.useState(middleware);
+  const [latestMiddleware, setLatestMiddleware] = React15.useState(middleware);
   if (!deepEqual(latestMiddleware, middleware)) {
     setLatestMiddleware(middleware);
   }
-  const [_reference, _setReference] = React16.useState(null);
-  const [_floating, _setFloating] = React16.useState(null);
-  const setReference = React16.useCallback((node) => {
+  const [_reference, _setReference] = React15.useState(null);
+  const [_floating, _setFloating] = React15.useState(null);
+  const setReference = React15.useCallback((node) => {
     if (node !== referenceRef.current) {
       referenceRef.current = node;
       _setReference(node);
     }
   }, []);
-  const setFloating = React16.useCallback((node) => {
+  const setFloating = React15.useCallback((node) => {
     if (node !== floatingRef.current) {
       floatingRef.current = node;
       _setFloating(node);
@@ -5196,14 +5172,14 @@ function useFloating(options) {
   }, []);
   const referenceEl = externalReference || _reference;
   const floatingEl = externalFloating || _floating;
-  const referenceRef = React16.useRef(null);
-  const floatingRef = React16.useRef(null);
-  const dataRef = React16.useRef(data);
+  const referenceRef = React15.useRef(null);
+  const floatingRef = React15.useRef(null);
+  const dataRef = React15.useRef(data);
   const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform2);
   const openRef = useLatestRef(open);
-  const update = React16.useCallback(() => {
+  const update = React15.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
       return;
     }
@@ -5241,7 +5217,7 @@ function useFloating(options) {
       }));
     }
   }, [open]);
-  const isMountedRef = React16.useRef(false);
+  const isMountedRef = React15.useRef(false);
   index(() => {
     isMountedRef.current = true;
     return () => {
@@ -5258,17 +5234,17 @@ function useFloating(options) {
       update();
     }
   }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
-  const refs = React16.useMemo(() => ({
+  const refs = React15.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
     setReference,
     setFloating
   }), [setReference, setFloating]);
-  const elements = React16.useMemo(() => ({
+  const elements = React15.useMemo(() => ({
     reference: referenceEl,
     floating: floatingEl
   }), [referenceEl, floatingEl]);
-  const floatingStyles = React16.useMemo(() => {
+  const floatingStyles = React15.useMemo(() => {
     const initialStyles = {
       position: strategy,
       left: 0,
@@ -5294,7 +5270,7 @@ function useFloating(options) {
       top: y
     };
   }, [strategy, transform, elements.floating, data.x, data.y]);
-  return React16.useMemo(() => ({
+  return React15.useMemo(() => ({
     ...data,
     update,
     refs,
@@ -5363,12 +5339,12 @@ var arrow3 = (options, deps) => ({
 });
 
 // ../../node_modules/@radix-ui/react-arrow/dist/index.mjs
-import * as React17 from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import * as React16 from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var NAME = "Arrow";
-var Arrow = React17.forwardRef((props, forwardedRef) => {
+var Arrow = React16.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     Primitive.svg,
     {
       ...arrowProps,
@@ -5377,78 +5353,17 @@ var Arrow = React17.forwardRef((props, forwardedRef) => {
       height,
       viewBox: "0 0 30 10",
       preserveAspectRatio: "none",
-      children: props.asChild ? children : /* @__PURE__ */ jsx9("polygon", { points: "0,0 30,0 15,10" })
+      children: props.asChild ? children : /* @__PURE__ */ jsx8("polygon", { points: "0,0 30,0 15,10" })
     }
   );
 });
 Arrow.displayName = NAME;
 var Root = Arrow;
 
-// ../../node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-context/dist/index.mjs
-import * as React18 from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
-function createContextScope3(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext32(rootComponentName, defaultContext) {
-    const BaseContext = React18.createContext(defaultContext);
-    const index2 = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    function Provider(props) {
-      const { scope, children, ...context } = props;
-      const Context = scope?.[scopeName][index2] || BaseContext;
-      const value = React18.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx10(Context.Provider, { value, children });
-    }
-    function useContext22(consumerName, scope) {
-      const Context = scope?.[scopeName][index2] || BaseContext;
-      const context = React18.useContext(Context);
-      if (context) return context;
-      if (defaultContext !== void 0) return defaultContext;
-      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-    }
-    Provider.displayName = rootComponentName + "Provider";
-    return [Provider, useContext22];
-  }
-  const createScope = () => {
-    const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React18.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      const contexts = scope?.[scopeName] || scopeContexts;
-      return React18.useMemo(
-        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
-        [scope, contexts]
-      );
-    };
-  };
-  createScope.scopeName = scopeName;
-  return [createContext32, composeContextScopes3(createScope, ...createContextScopeDeps)];
-}
-function composeContextScopes3(...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 React18.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-    };
-  };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
-}
-
 // ../../node_modules/@radix-ui/react-use-size/dist/index.mjs
-import * as React19 from "react";
+import * as React17 from "react";
 function useSize(element) {
-  const [size4, setSize] = React19.useState(void 0);
+  const [size4, setSize] = React17.useState(void 0);
   useLayoutEffect2(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -5483,33 +5398,33 @@ function useSize(element) {
 }
 
 // ../../node_modules/@radix-ui/react-popper/dist/index.mjs
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var POPPER_NAME = "Popper";
-var [createPopperContext, createPopperScope] = createContextScope3(POPPER_NAME);
+var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
-  const [anchor, setAnchor] = React20.useState(null);
-  return /* @__PURE__ */ jsx11(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+  const [anchor, setAnchor] = React18.useState(null);
+  return /* @__PURE__ */ jsx9(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
 };
 Popper.displayName = POPPER_NAME;
 var ANCHOR_NAME = "PopperAnchor";
-var PopperAnchor = React20.forwardRef(
+var PopperAnchor = React18.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopper, virtualRef, ...anchorProps } = props;
     const context = usePopperContext(ANCHOR_NAME, __scopePopper);
-    const ref = React20.useRef(null);
+    const ref = React18.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    React20.useEffect(() => {
+    React18.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
-    return virtualRef ? null : /* @__PURE__ */ jsx11(Primitive.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsx9(Primitive.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME;
 var CONTENT_NAME = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME);
-var PopperContent = React20.forwardRef(
+var PopperContent = React18.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopePopper,
@@ -5528,9 +5443,9 @@ var PopperContent = React20.forwardRef(
       ...contentProps
     } = props;
     const context = usePopperContext(CONTENT_NAME, __scopePopper);
-    const [content, setContent] = React20.useState(null);
+    const [content, setContent] = React18.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-    const [arrow4, setArrow] = React20.useState(null);
+    const [arrow4, setArrow] = React18.useState(null);
     const arrowSize = useSize(arrow4);
     const arrowWidth = arrowSize?.width ?? 0;
     const arrowHeight = arrowSize?.height ?? 0;
@@ -5592,11 +5507,11 @@ var PopperContent = React20.forwardRef(
     const arrowX = middlewareData.arrow?.x;
     const arrowY = middlewareData.arrow?.y;
     const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
-    const [contentZIndex, setContentZIndex] = React20.useState();
+    const [contentZIndex, setContentZIndex] = React18.useState();
     useLayoutEffect2(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx9(
       "div",
       {
         ref: refs.setFloating,
@@ -5620,7 +5535,7 @@ var PopperContent = React20.forwardRef(
           }
         },
         dir: props.dir,
-        children: /* @__PURE__ */ jsx11(
+        children: /* @__PURE__ */ jsx9(
           PopperContentProvider,
           {
             scope: __scopePopper,
@@ -5629,7 +5544,7 @@ var PopperContent = React20.forwardRef(
             arrowX,
             arrowY,
             shouldHideArrow: cannotCenterArrow,
-            children: /* @__PURE__ */ jsx11(
+            children: /* @__PURE__ */ jsx9(
               Primitive.div,
               {
                 "data-side": placedSide,
@@ -5658,7 +5573,7 @@ var OPPOSITE_SIDE = {
   bottom: "top",
   left: "right"
 };
-var PopperArrow = React20.forwardRef(function PopperArrow2(props, forwardedRef) {
+var PopperArrow = React18.forwardRef(function PopperArrow2(props, forwardedRef) {
   const { __scopePopper, ...arrowProps } = props;
   const contentContext = useContentContext(ARROW_NAME, __scopePopper);
   const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
@@ -5666,7 +5581,7 @@ var PopperArrow = React20.forwardRef(function PopperArrow2(props, forwardedRef)
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
     // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx9(
       "span",
       {
         ref: contentContext.onArrowChange,
@@ -5689,7 +5604,7 @@ var PopperArrow = React20.forwardRef(function PopperArrow2(props, forwardedRef)
           }[contentContext.placedSide],
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
-        children: /* @__PURE__ */ jsx11(
+        children: /* @__PURE__ */ jsx9(
           Root,
           {
             ...arrowProps,
@@ -5750,24 +5665,24 @@ var Content = PopperContent;
 var Arrow2 = PopperArrow;
 
 // ../../node_modules/@radix-ui/react-portal/dist/index.mjs
-import * as React21 from "react";
+import * as React19 from "react";
 import ReactDOM3 from "react-dom";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var PORTAL_NAME = "Portal";
-var Portal = React21.forwardRef((props, forwardedRef) => {
+var Portal = React19.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React21.useState(false);
+  const [mounted, setMounted] = React19.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM3.createPortal(/* @__PURE__ */ jsx12(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM3.createPortal(/* @__PURE__ */ jsx10(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal.displayName = PORTAL_NAME;
 
 // ../../node_modules/@radix-ui/react-presence/dist/index.mjs
 import * as React22 from "react";
-import * as React23 from "react";
+import * as React20 from "react";
 function useStateMachine(initialState, machine) {
-  return React23.useReducer((state, event) => {
+  return React20.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState);
@@ -5890,87 +5805,24 @@ function getElementRef(element) {
 }
 
 // ../../node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-import * as React25 from "react";
-
-// ../../node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-context/dist/index.mjs
-import * as React24 from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-function createContextScope4(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext32(rootComponentName, defaultContext) {
-    const BaseContext = React24.createContext(defaultContext);
-    const index2 = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    function Provider(props) {
-      const { scope, children, ...context } = props;
-      const Context = scope?.[scopeName][index2] || BaseContext;
-      const value = React24.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx13(Context.Provider, { value, children });
-    }
-    function useContext22(consumerName, scope) {
-      const Context = scope?.[scopeName][index2] || BaseContext;
-      const context = React24.useContext(Context);
-      if (context) return context;
-      if (defaultContext !== void 0) return defaultContext;
-      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-    }
-    Provider.displayName = rootComponentName + "Provider";
-    return [Provider, useContext22];
-  }
-  const createScope = () => {
-    const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React24.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      const contexts = scope?.[scopeName] || scopeContexts;
-      return React24.useMemo(
-        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
-        [scope, contexts]
-      );
-    };
-  };
-  createScope.scopeName = scopeName;
-  return [createContext32, composeContextScopes4(createScope, ...createContextScopeDeps)];
-}
-function composeContextScopes4(...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 React24.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-    };
-  };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
-}
-
-// ../../node_modules/@radix-ui/react-roving-focus/dist/index.mjs
-import { jsx as jsx14 } from "react/jsx-runtime";
+import * as React21 from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS2 = { bubbles: false, cancelable: true };
 var GROUP_NAME = "RovingFocusGroup";
 var [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);
-var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope4(
+var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
   GROUP_NAME,
   [createCollectionScope]
 );
 var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
-var RovingFocusGroup = React25.forwardRef(
+var RovingFocusGroup = React21.forwardRef(
   (props, forwardedRef) => {
-    return /* @__PURE__ */ jsx14(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx14(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx14(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
+    return /* @__PURE__ */ jsx11(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx11(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx11(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
   }
 );
 RovingFocusGroup.displayName = GROUP_NAME;
-var RovingFocusGroupImpl = React25.forwardRef((props, forwardedRef) => {
+var RovingFocusGroupImpl = React21.forwardRef((props, forwardedRef) => {
   const {
     __scopeRovingFocusGroup,
     orientation,
@@ -5983,7 +5835,7 @@ var RovingFocusGroupImpl = React25.forwardRef((props, forwardedRef) => {
     preventScrollOnEntryFocus = false,
     ...groupProps
   } = props;
-  const ref = React25.useRef(null);
+  const ref = React21.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
   const direction = useDirection(dir);
   const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
@@ -5991,19 +5843,19 @@ var RovingFocusGroupImpl = React25.forwardRef((props, forwardedRef) => {
     defaultProp: defaultCurrentTabStopId,
     onChange: onCurrentTabStopIdChange
   });
-  const [isTabbingBackOut, setIsTabbingBackOut] = React25.useState(false);
+  const [isTabbingBackOut, setIsTabbingBackOut] = React21.useState(false);
   const handleEntryFocus = useCallbackRef(onEntryFocus);
   const getItems = useCollection(__scopeRovingFocusGroup);
-  const isClickFocusRef = React25.useRef(false);
-  const [focusableItemsCount, setFocusableItemsCount] = React25.useState(0);
-  React25.useEffect(() => {
+  const isClickFocusRef = React21.useRef(false);
+  const [focusableItemsCount, setFocusableItemsCount] = React21.useState(0);
+  React21.useEffect(() => {
     const node = ref.current;
     if (node) {
       node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
       return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
     }
   }, [handleEntryFocus]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx11(
     RovingFocusProvider,
     {
       scope: __scopeRovingFocusGroup,
@@ -6011,20 +5863,20 @@ var RovingFocusGroupImpl = React25.forwardRef((props, forwardedRef) => {
       dir: direction,
       loop,
       currentTabStopId,
-      onItemFocus: React25.useCallback(
+      onItemFocus: React21.useCallback(
         (tabStopId) => setCurrentTabStopId(tabStopId),
         [setCurrentTabStopId]
       ),
-      onItemShiftTab: React25.useCallback(() => setIsTabbingBackOut(true), []),
-      onFocusableItemAdd: React25.useCallback(
+      onItemShiftTab: React21.useCallback(() => setIsTabbingBackOut(true), []),
+      onFocusableItemAdd: React21.useCallback(
         () => setFocusableItemsCount((prevCount) => prevCount + 1),
         []
       ),
-      onFocusableItemRemove: React25.useCallback(
+      onFocusableItemRemove: React21.useCallback(
         () => setFocusableItemsCount((prevCount) => prevCount - 1),
         []
       ),
-      children: /* @__PURE__ */ jsx14(
+      children: /* @__PURE__ */ jsx11(
         Primitive.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
@@ -6060,7 +5912,7 @@ var RovingFocusGroupImpl = React25.forwardRef((props, forwardedRef) => {
   );
 });
 var ITEM_NAME = "RovingFocusGroupItem";
-var RovingFocusGroupItem = React25.forwardRef(
+var RovingFocusGroupItem = React21.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeRovingFocusGroup,
@@ -6075,20 +5927,20 @@ var RovingFocusGroupItem = React25.forwardRef(
     const isCurrentTabStop = context.currentTabStopId === id;
     const getItems = useCollection(__scopeRovingFocusGroup);
     const { onFocusableItemAdd, onFocusableItemRemove } = context;
-    React25.useEffect(() => {
+    React21.useEffect(() => {
       if (focusable) {
         onFocusableItemAdd();
         return () => onFocusableItemRemove();
       }
     }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx11(
       Collection.ItemSlot,
       {
         scope: __scopeRovingFocusGroup,
         id,
         focusable,
         active,
-        children: /* @__PURE__ */ jsx14(
+        children: /* @__PURE__ */ jsx11(
           Primitive.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
@@ -6319,10 +6171,10 @@ function __spreadArray(to, from, pack) {
 }
 
 // ../../node_modules/react-remove-scroll/dist/es2015/Combination.js
-import * as React32 from "react";
+import * as React29 from "react";
 
 // ../../node_modules/react-remove-scroll/dist/es2015/UI.js
-import * as React28 from "react";
+import * as React25 from "react";
 
 // ../../node_modules/react-remove-scroll-bar/dist/es2015/constants.js
 var zeroRightClassName = "right-scroll-bar-position";
@@ -6369,8 +6221,8 @@ function useCallbackRef2(initialValue, callback) {
 }
 
 // ../../node_modules/use-callback-ref/dist/es2015/useMergeRef.js
-import * as React26 from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React26.useLayoutEffect : React26.useEffect;
+import * as React23 from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React23.useLayoutEffect : React23.useEffect;
 var currentValues = /* @__PURE__ */ new WeakMap();
 function useMergeRefs(refs, defaultValue) {
   var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
@@ -6487,7 +6339,7 @@ function createSidecarMedium(options) {
 }
 
 // ../../node_modules/use-sidecar/dist/es2015/exports.js
-import * as React27 from "react";
+import * as React24 from "react";
 var SideCar = function(_a) {
   var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
   if (!sideCar) {
@@ -6497,7 +6349,7 @@ var SideCar = function(_a) {
   if (!Target) {
     throw new Error("Sidecar medium not found");
   }
-  return React27.createElement(Target, __assign({}, rest));
+  return React24.createElement(Target, __assign({}, rest));
 };
 SideCar.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -6512,9 +6364,9 @@ var effectCar = createSidecarMedium();
 var nothing = function() {
   return;
 };
-var RemoveScroll = React28.forwardRef(function(props, parentRef) {
-  var ref = React28.useRef(null);
-  var _a = React28.useState({
+var RemoveScroll = React25.forwardRef(function(props, parentRef) {
+  var ref = React25.useRef(null);
+  var _a = React25.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
@@ -6523,11 +6375,11 @@ var RemoveScroll = React28.forwardRef(function(props, parentRef) {
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
-  return React28.createElement(
-    React28.Fragment,
+  return React25.createElement(
+    React25.Fragment,
     null,
-    enabled && React28.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
-    forwardProps ? React28.cloneElement(React28.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React28.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
+    enabled && React25.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
+    forwardProps ? React25.cloneElement(React25.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React25.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
 RemoveScroll.defaultProps = {
@@ -6541,13 +6393,13 @@ RemoveScroll.classNames = {
 };
 
 // ../../node_modules/react-remove-scroll/dist/es2015/SideEffect.js
-import * as React31 from "react";
+import * as React28 from "react";
 
 // ../../node_modules/react-remove-scroll-bar/dist/es2015/component.js
-import * as React30 from "react";
+import * as React27 from "react";
 
 // ../../node_modules/react-style-singleton/dist/es2015/hook.js
-import * as React29 from "react";
+import * as React26 from "react";
 
 // ../../node_modules/get-nonce/dist/es2015/index.js
 var currentNonce;
@@ -6611,7 +6463,7 @@ var stylesheetSingleton = function() {
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
-    React29.useEffect(function() {
+    React26.useEffect(function() {
       sheet.add(styles);
       return function() {
         sheet.remove();
@@ -6685,7 +6537,7 @@ var getCurrentUseCounter = function() {
   return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function() {
-  React30.useEffect(function() {
+  React27.useEffect(function() {
     document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
     return function() {
       var newCounter = getCurrentUseCounter() - 1;
@@ -6700,10 +6552,10 @@ var useLockAttribute = function() {
 var RemoveScrollBar = function(_a) {
   var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
   useLockAttribute();
-  var gap = React30.useMemo(function() {
+  var gap = React27.useMemo(function() {
     return getGapWidth(gapMode);
   }, [gapMode]);
-  return React30.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
+  return React27.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 
 // ../../node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
@@ -6844,16 +6696,16 @@ var generateStyle = function(id) {
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-  var shouldPreventQueue = React31.useRef([]);
-  var touchStartRef = React31.useRef([0, 0]);
-  var activeAxis = React31.useRef();
-  var id = React31.useState(idCounter++)[0];
-  var Style2 = React31.useState(styleSingleton)[0];
-  var lastProps = React31.useRef(props);
-  React31.useEffect(function() {
+  var shouldPreventQueue = React28.useRef([]);
+  var touchStartRef = React28.useRef([0, 0]);
+  var activeAxis = React28.useRef();
+  var id = React28.useState(idCounter++)[0];
+  var Style2 = React28.useState(styleSingleton)[0];
+  var lastProps = React28.useRef(props);
+  React28.useEffect(function() {
     lastProps.current = props;
   }, [props]);
-  React31.useEffect(function() {
+  React28.useEffect(function() {
     if (props.inert) {
       document.body.classList.add("block-interactivity-".concat(id));
       var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
@@ -6869,7 +6721,7 @@ function RemoveScrollSideCar(props) {
     }
     return;
   }, [props.inert, props.lockRef.current, props.shards]);
-  var shouldCancelEvent = React31.useCallback(function(event, parent) {
+  var shouldCancelEvent = React28.useCallback(function(event, parent) {
     if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
       return !lastProps.current.allowPinchZoom;
     }
@@ -6905,7 +6757,7 @@ function RemoveScrollSideCar(props) {
     var cancelingAxis = activeAxis.current || currentAxis;
     return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
-  var shouldPrevent = React31.useCallback(function(_event) {
+  var shouldPrevent = React28.useCallback(function(_event) {
     var event = _event;
     if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
       return;
@@ -6932,7 +6784,7 @@ function RemoveScrollSideCar(props) {
       }
     }
   }, []);
-  var shouldCancel = React31.useCallback(function(name, delta, target, should) {
+  var shouldCancel = React28.useCallback(function(name, delta, target, should) {
     var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
     shouldPreventQueue.current.push(event);
     setTimeout(function() {
@@ -6941,17 +6793,17 @@ function RemoveScrollSideCar(props) {
       });
     }, 1);
   }, []);
-  var scrollTouchStart = React31.useCallback(function(event) {
+  var scrollTouchStart = React28.useCallback(function(event) {
     touchStartRef.current = getTouchXY(event);
     activeAxis.current = void 0;
   }, []);
-  var scrollWheel = React31.useCallback(function(event) {
+  var scrollWheel = React28.useCallback(function(event) {
     shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  var scrollTouchMove = React31.useCallback(function(event) {
+  var scrollTouchMove = React28.useCallback(function(event) {
     shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  React31.useEffect(function() {
+  React28.useEffect(function() {
     lockStack.push(Style2);
     props.setCallbacks({
       onScrollCapture: scrollWheel,
@@ -6971,11 +6823,11 @@ function RemoveScrollSideCar(props) {
     };
   }, []);
   var removeScrollBar = props.removeScrollBar, inert = props.inert;
-  return React31.createElement(
-    React31.Fragment,
+  return React28.createElement(
+    React28.Fragment,
     null,
-    inert ? React31.createElement(Style2, { styles: generateStyle(id) }) : null,
-    removeScrollBar ? React31.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null
+    inert ? React28.createElement(Style2, { styles: generateStyle(id) }) : null,
+    removeScrollBar ? React28.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null
   );
 }
 function getOutermostShadowParent(node) {
@@ -6994,14 +6846,14 @@ function getOutermostShadowParent(node) {
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
 
 // ../../node_modules/react-remove-scroll/dist/es2015/Combination.js
-var ReactRemoveScroll = React32.forwardRef(function(props, ref) {
-  return React32.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
+var ReactRemoveScroll = React29.forwardRef(function(props, ref) {
+  return React29.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
 
 // ../../node_modules/@radix-ui/react-menu/dist/index.mjs
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var SELECTION_KEYS = ["Enter", " "];
 var FIRST_KEYS = ["ArrowDown", "PageUp", "Home"];
 var LAST_KEYS = ["ArrowUp", "PageDown", "End"];
@@ -7028,11 +6880,11 @@ var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
 var Menu = (props) => {
   const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;
   const popperScope = usePopperScope(__scopeMenu);
-  const [content, setContent] = React33.useState(null);
-  const isUsingKeyboardRef = React33.useRef(false);
+  const [content, setContent] = React30.useState(null);
+  const isUsingKeyboardRef = React30.useRef(false);
   const handleOpenChange = useCallbackRef(onOpenChange);
   const direction = useDirection(dir);
-  React33.useEffect(() => {
+  React30.useEffect(() => {
     const handleKeyDown = () => {
       isUsingKeyboardRef.current = true;
       document.addEventListener("pointerdown", handlePointer, { capture: true, once: true });
@@ -7046,7 +6898,7 @@ var Menu = (props) => {
       document.removeEventListener("pointermove", handlePointer, { capture: true });
     };
   }, []);
-  return /* @__PURE__ */ jsx15(Root2, { ...popperScope, children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx12(Root2, { ...popperScope, children: /* @__PURE__ */ jsx12(
     MenuProvider,
     {
       scope: __scopeMenu,
@@ -7054,11 +6906,11 @@ var Menu = (props) => {
       onOpenChange: handleOpenChange,
       content,
       onContentChange: setContent,
-      children: /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx12(
         MenuRootProvider,
         {
           scope: __scopeMenu,
-          onClose: React33.useCallback(() => handleOpenChange(false), [handleOpenChange]),
+          onClose: React30.useCallback(() => handleOpenChange(false), [handleOpenChange]),
           isUsingKeyboardRef,
           dir: direction,
           modal,
@@ -7070,11 +6922,11 @@ var Menu = (props) => {
 };
 Menu.displayName = MENU_NAME;
 var ANCHOR_NAME2 = "MenuAnchor";
-var MenuAnchor = React33.forwardRef(
+var MenuAnchor = React30.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...anchorProps } = props;
     const popperScope = usePopperScope(__scopeMenu);
-    return /* @__PURE__ */ jsx15(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx12(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
   }
 );
 MenuAnchor.displayName = ANCHOR_NAME2;
@@ -7085,30 +6937,30 @@ var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME2, {
 var MenuPortal = (props) => {
   const { __scopeMenu, forceMount, children, container } = props;
   const context = useMenuContext(PORTAL_NAME2, __scopeMenu);
-  return /* @__PURE__ */ jsx15(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx15(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx15(Portal, { asChild: true, container, children }) }) });
+  return /* @__PURE__ */ jsx12(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx12(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx12(Portal, { asChild: true, container, children }) }) });
 };
 MenuPortal.displayName = PORTAL_NAME2;
 var CONTENT_NAME2 = "MenuContent";
 var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME2);
-var MenuContent = React33.forwardRef(
+var MenuContent = React30.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME2, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
     const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
     const rootContext = useMenuRootContext(CONTENT_NAME2, props.__scopeMenu);
-    return /* @__PURE__ */ jsx15(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx15(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx15(Collection2.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx15(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx15(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
+    return /* @__PURE__ */ jsx12(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx12(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx12(Collection2.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx12(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx12(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
   }
 );
-var MenuRootContentModal = React33.forwardRef(
+var MenuRootContentModal = React30.forwardRef(
   (props, forwardedRef) => {
     const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
-    const ref = React33.useRef(null);
+    const ref = React30.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    React33.useEffect(() => {
+    React30.useEffect(() => {
       const content = ref.current;
       if (content) return hideOthers(content);
     }, []);
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx12(
       MenuContentImpl,
       {
         ...props,
@@ -7126,9 +6978,9 @@ var MenuRootContentModal = React33.forwardRef(
     );
   }
 );
-var MenuRootContentNonModal = React33.forwardRef((props, forwardedRef) => {
+var MenuRootContentNonModal = React30.forwardRef((props, forwardedRef) => {
   const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx12(
     MenuContentImpl,
     {
       ...props,
@@ -7140,7 +6992,7 @@ var MenuRootContentNonModal = React33.forwardRef((props, forwardedRef) => {
     }
   );
 });
-var MenuContentImpl = React33.forwardRef(
+var MenuContentImpl = React30.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeMenu,
@@ -7163,16 +7015,16 @@ var MenuContentImpl = React33.forwardRef(
     const popperScope = usePopperScope(__scopeMenu);
     const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
     const getItems = useCollection2(__scopeMenu);
-    const [currentItemId, setCurrentItemId] = React33.useState(null);
-    const contentRef = React33.useRef(null);
+    const [currentItemId, setCurrentItemId] = React30.useState(null);
+    const contentRef = React30.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);
-    const timerRef = React33.useRef(0);
-    const searchRef = React33.useRef("");
-    const pointerGraceTimerRef = React33.useRef(0);
-    const pointerGraceIntentRef = React33.useRef(null);
-    const pointerDirRef = React33.useRef("right");
-    const lastPointerXRef = React33.useRef(0);
-    const ScrollLockWrapper = disableOutsideScroll ? Combination_default : React33.Fragment;
+    const timerRef = React30.useRef(0);
+    const searchRef = React30.useRef("");
+    const pointerGraceTimerRef = React30.useRef(0);
+    const pointerGraceIntentRef = React30.useRef(null);
+    const pointerDirRef = React30.useRef("right");
+    const lastPointerXRef = React30.useRef(0);
+    const ScrollLockWrapper = disableOutsideScroll ? Combination_default : React30.Fragment;
     const scrollLockWrapperProps = disableOutsideScroll ? { as: Slot4, allowPinchZoom: true } : void 0;
     const handleTypeaheadSearch = (key) => {
       const search = searchRef.current + key;
@@ -7191,26 +7043,26 @@ var MenuContentImpl = React33.forwardRef(
         setTimeout(() => newItem.focus());
       }
     };
-    React33.useEffect(() => {
+    React30.useEffect(() => {
       return () => window.clearTimeout(timerRef.current);
     }, []);
     useFocusGuards();
-    const isPointerMovingToSubmenu = React33.useCallback((event) => {
+    const isPointerMovingToSubmenu = React30.useCallback((event) => {
       const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
       return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
     }, []);
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx12(
       MenuContentProvider,
       {
         scope: __scopeMenu,
         searchRef,
-        onItemEnter: React33.useCallback(
+        onItemEnter: React30.useCallback(
           (event) => {
             if (isPointerMovingToSubmenu(event)) event.preventDefault();
           },
           [isPointerMovingToSubmenu]
         ),
-        onItemLeave: React33.useCallback(
+        onItemLeave: React30.useCallback(
           (event) => {
             if (isPointerMovingToSubmenu(event)) return;
             contentRef.current?.focus();
@@ -7218,17 +7070,17 @@ var MenuContentImpl = React33.forwardRef(
           },
           [isPointerMovingToSubmenu]
         ),
-        onTriggerLeave: React33.useCallback(
+        onTriggerLeave: React30.useCallback(
           (event) => {
             if (isPointerMovingToSubmenu(event)) event.preventDefault();
           },
           [isPointerMovingToSubmenu]
         ),
         pointerGraceTimerRef,
-        onPointerGraceIntentChange: React33.useCallback((intent) => {
+        onPointerGraceIntentChange: React30.useCallback((intent) => {
           pointerGraceIntentRef.current = intent;
         }, []),
-        children: /* @__PURE__ */ jsx15(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx15(
+        children: /* @__PURE__ */ jsx12(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsx12(
           FocusScope,
           {
             asChild: true,
@@ -7238,7 +7090,7 @@ var MenuContentImpl = React33.forwardRef(
               contentRef.current?.focus({ preventScroll: true });
             }),
             onUnmountAutoFocus: onCloseAutoFocus,
-            children: /* @__PURE__ */ jsx15(
+            children: /* @__PURE__ */ jsx12(
               DismissableLayer,
               {
                 asChild: true,
@@ -7248,7 +7100,7 @@ var MenuContentImpl = React33.forwardRef(
                 onFocusOutside,
                 onInteractOutside,
                 onDismiss,
-                children: /* @__PURE__ */ jsx15(
+                children: /* @__PURE__ */ jsx12(
                   Root3,
                   {
                     asChild: true,
@@ -7262,7 +7114,7 @@ var MenuContentImpl = React33.forwardRef(
                       if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
                     }),
                     preventScrollOnEntryFocus: true,
-                    children: /* @__PURE__ */ jsx15(
+                    children: /* @__PURE__ */ jsx12(
                       Content,
                       {
                         role: "menu",
@@ -7324,31 +7176,31 @@ var MenuContentImpl = React33.forwardRef(
 );
 MenuContent.displayName = CONTENT_NAME2;
 var GROUP_NAME2 = "MenuGroup";
-var MenuGroup = React33.forwardRef(
+var MenuGroup = React30.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ jsx15(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx12(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
 MenuGroup.displayName = GROUP_NAME2;
 var LABEL_NAME = "MenuLabel";
-var MenuLabel = React33.forwardRef(
+var MenuLabel = React30.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ jsx15(Primitive.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx12(Primitive.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME;
 var ITEM_NAME2 = "MenuItem";
 var ITEM_SELECT = "menu.itemSelect";
-var MenuItem = React33.forwardRef(
+var MenuItem = React30.forwardRef(
   (props, forwardedRef) => {
     const { disabled = false, onSelect, ...itemProps } = props;
-    const ref = React33.useRef(null);
+    const ref = React30.useRef(null);
     const rootContext = useMenuRootContext(ITEM_NAME2, props.__scopeMenu);
     const contentContext = useMenuContentContext(ITEM_NAME2, props.__scopeMenu);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    const isPointerDownRef = React33.useRef(false);
+    const isPointerDownRef = React30.useRef(false);
     const handleSelect = () => {
       const menuItem = ref.current;
       if (!disabled && menuItem) {
@@ -7362,7 +7214,7 @@ var MenuItem = React33.forwardRef(
         }
       }
     };
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx12(
       MenuItemImpl,
       {
         ...itemProps,
@@ -7389,28 +7241,28 @@ var MenuItem = React33.forwardRef(
   }
 );
 MenuItem.displayName = ITEM_NAME2;
-var MenuItemImpl = React33.forwardRef(
+var MenuItemImpl = React30.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
     const contentContext = useMenuContentContext(ITEM_NAME2, __scopeMenu);
     const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
-    const ref = React33.useRef(null);
+    const ref = React30.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    const [isFocused, setIsFocused] = React33.useState(false);
-    const [textContent, setTextContent] = React33.useState("");
-    React33.useEffect(() => {
+    const [isFocused, setIsFocused] = React30.useState(false);
+    const [textContent, setTextContent] = React30.useState("");
+    React30.useEffect(() => {
       const menuItem = ref.current;
       if (menuItem) {
         setTextContent((menuItem.textContent ?? "").trim());
       }
     }, [itemProps.children]);
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx12(
       Collection2.ItemSlot,
       {
         scope: __scopeMenu,
         disabled,
         textValue: textValue ?? textContent,
-        children: /* @__PURE__ */ jsx15(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx15(
+        children: /* @__PURE__ */ jsx12(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsx12(
           Primitive.div,
           {
             role: "menuitem",
@@ -7446,10 +7298,10 @@ var MenuItemImpl = React33.forwardRef(
   }
 );
 var CHECKBOX_ITEM_NAME = "MenuCheckboxItem";
-var MenuCheckboxItem = React33.forwardRef(
+var MenuCheckboxItem = React30.forwardRef(
   (props, forwardedRef) => {
     const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
-    return /* @__PURE__ */ jsx15(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx12(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx12(
       MenuItem,
       {
         role: "menuitemcheckbox",
@@ -7473,21 +7325,21 @@ var [RadioGroupProvider, useRadioGroupContext] = createMenuContext(
   { value: void 0, onValueChange: () => {
   } }
 );
-var MenuRadioGroup = React33.forwardRef(
+var MenuRadioGroup = React30.forwardRef(
   (props, forwardedRef) => {
     const { value, onValueChange, ...groupProps } = props;
     const handleValueChange = useCallbackRef(onValueChange);
-    return /* @__PURE__ */ jsx15(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsx15(MenuGroup, { ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx12(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsx12(MenuGroup, { ...groupProps, ref: forwardedRef }) });
   }
 );
 MenuRadioGroup.displayName = RADIO_GROUP_NAME;
 var RADIO_ITEM_NAME = "MenuRadioItem";
-var MenuRadioItem = React33.forwardRef(
+var MenuRadioItem = React30.forwardRef(
   (props, forwardedRef) => {
     const { value, ...radioItemProps } = props;
     const context = useRadioGroupContext(RADIO_ITEM_NAME, props.__scopeMenu);
     const checked = value === context.value;
-    return /* @__PURE__ */ jsx15(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx12(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx12(
       MenuItem,
       {
         role: "menuitemradio",
@@ -7510,15 +7362,15 @@ var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(
   ITEM_INDICATOR_NAME,
   { checked: false }
 );
-var MenuItemIndicator = React33.forwardRef(
+var MenuItemIndicator = React30.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
     const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx12(
       Presence,
       {
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
-        children: /* @__PURE__ */ jsx15(
+        children: /* @__PURE__ */ jsx12(
           Primitive.span,
           {
             ...itemIndicatorProps,
@@ -7532,10 +7384,10 @@ var MenuItemIndicator = React33.forwardRef(
 );
 MenuItemIndicator.displayName = ITEM_INDICATOR_NAME;
 var SEPARATOR_NAME = "MenuSeparator";
-var MenuSeparator = React33.forwardRef(
+var MenuSeparator = React30.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx12(
       Primitive.div,
       {
         role: "separator",
@@ -7548,11 +7400,11 @@ var MenuSeparator = React33.forwardRef(
 );
 MenuSeparator.displayName = SEPARATOR_NAME;
 var ARROW_NAME2 = "MenuArrow";
-var MenuArrow = React33.forwardRef(
+var MenuArrow = React30.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...arrowProps } = props;
     const popperScope = usePopperScope(__scopeMenu);
-    return /* @__PURE__ */ jsx15(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx12(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
   }
 );
 MenuArrow.displayName = ARROW_NAME2;
@@ -7562,14 +7414,14 @@ var MenuSub = (props) => {
   const { __scopeMenu, children, open = false, onOpenChange } = props;
   const parentMenuContext = useMenuContext(SUB_NAME, __scopeMenu);
   const popperScope = usePopperScope(__scopeMenu);
-  const [trigger, setTrigger] = React33.useState(null);
-  const [content, setContent] = React33.useState(null);
+  const [trigger, setTrigger] = React30.useState(null);
+  const [content, setContent] = React30.useState(null);
   const handleOpenChange = useCallbackRef(onOpenChange);
-  React33.useEffect(() => {
+  React30.useEffect(() => {
     if (parentMenuContext.open === false) handleOpenChange(false);
     return () => handleOpenChange(false);
   }, [parentMenuContext.open, handleOpenChange]);
-  return /* @__PURE__ */ jsx15(Root2, { ...popperScope, children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx12(Root2, { ...popperScope, children: /* @__PURE__ */ jsx12(
     MenuProvider,
     {
       scope: __scopeMenu,
@@ -7577,7 +7429,7 @@ var MenuSub = (props) => {
       onOpenChange: handleOpenChange,
       content,
       onContentChange: setContent,
-      children: /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx12(
         MenuSubProvider,
         {
           scope: __scopeMenu,
@@ -7593,28 +7445,28 @@ var MenuSub = (props) => {
 };
 MenuSub.displayName = SUB_NAME;
 var SUB_TRIGGER_NAME = "MenuSubTrigger";
-var MenuSubTrigger = React33.forwardRef(
+var MenuSubTrigger = React30.forwardRef(
   (props, forwardedRef) => {
     const context = useMenuContext(SUB_TRIGGER_NAME, props.__scopeMenu);
     const rootContext = useMenuRootContext(SUB_TRIGGER_NAME, props.__scopeMenu);
     const subContext = useMenuSubContext(SUB_TRIGGER_NAME, props.__scopeMenu);
     const contentContext = useMenuContentContext(SUB_TRIGGER_NAME, props.__scopeMenu);
-    const openTimerRef = React33.useRef(null);
+    const openTimerRef = React30.useRef(null);
     const { pointerGraceTimerRef, onPointerGraceIntentChange } = contentContext;
     const scope = { __scopeMenu: props.__scopeMenu };
-    const clearOpenTimer = React33.useCallback(() => {
+    const clearOpenTimer = React30.useCallback(() => {
       if (openTimerRef.current) window.clearTimeout(openTimerRef.current);
       openTimerRef.current = null;
     }, []);
-    React33.useEffect(() => clearOpenTimer, [clearOpenTimer]);
-    React33.useEffect(() => {
+    React30.useEffect(() => clearOpenTimer, [clearOpenTimer]);
+    React30.useEffect(() => {
       const pointerGraceTimer = pointerGraceTimerRef.current;
       return () => {
         window.clearTimeout(pointerGraceTimer);
         onPointerGraceIntentChange(null);
       };
     }, [pointerGraceTimerRef, onPointerGraceIntentChange]);
-    return /* @__PURE__ */ jsx15(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx12(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ jsx12(
       MenuItemImpl,
       {
         id: subContext.triggerId,
@@ -7694,16 +7546,16 @@ var MenuSubTrigger = React33.forwardRef(
 );
 MenuSubTrigger.displayName = SUB_TRIGGER_NAME;
 var SUB_CONTENT_NAME = "MenuSubContent";
-var MenuSubContent = React33.forwardRef(
+var MenuSubContent = React30.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME2, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...subContentProps } = props;
     const context = useMenuContext(CONTENT_NAME2, props.__scopeMenu);
     const rootContext = useMenuRootContext(CONTENT_NAME2, props.__scopeMenu);
     const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);
-    const ref = React33.useRef(null);
+    const ref = React30.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    return /* @__PURE__ */ jsx15(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx15(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx15(Collection2.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx12(Collection2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx12(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx12(Collection2.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx12(
       MenuContentImpl,
       {
         id: subContext.contentId,
@@ -7812,7 +7664,7 @@ var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 
 // ../../node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var DROPDOWN_MENU_NAME = "DropdownMenu";
 var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
   DROPDOWN_MENU_NAME,
@@ -7831,13 +7683,13 @@ var DropdownMenu = (props) => {
     modal = true
   } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  const triggerRef = React34.useRef(null);
+  const triggerRef = React31.useRef(null);
   const [open = false, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen,
     onChange: onOpenChange
   });
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx13(
     DropdownMenuProvider,
     {
       scope: __scopeDropdownMenu,
@@ -7846,20 +7698,20 @@ var DropdownMenu = (props) => {
       contentId: useId(),
       open,
       onOpenChange: setOpen,
-      onOpenToggle: React34.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      onOpenToggle: React31.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
       modal,
-      children: /* @__PURE__ */ jsx16(Root32, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
+      children: /* @__PURE__ */ jsx13(Root32, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
     }
   );
 };
 DropdownMenu.displayName = DROPDOWN_MENU_NAME;
 var TRIGGER_NAME = "DropdownMenuTrigger";
-var DropdownMenuTrigger = React34.forwardRef(
+var DropdownMenuTrigger = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
     const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx16(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx13(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx13(
       Primitive.button,
       {
         type: "button",
@@ -7893,17 +7745,17 @@ var PORTAL_NAME3 = "DropdownMenuPortal";
 var DropdownMenuPortal = (props) => {
   const { __scopeDropdownMenu, ...portalProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx16(Portal2, { ...menuScope, ...portalProps });
+  return /* @__PURE__ */ jsx13(Portal2, { ...menuScope, ...portalProps });
 };
 DropdownMenuPortal.displayName = PORTAL_NAME3;
 var CONTENT_NAME3 = "DropdownMenuContent";
-var DropdownMenuContent = React34.forwardRef(
+var DropdownMenuContent = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...contentProps } = props;
     const context = useDropdownMenuContext(CONTENT_NAME3, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    const hasInteractedOutsideRef = React34.useRef(false);
-    return /* @__PURE__ */ jsx16(
+    const hasInteractedOutsideRef = React31.useRef(false);
+    return /* @__PURE__ */ jsx13(
       Content2,
       {
         id: context.contentId,
@@ -7939,73 +7791,73 @@ var DropdownMenuContent = React34.forwardRef(
 );
 DropdownMenuContent.displayName = CONTENT_NAME3;
 var GROUP_NAME3 = "DropdownMenuGroup";
-var DropdownMenuGroup = React34.forwardRef(
+var DropdownMenuGroup = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...groupProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx16(Group, { ...menuScope, ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx13(Group, { ...menuScope, ...groupProps, ref: forwardedRef });
   }
 );
 DropdownMenuGroup.displayName = GROUP_NAME3;
 var LABEL_NAME2 = "DropdownMenuLabel";
-var DropdownMenuLabel = React34.forwardRef(
+var DropdownMenuLabel = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...labelProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx16(Label, { ...menuScope, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx13(Label, { ...menuScope, ...labelProps, ref: forwardedRef });
   }
 );
 DropdownMenuLabel.displayName = LABEL_NAME2;
 var ITEM_NAME3 = "DropdownMenuItem";
-var DropdownMenuItem = React34.forwardRef(
+var DropdownMenuItem = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...itemProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx16(Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx13(Item2, { ...menuScope, ...itemProps, ref: forwardedRef });
   }
 );
 DropdownMenuItem.displayName = ITEM_NAME3;
 var CHECKBOX_ITEM_NAME2 = "DropdownMenuCheckboxItem";
-var DropdownMenuCheckboxItem = React34.forwardRef((props, forwardedRef) => {
+var DropdownMenuCheckboxItem = React31.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...checkboxItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx16(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx13(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
 });
 DropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME2;
 var RADIO_GROUP_NAME2 = "DropdownMenuRadioGroup";
-var DropdownMenuRadioGroup = React34.forwardRef((props, forwardedRef) => {
+var DropdownMenuRadioGroup = React31.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioGroupProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx16(RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx13(RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
 });
 DropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME2;
 var RADIO_ITEM_NAME2 = "DropdownMenuRadioItem";
-var DropdownMenuRadioItem = React34.forwardRef((props, forwardedRef) => {
+var DropdownMenuRadioItem = React31.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx16(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx13(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
 });
 DropdownMenuRadioItem.displayName = RADIO_ITEM_NAME2;
 var INDICATOR_NAME = "DropdownMenuItemIndicator";
-var DropdownMenuItemIndicator = React34.forwardRef((props, forwardedRef) => {
+var DropdownMenuItemIndicator = React31.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx16(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx13(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
 });
 DropdownMenuItemIndicator.displayName = INDICATOR_NAME;
 var SEPARATOR_NAME2 = "DropdownMenuSeparator";
-var DropdownMenuSeparator = React34.forwardRef((props, forwardedRef) => {
+var DropdownMenuSeparator = React31.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...separatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx16(Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx13(Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
 });
 DropdownMenuSeparator.displayName = SEPARATOR_NAME2;
 var ARROW_NAME3 = "DropdownMenuArrow";
-var DropdownMenuArrow = React34.forwardRef(
+var DropdownMenuArrow = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...arrowProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsx16(Arrow22, { ...menuScope, ...arrowProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx13(Arrow22, { ...menuScope, ...arrowProps, ref: forwardedRef });
   }
 );
 DropdownMenuArrow.displayName = ARROW_NAME3;
@@ -8017,20 +7869,20 @@ var DropdownMenuSub = (props) => {
     defaultProp: defaultOpen,
     onChange: onOpenChange
   });
-  return /* @__PURE__ */ jsx16(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
+  return /* @__PURE__ */ jsx13(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
 };
 var SUB_TRIGGER_NAME2 = "DropdownMenuSubTrigger";
-var DropdownMenuSubTrigger = React34.forwardRef((props, forwardedRef) => {
+var DropdownMenuSubTrigger = React31.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...subTriggerProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx16(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsx13(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
 });
 DropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME2;
 var SUB_CONTENT_NAME2 = "DropdownMenuSubContent";
-var DropdownMenuSubContent = React34.forwardRef((props, forwardedRef) => {
+var DropdownMenuSubContent = React31.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...subContentProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx13(
     SubContent,
     {
       ...menuScope,
@@ -8068,15 +7920,15 @@ var SubTrigger2 = DropdownMenuSubTrigger;
 var SubContent2 = DropdownMenuSubContent;
 
 // src/components/DropDownMenu/index.tsx
-import * as React35 from "react";
-import { jsx as jsx17, jsxs as jsxs2 } from "react/jsx-runtime";
+import * as React32 from "react";
+import { jsx as jsx14, jsxs as jsxs2 } from "react/jsx-runtime";
 var DropdownMenu2 = Root22;
 var DropdownMenuTrigger2 = Trigger;
 var DropdownMenuGroup2 = Group2;
 var DropdownMenuPortal2 = Portal22;
 var DropdownMenuSub2 = Sub2;
 var DropdownMenuRadioGroup2 = RadioGroup2;
-var DropdownMenuSubTrigger2 = React35.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+var DropdownMenuSubTrigger2 = React32.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
   SubTrigger2,
   {
     ref,
@@ -8088,12 +7940,12 @@ var DropdownMenuSubTrigger2 = React35.forwardRef(({ className, inset, children,
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx17(ChevronRight, { className: "cnc-ml-auto cnc-h-4 cnc-w-4" })
+      /* @__PURE__ */ jsx14(ChevronRight, { className: "cnc-ml-auto cnc-h-4 cnc-w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger2.displayName = SubTrigger2.displayName;
-var DropdownMenuSubContent2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DropdownMenuSubContent2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   SubContent2,
   {
     ref,
@@ -8105,7 +7957,7 @@ var DropdownMenuSubContent2 = React35.forwardRef(({ className, ...props }, ref)
   }
 ));
 DropdownMenuSubContent2.displayName = SubContent2.displayName;
-var DropdownMenuContent2 = React35.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx17(Portal22, { children: /* @__PURE__ */ jsx17(
+var DropdownMenuContent2 = React32.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx14(Portal22, { children: /* @__PURE__ */ jsx14(
   Content22,
   {
     ref,
@@ -8118,7 +7970,7 @@ var DropdownMenuContent2 = React35.forwardRef(({ className, sideOffset = 4, ...p
   }
 ) }));
 DropdownMenuContent2.displayName = Content22.displayName;
-var DropdownMenuItem2 = React35.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DropdownMenuItem2 = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx14(
   Item22,
   {
     ref,
@@ -8131,7 +7983,7 @@ var DropdownMenuItem2 = React35.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem2.displayName = Item22.displayName;
-var DropdownMenuCheckboxItem2 = React35.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs2(
+var DropdownMenuCheckboxItem2 = React32.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs2(
   CheckboxItem2,
   {
     ref,
@@ -8142,13 +7994,13 @@ var DropdownMenuCheckboxItem2 = React35.forwardRef(({ className, children, check
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx17("span", { className: "cnc-absolute cnc-left-2 cnc-flex cnc-h-3.5 cnc-w-3.5 cnc-items-center cnc-justify-center", children: /* @__PURE__ */ jsx17(ItemIndicator2, { children: /* @__PURE__ */ jsx17(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx14("span", { className: "cnc-absolute cnc-left-2 cnc-flex cnc-h-3.5 cnc-w-3.5 cnc-items-center cnc-justify-center", children: /* @__PURE__ */ jsx14(ItemIndicator2, { children: /* @__PURE__ */ jsx14(Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem2.displayName = CheckboxItem2.displayName;
-var DropdownMenuRadioItem2 = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
+var DropdownMenuRadioItem2 = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
   RadioItem2,
   {
     ref,
@@ -8158,13 +8010,13 @@ var DropdownMenuRadioItem2 = React35.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx17("span", { className: "cnc-absolute cnc-left-2 cnc-flex cnc-h-3.5 cnc-w-3.5 cnc-items-center cnc-justify-center", children: /* @__PURE__ */ jsx17(ItemIndicator2, { children: /* @__PURE__ */ jsx17(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx14("span", { className: "cnc-absolute cnc-left-2 cnc-flex cnc-h-3.5 cnc-w-3.5 cnc-items-center cnc-justify-center", children: /* @__PURE__ */ jsx14(ItemIndicator2, { children: /* @__PURE__ */ jsx14(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem2.displayName = RadioItem2.displayName;
-var DropdownMenuLabel2 = React35.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DropdownMenuLabel2 = React32.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx14(
   Label2,
   {
     ref,
@@ -8177,7 +8029,7 @@ var DropdownMenuLabel2 = React35.forwardRef(({ className, inset, ...props }, ref
   }
 ));
 DropdownMenuLabel2.displayName = Label2.displayName;
-var DropdownMenuSeparator2 = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DropdownMenuSeparator2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   Separator2,
   {
     ref,
@@ -8190,7 +8042,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx14(
     "span",
     {
       className: cn(
@@ -8204,7 +8056,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/Header/index.tsx
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs3 } from "react/jsx-runtime";
 function getInitials(fullName) {
   if (!fullName) {
     return "";
@@ -8217,36 +8069,49 @@ function getInitials(fullName) {
   const lastNameInitial = nameParts[nameParts.length - 1][0].toUpperCase();
   return `${firstNameInitial}${lastNameInitial}`;
 }
-var Header = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx18(
+function Header({ variant = "default", className, ...props }) {
+  return /* @__PURE__ */ jsx15(
     "header",
     {
+      "data-header-type": variant,
       className: cn(
-        "cnc-h-[60px] cnc-flex cnc-items-center cnc-justify-end cnc-gap-4 cnc-px-4 cnc-w-full cnc-shadow-md cnc-bg-white",
+        "cnc-header cnc-h-[60px] cnc-flex cnc-items-center cnc-justify-end cnc-gap-4 cnc-px-4 lg:cnc-px-0 cnc-w-full cnc-shadow-md",
+        variant === "primary" ? "cnc-bg-primary-800" : "cnc-bg-white",
         className
       ),
       ...props
     }
   );
-};
+}
 var HeaderContainer = ({
   className,
   isOpen,
   onOpenMenu,
+  hasSidebar = true,
+  container = false,
+  logo,
+  logoLink,
   children,
   ...props
 }) => {
+  const renderLogo = () => {
+    if (!hasSidebar && logo) {
+      return logoLink ? /* @__PURE__ */ jsx15("a", { href: logoLink, children: /* @__PURE__ */ jsx15("img", { src: logo, alt: "Logotipo", className: "cnc-h-8" }) }) : /* @__PURE__ */ jsx15("img", { src: logo, alt: "Logotipo", className: "cnc-h-8" });
+    }
+    return null;
+  };
   return /* @__PURE__ */ jsxs3(
     "div",
     {
-      className: cn("cnc-flex cnc-flex-1 cnc-justify-between cnc-items-center"),
+      className: cn(
+        "cnc-flex cnc-flex-1 cnc-justify-between cnc-items-center",
+        container && "cnc-container cnc-mx-auto",
+        className
+      ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx18("div", { children: onOpenMenu && !isOpen && /* @__PURE__ */ jsx18("button", { onClick: onOpenMenu, className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden cnc-cursor-pointer", children: /* @__PURE__ */ jsx18("svg", { stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 512 512", className: "cnc-size-6 cnc-text-brand-blue-900", height: "1em", width: "1em", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx18("path", { fill: "none", strokeLinecap: "round", strokeMiterlimit: "10", strokeWidth: "48", d: "M88 152h336M88 256h336M88 360h336" }) }) }) }),
-        /* @__PURE__ */ jsx18("div", { className: "cnc-flex", children })
+        /* @__PURE__ */ jsx15("div", { className: "cnc-flex cnc-items-center", children: onOpenMenu && !isOpen && hasSidebar ? /* @__PURE__ */ jsx15("button", { onClick: onOpenMenu, className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden cnc-cursor-pointer", children: /* @__PURE__ */ jsx15("svg", { stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 512 512", className: "cnc-size-6 cnc-text-brand-blue-900 cnc-header-item", height: "1em", width: "1em", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx15("path", { fill: "none", strokeLinecap: "round", strokeMiterlimit: "10", strokeWidth: "48", d: "M88 152h336M88 256h336M88 360h336" }) }) }) : !hasSidebar && renderLogo() }),
+        /* @__PURE__ */ jsx15("div", { className: "cnc-flex", children })
       ]
     }
   );
@@ -8258,21 +8123,21 @@ var HeaderProfileHeader = ({
   const { userName, entityName } = user;
   const initials = getInitials(userName);
   return /* @__PURE__ */ jsxs3(DropdownMenu2, { children: [
-    /* @__PURE__ */ jsx18(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx15(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx15(
       "div",
       {
         id: "cnc-border-lateral",
-        className: "cnc-border-solid cnc-border-l-2 cnc-border-brand-blue-60",
-        children: /* @__PURE__ */ jsxs3("div", { className: "cnc-flex cnc-flex-row cnc-gap-2 cnc-items-center cnc-justify-center hover:cnc-bg-gray-100 cnc-transition cnc-duration-300 cnc-ease-in-out cnc-cursor-pointer cnc-px-4 cnc-py-2 cnc-rounded-lg cnc-ml-8", children: [
+        className: "cnc-border-solid cnc-border-l-2 cnc-border-brand-blue-60 cnc-header-item",
+        children: /* @__PURE__ */ jsxs3("div", { className: "cnc-flex cnc-flex-row cnc-gap-2 cnc-items-center cnc-justify-center hover:cnc-bg-gray-100 cnc-transition cnc-duration-300 cnc-ease-in-out cnc-cursor-pointer cnc-px-4 cnc-py-2 cnc-rounded-lg cnc-ml-8 cnc-header-item", children: [
           /* @__PURE__ */ jsxs3("div", { className: "cnc-flex cnc-flex-col cnc-justify-end cnc-text-end", children: [
-            /* @__PURE__ */ jsx18("p", { className: "cnc-text-xs cnc-font-extrabold cnc-text-brand-blue-900", children: entityName }),
-            /* @__PURE__ */ jsx18("p", { className: "cnc-text-xs cnc-font-normal cnc-text-brand-gray-700", children: userName })
+            /* @__PURE__ */ jsx15("p", { className: "cnc-text-xs cnc-font-extrabold cnc-text-brand-blue-900 cnc-header-item", children: entityName }),
+            /* @__PURE__ */ jsx15("p", { className: "cnc-text-xs cnc-font-normal cnc-text-brand-gray-700 cnc-header-item/50", children: userName })
           ] }),
-          /* @__PURE__ */ jsx18("div", { children: /* @__PURE__ */ jsx18("div", { className: "cnc-flex cnc-items-center cnc-justify-center cnc-w-10 cnc-h-10 cnc-rounded-full cnc-bg-brand-white cnc-text-brand-blue-900 cnc-text-sm cnc-font-normal cnc-border-solid cnc-border-2", children: initials }) })
+          /* @__PURE__ */ jsx15("div", { children: /* @__PURE__ */ jsx15("div", { className: "cnc-flex cnc-items-center cnc-justify-center cnc-w-10 cnc-h-10 cnc-rounded-full cnc-bg-brand-white cnc-text-brand-blue-900 cnc-text-sm cnc-font-normal cnc-border-solid cnc-border-2 cnc-header-item", children: initials }) })
         ] })
       }
     ) }),
-    /* @__PURE__ */ jsx18(DropdownMenuContent2, { children })
+    /* @__PURE__ */ jsx15(DropdownMenuContent2, { children })
   ] });
 };
 var HeaderProfileItem = ({
@@ -8286,32 +8151,31 @@ var HeaderProfileItem = ({
   ] });
 };
 var AplicationsHeader = ({ children }) => {
-  return /* @__PURE__ */ jsx18(Fragment5, { children: /* @__PURE__ */ jsxs3(DropdownMenu2, { children: [
-    /* @__PURE__ */ jsx18(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx18("div", { className: "cnc-flex cnc-flex-row cnc-gap-2 cnc-items-center cnc-justify-center hover:cnc-bg-gray-100 cnc-transition cnc-duration-300 cnc-ease-in-out cnc-cursor-pointer cnc-px-4 cnc-py-2 cnc-rounded-lg", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx15(Fragment5, { children: /* @__PURE__ */ jsxs3(DropdownMenu2, { children: [
+    /* @__PURE__ */ jsx15(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx15("div", { className: "cnc-flex cnc-flex-row cnc-gap-2 cnc-items-center cnc-justify-center hover:cnc-bg-gray-100 cnc-transition cnc-duration-300 cnc-ease-in-out cnc-cursor-pointer cnc-px-4 cnc-py-2 cnc-rounded-lg cnc-header-item", children: /* @__PURE__ */ jsx15(
       "svg",
       {
         width: "18",
         height: "18",
         viewBox: "0 0 16 16",
-        fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx18(
+        className: "cnc-header-item",
+        children: /* @__PURE__ */ jsx15(
           "path",
           {
-            d: "M2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4ZM8 16C9.1 16 10 15.1 10 14C10 12.9 9.1 12 8 12C6.9 12 6 12.9 6 14C6 15.1 6.9 16 8 16ZM2 16C3.1 16 4 15.1 4 14C4 12.9 3.1 12 2 12C0.9 12 0 12.9 0 14C0 15.1 0.9 16 2 16ZM2 10C3.1 10 4 9.1 4 8C4 6.9 3.1 6 2 6C0.9 6 0 6.9 0 8C0 9.1 0.9 10 2 10ZM8 10C9.1 10 10 9.1 10 8C10 6.9 9.1 6 8 6C6.9 6 6 6.9 6 8C6 9.1 6.9 10 8 10ZM12 2C12 3.1 12.9 4 14 4C15.1 4 16 3.1 16 2C16 0.9 15.1 0 14 0C12.9 0 12 0.9 12 2ZM8 4C9.1 4 10 3.1 10 2C10 0.9 9.1 0 8 0C6.9 0 6 0.9 6 2C6 3.1 6.9 4 8 4ZM14 10C15.1 10 16 9.1 16 8C16 6.9 15.1 6 14 6C12.9 6 12 6.9 12 8C12 9.1 12.9 10 14 10ZM14 16C15.1 16 16 15.1 16 14C16 12.9 15.1 12 14 12C12.9 12 12 12.9 12 14C12 15.1 12.9 16 14 16Z",
-            fill: "black"
+            d: "M2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4ZM8 16C9.1 16 10 15.1 10 14C10 12.9 9.1 12 8 12C6.9 12 6 12.9 6 14C6 15.1 6.9 16 8 16ZM2 16C3.1 16 4 15.1 4 14C4 12.9 3.1 12 2 12C0.9 12 0 12.9 0 14C0 15.1 0.9 16 2 16ZM2 10C3.1 10 4 9.1 4 8C4 6.9 3.1 6 2 6C0.9 6 0 6.9 0 8C0 9.1 0.9 10 2 10ZM8 10C9.1 10 10 9.1 10 8C10 6.9 9.1 6 8 6C6.9 6 6 6.9 6 8C6 9.1 6.9 10 8 10ZM12 2C12 3.1 12.9 4 14 4C15.1 4 16 3.1 16 2C16 0.9 15.1 0 14 0C12.9 0 12 0.9 12 2ZM8 4C9.1 4 10 3.1 10 2C10 0.9 9.1 0 8 0C6.9 0 6 0.9 6 2C6 3.1 6.9 4 8 4ZM14 10C15.1 10 16 9.1 16 8C16 6.9 15.1 6 14 6C12.9 6 12 6.9 12 8C12 9.1 12.9 10 14 10ZM14 16C15.1 16 16 15.1 16 14C16 12.9 15.1 12 14 12C12.9 12 12 12.9 12 14C12 15.1 12.9 16 14 16Z"
           }
         )
       }
     ) }) }),
-    /* @__PURE__ */ jsx18(DropdownMenuContent2, { className: "flex", children })
+    /* @__PURE__ */ jsx15(DropdownMenuContent2, { className: "flex", children })
   ] }) });
 };
 
 // ../../node_modules/@radix-ui/react-dialog/dist/index.mjs
-import * as React36 from "react";
+import * as React33 from "react";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
-import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
 var DIALOG_NAME = "Dialog";
 var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
 var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -8324,14 +8188,14 @@ var Dialog = (props) => {
     onOpenChange,
     modal = true
   } = props;
-  const triggerRef = React36.useRef(null);
-  const contentRef = React36.useRef(null);
+  const triggerRef = React33.useRef(null);
+  const contentRef = React33.useRef(null);
   const [open = false, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen,
     onChange: onOpenChange
   });
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx16(
     DialogProvider,
     {
       scope: __scopeDialog,
@@ -8342,7 +8206,7 @@ var Dialog = (props) => {
       descriptionId: useId(),
       open,
       onOpenChange: setOpen,
-      onOpenToggle: React36.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      onOpenToggle: React33.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
       modal,
       children
     }
@@ -8350,12 +8214,12 @@ var Dialog = (props) => {
 };
 Dialog.displayName = DIALOG_NAME;
 var TRIGGER_NAME2 = "DialogTrigger";
-var DialogTrigger = React36.forwardRef(
+var DialogTrigger = React33.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...triggerProps } = props;
     const context = useDialogContext(TRIGGER_NAME2, __scopeDialog);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx16(
       Primitive.button,
       {
         type: "button",
@@ -8378,27 +8242,27 @@ var [PortalProvider2, usePortalContext2] = createDialogContext(PORTAL_NAME4, {
 var DialogPortal = (props) => {
   const { __scopeDialog, forceMount, children, container } = props;
   const context = useDialogContext(PORTAL_NAME4, __scopeDialog);
-  return /* @__PURE__ */ jsx19(PortalProvider2, { scope: __scopeDialog, forceMount, children: React36.Children.map(children, (child) => /* @__PURE__ */ jsx19(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx19(Portal, { asChild: true, container, children: child }) })) });
+  return /* @__PURE__ */ jsx16(PortalProvider2, { scope: __scopeDialog, forceMount, children: React33.Children.map(children, (child) => /* @__PURE__ */ jsx16(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx16(Portal, { asChild: true, container, children: child }) })) });
 };
 DialogPortal.displayName = PORTAL_NAME4;
 var OVERLAY_NAME = "DialogOverlay";
-var DialogOverlay = React36.forwardRef(
+var DialogOverlay = React33.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext2(OVERLAY_NAME, props.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...overlayProps } = props;
     const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
-    return context.modal ? /* @__PURE__ */ jsx19(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx19(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+    return context.modal ? /* @__PURE__ */ jsx16(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx16(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
   }
 );
 DialogOverlay.displayName = OVERLAY_NAME;
-var DialogOverlayImpl = React36.forwardRef(
+var DialogOverlayImpl = React33.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...overlayProps } = props;
     const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ jsx19(Combination_default, { as: Slot5, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx16(Combination_default, { as: Slot5, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx16(
         Primitive.div,
         {
           "data-state": getState(context.open),
@@ -8411,25 +8275,25 @@ var DialogOverlayImpl = React36.forwardRef(
   }
 );
 var CONTENT_NAME4 = "DialogContent";
-var DialogContent = React36.forwardRef(
+var DialogContent = React33.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext2(CONTENT_NAME4, props.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
     const context = useDialogContext(CONTENT_NAME4, props.__scopeDialog);
-    return /* @__PURE__ */ jsx19(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx19(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx19(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx16(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx16(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx16(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
   }
 );
 DialogContent.displayName = CONTENT_NAME4;
-var DialogContentModal = React36.forwardRef(
+var DialogContentModal = React33.forwardRef(
   (props, forwardedRef) => {
     const context = useDialogContext(CONTENT_NAME4, props.__scopeDialog);
-    const contentRef = React36.useRef(null);
+    const contentRef = React33.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
-    React36.useEffect(() => {
+    React33.useEffect(() => {
       const content = contentRef.current;
       if (content) return hideOthers(content);
     }, []);
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx16(
       DialogContentImpl,
       {
         ...props,
@@ -8454,12 +8318,12 @@ var DialogContentModal = React36.forwardRef(
     );
   }
 );
-var DialogContentNonModal = React36.forwardRef(
+var DialogContentNonModal = React33.forwardRef(
   (props, forwardedRef) => {
     const context = useDialogContext(CONTENT_NAME4, props.__scopeDialog);
-    const hasInteractedOutsideRef = React36.useRef(false);
-    const hasPointerDownOutsideRef = React36.useRef(false);
-    return /* @__PURE__ */ jsx19(
+    const hasInteractedOutsideRef = React33.useRef(false);
+    const hasPointerDownOutsideRef = React33.useRef(false);
+    return /* @__PURE__ */ jsx16(
       DialogContentImpl,
       {
         ...props,
@@ -8494,15 +8358,15 @@ var DialogContentNonModal = React36.forwardRef(
     );
   }
 );
-var DialogContentImpl = React36.forwardRef(
+var DialogContentImpl = React33.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
     const context = useDialogContext(CONTENT_NAME4, __scopeDialog);
-    const contentRef = React36.useRef(null);
+    const contentRef = React33.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
     useFocusGuards();
     return /* @__PURE__ */ jsxs4(Fragment6, { children: [
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx16(
         FocusScope,
         {
           asChild: true,
@@ -8510,7 +8374,7 @@ var DialogContentImpl = React36.forwardRef(
           trapped: trapFocus,
           onMountAutoFocus: onOpenAutoFocus,
           onUnmountAutoFocus: onCloseAutoFocus,
-          children: /* @__PURE__ */ jsx19(
+          children: /* @__PURE__ */ jsx16(
             DismissableLayer,
             {
               role: "dialog",
@@ -8526,36 +8390,36 @@ var DialogContentImpl = React36.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxs4(Fragment6, { children: [
-        /* @__PURE__ */ jsx19(TitleWarning, { titleId: context.titleId }),
-        /* @__PURE__ */ jsx19(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
+        /* @__PURE__ */ jsx16(TitleWarning, { titleId: context.titleId }),
+        /* @__PURE__ */ jsx16(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
       ] })
     ] });
   }
 );
 var TITLE_NAME = "DialogTitle";
-var DialogTitle = React36.forwardRef(
+var DialogTitle = React33.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props;
     const context = useDialogContext(TITLE_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx19(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx16(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
   }
 );
 DialogTitle.displayName = TITLE_NAME;
 var DESCRIPTION_NAME = "DialogDescription";
-var DialogDescription = React36.forwardRef(
+var DialogDescription = React33.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props;
     const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx19(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx16(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
   }
 );
 DialogDescription.displayName = DESCRIPTION_NAME;
 var CLOSE_NAME = "DialogClose";
-var DialogClose = React36.forwardRef(
+var DialogClose = React33.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...closeProps } = props;
     const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx16(
       Primitive.button,
       {
         type: "button",
@@ -8583,7 +8447,7 @@ var TitleWarning = ({ titleId }) => {
 If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
-  React36.useEffect(() => {
+  React33.useEffect(() => {
     if (titleId) {
       const hasTitle = document.getElementById(titleId);
       if (!hasTitle) console.error(MESSAGE);
@@ -8595,7 +8459,7 @@ var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
 var DescriptionWarning = ({ contentRef, descriptionId }) => {
   const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
   const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
-  React36.useEffect(() => {
+  React33.useEffect(() => {
     const describedById = contentRef.current?.getAttribute("aria-describedby");
     if (descriptionId && describedById) {
       const hasDescription = document.getElementById(descriptionId);
@@ -8614,13 +8478,13 @@ var Description = DialogDescription;
 var Close = DialogClose;
 
 // src/components/Dialog/index.tsx
-import * as React37 from "react";
-import { jsx as jsx20, jsxs as jsxs5 } from "react/jsx-runtime";
+import * as React34 from "react";
+import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
 var Dialog2 = Root4;
 var DialogTrigger2 = Trigger2;
 var DialogPortal2 = Portal3;
 var DialogClose2 = Close;
-var DialogOverlay2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var DialogOverlay2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   Overlay,
   {
     ref,
@@ -8632,8 +8496,8 @@ var DialogOverlay2 = React37.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 DialogOverlay2.displayName = Overlay.displayName;
-var DialogContent2 = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(DialogPortal2, { children: [
-  /* @__PURE__ */ jsx20(DialogOverlay2, {}),
+var DialogContent2 = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(DialogPortal2, { children: [
+  /* @__PURE__ */ jsx17(DialogOverlay2, {}),
   /* @__PURE__ */ jsxs5(
     Content3,
     {
@@ -8646,8 +8510,8 @@ var DialogContent2 = React37.forwardRef(({ className, children, ...props }, ref)
       children: [
         children,
         /* @__PURE__ */ jsxs5(Close, { className: "cnc-absolute cnc-right-4 cnc-top-4 cnc-rounded-sm cnc-opacity-70 cnc-ring-offset-background cnc-transition-opacity hover:cnc-opacity-100 focus:cnc-outline-none focus:cnc-ring-2 focus:cnc-ring-ring focus:cnc-ring-offset-2 disabled:cnc-pointer-events-none data-[state=open]:cnc-bg-accent data-[state=open]:cnc-text-muted-foreground", children: [
-          /* @__PURE__ */ jsx20(X, { className: "cnc-h-4 cnc-w-4 cnc-mt-2" }),
-          /* @__PURE__ */ jsx20("span", { className: "cnc-sr-only", children: "Close" })
+          /* @__PURE__ */ jsx17(X, { className: "cnc-h-4 cnc-w-4" }),
+          /* @__PURE__ */ jsx17("span", { className: "cnc-sr-only", children: "Close" })
         ] })
       ]
     }
@@ -8657,7 +8521,7 @@ DialogContent2.displayName = Content3.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx20(
+}) => /* @__PURE__ */ jsx17(
   "div",
   {
     className: cn(
@@ -8671,7 +8535,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx20(
+}) => /* @__PURE__ */ jsx17(
   "div",
   {
     className: cn(
@@ -8682,7 +8546,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var DialogTitle2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   Title,
   {
     ref,
@@ -8694,7 +8558,7 @@ var DialogTitle2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogTitle2.displayName = Title.displayName;
-var DialogDescription2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var DialogDescription2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   Description,
   {
     ref,
@@ -8705,7 +8569,7 @@ var DialogDescription2 = React37.forwardRef(({ className, ...props }, ref) => /*
 DialogDescription2.displayName = Description.displayName;
 
 // src/components/Modal/index.tsx
-import { jsx as jsx21, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
 var Modal = ({
   title,
   content,
@@ -8713,16 +8577,34 @@ var Modal = ({
   onClose
 }) => {
   return /* @__PURE__ */ jsxs6(Dialog2, { open: visibleModal, onOpenChange: onClose, children: [
-    /* @__PURE__ */ jsx21(DialogOverlay2, { className: "cnc-inset-0 cnc-bg-blackA6= data-[state=open]:cnc-animate-overlayShow" }),
+    /* @__PURE__ */ jsx18(DialogOverlay2, { className: "cnc-inset-0 cnc-bg-blackA6= data-[state=open]:cnc-animate-overlayShow" }),
     /* @__PURE__ */ jsxs6(DialogContent2, { className: "cnc-max-h-[100vh]  cnc-p-0 cnc-rounded-sm cnc-bg-white  cnc-focus:outline-none data-[state=open]:cnc-animate-contentShow", children: [
-      title && /* @__PURE__ */ jsx21(DialogHeader, { className: "cnc-text-sm cnc-h-14 cnc-text-black cnc-font- cnc-border-b cnc-w-full  cnc-leading-10", children: title }),
-      /* @__PURE__ */ jsx21("div", { className: "cnc-flex cnc-flex-col cnc-mb-16 cnc-mx-20 cnc-align-middle cnc-items-left  cnc-justify-center", children: content })
+      title && /* @__PURE__ */ jsx18(DialogHeader, { className: "cnc-text-sm cnc-h-14 cnc-text-black cnc-font- cnc-border-b cnc-w-full  cnc-leading-10", children: title }),
+      /* @__PURE__ */ jsx18("div", { className: "cnc-flex cnc-flex-col cnc-mb-16 cnc-mx-20 cnc-align-middle cnc-items-left  cnc-justify-center", children: content })
     ] })
   ] });
 };
 
 // src/components/Modal/ModalMudancaEntidade/index.tsx
-import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
+function ModalEntidade({ isOpen, onOpenChange, title = "Selecionar a entidade", children, className }) {
+  return /* @__PURE__ */ jsxs7(Dialog2, { open: isOpen, onOpenChange, children: [
+    /* @__PURE__ */ jsx19(DialogOverlay2, { className: "fixed inset-0 z-50 cnc-bg-black/40 data-[state=open]:cnc-animate-in data-[state=closed]:cnc-animate-out data-[state=closed]:cnc-fade-out-0 data-[state=open]:fade-in-0" }),
+    /* @__PURE__ */ jsxs7(DialogContent2, { className: "cnc-max-h-[100vh]  cnc-p-0 cnc-rounded-sm cnc-bg-white  cnc-focus:outline-none data-[state=open]:cnc-animate-contentShow", children: [
+      title && /* @__PURE__ */ jsx19(DialogHeader, { children: /* @__PURE__ */ jsx19(DialogTitle2, { className: "cnc-font-normal cnc-text-base", children: title }) }),
+      /* @__PURE__ */ jsx19(
+        "div",
+        {
+          className: cn(
+            "cnc-flex cnc-flex-col cnc-w-full cnc-max-w-[513px] cnc-mx-auto cnc-py-6",
+            className
+          ),
+          children
+        }
+      )
+    ] })
+  ] });
+}
 var ModalMudancaEntidade = ({
   title,
   onClose,
@@ -8730,17 +8612,17 @@ var ModalMudancaEntidade = ({
   SelectComponent,
   buttonAction
 }) => {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx19(
     Modal,
     {
       title,
       onClose,
       visibleModal,
       content: /* @__PURE__ */ jsxs7(Fragment7, { children: [
-        /* @__PURE__ */ jsx22(DialogTitle2, { className: "cnc-DialogTitle cnc-mt-10 cnc-mb-4 ", children: "Selecionar a entidade" }),
+        /* @__PURE__ */ jsx19(DialogTitle2, { className: "cnc-DialogTitle cnc-mt-10 cnc-mb-4 ", children: "Selecionar a entidade" }),
         /* @__PURE__ */ jsxs7("div", { className: "cnc-flex cnc-mb-5 ", children: [
-          /* @__PURE__ */ jsx22(SelectComponent, {}),
-          /* @__PURE__ */ jsx22(Button, { className: "cnc-text-white cnc-ml-5", onClick: buttonAction, children: "Trocar entidade" })
+          /* @__PURE__ */ jsx19(SelectComponent, {}),
+          /* @__PURE__ */ jsx19(Button, { className: "cnc-text-white cnc-ml-5", onClick: buttonAction, children: "Trocar entidade" })
         ] })
       ] })
     }
@@ -8756,7 +8638,7 @@ import {
 } from "react";
 
 // src/components/assets/logotipo-default.tsx
-import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
 function LogotipoDefault() {
   return /* @__PURE__ */ jsxs8(
     "svg",
@@ -8767,14 +8649,14 @@ function LogotipoDefault() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M20.539 0H36.2809C36.2809 0 36.9745 4.48363 30.7294 6.63394C31.7327 5.31688 31.7006 3.41772 31.7006 3.41772H20.202C9.32 3.41772 1.29805 18.1019 0.207031 20.0001C0.207031 20.0001 4.07335 8.64018 11.9375 3.02348C13.5682 1.85731 17.0906 0 20.539 0Z",
             fill: "#C89633"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             fillRule: "evenodd",
@@ -8783,133 +8665,133 @@ function LogotipoDefault() {
             fill: "#C89633"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M15.6289 10.2526C17.6892 10.2994 18.8026 10.313 18.8026 10.313C19.9394 10.3344 20.9691 10.2497 21.9198 10.1621C21.1415 11.8189 19.2049 13.5127 13.9602 13.4134C7.19489 13.2859 3.46398 16.9946 1.55469 18.9863L1.56405 18.9719C3.47675 16.0444 7.38469 10.0631 15.6289 10.2526Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M60.457 3.08307V4.09961H61.9417H63.4264V3.08307V2.06652H61.9417H60.457V3.08307Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M53.2447 2.39671C51.2817 2.622 49.907 3.55062 49.4231 4.97928C49.2636 5.43535 49.2746 6.85851 49.4396 7.2926C49.885 8.49596 50.8803 9.12237 53.3052 9.7268C55.1198 10.1829 55.4222 10.2873 55.8456 10.6005C56.0601 10.7598 56.1866 11.117 56.1536 11.4906C56.0986 12.1665 55.5432 12.5017 54.372 12.5456C53.1732 12.6006 52.222 12.2929 50.9682 11.4467L50.4789 11.117L50.017 11.606C49.2581 12.4083 48.7248 13.0017 48.7467 13.0237C49.797 13.8699 51.0562 14.4853 52.2605 14.7436C53.1348 14.9304 54.6139 14.9799 55.4662 14.8425C57.3633 14.5513 58.617 13.5787 59.0019 12.1225C59.1174 11.6994 59.1284 10.6994 59.0294 10.2873C58.793 9.3092 57.9682 8.51794 56.621 7.97945C56.3405 7.86955 55.4552 7.6058 54.6524 7.397C52.8048 6.91345 52.4584 6.74861 52.2824 6.25957C51.9635 5.36391 52.6619 4.7375 53.9651 4.74849C54.4655 4.75399 54.7679 4.81443 56.0161 5.18258C56.1041 5.21006 56.1096 5.12764 56.1096 3.94625C56.1096 2.78684 56.1041 2.67694 56.0161 2.64947C55.9611 2.63299 55.6367 2.57254 55.2903 2.5066C54.5314 2.37473 53.8001 2.33626 53.2447 2.39671Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M74.6953 7.57213C74.6953 11.2592 74.7173 11.7647 74.8933 12.3142C75.1297 13.056 75.872 13.8912 76.5924 14.2374C77.4667 14.655 78.198 14.8088 79.5507 14.8528L80.469 14.8857V13.8692V12.8582L79.8806 12.7867C78.8579 12.6713 78.1045 12.3252 77.8846 11.8746C77.6976 11.4844 77.6646 11.1108 77.6646 9.23157V7.3963H79.0668H80.469V6.4347V5.47311L79.0833 5.46212L77.6921 5.44563L77.6756 4.65987L77.6591 3.87961H76.18H74.6953V7.57213Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M68.4882 5.25987C67.9383 5.3258 66.9375 5.6445 66.5031 5.89726C65.5024 6.47972 64.9305 7.50725 65.046 8.52379C65.0899 8.95239 65.2274 9.2546 65.5134 9.56231C65.9203 10.0019 66.6406 10.3151 67.8503 10.5789C68.1528 10.6448 68.6256 10.7492 68.9006 10.8096C69.5164 10.9415 70.1268 11.2272 70.2918 11.4525C70.5392 11.7987 70.3907 12.3042 69.9728 12.5515C69.7309 12.6944 69.6869 12.6999 69.0051 12.6999C68.0098 12.6944 66.6351 12.3812 65.8323 11.98C65.6288 11.8756 65.4474 11.7932 65.4309 11.7932C65.4144 11.7932 65.4034 12.3097 65.4034 12.9416V14.0955L65.6948 14.1999C66.8056 14.6121 67.6744 14.8044 68.7081 14.8538C70.1103 14.9253 71.353 14.5901 72.2658 13.9087C72.9037 13.4307 73.2831 12.8702 73.4646 12.1449C73.5855 11.6613 73.514 11.0734 73.2666 10.5624C72.8762 9.73815 71.7544 9.13372 69.8519 8.7216C69.0875 8.55676 68.4882 8.34796 68.3067 8.18311C68.1528 8.04574 68.1747 7.71605 68.3507 7.50725C68.6201 7.18855 68.7576 7.15008 69.5989 7.15008H70.3523V6.21047V5.27085L70.0168 5.23239C69.5879 5.18843 69.0106 5.19942 68.4882 5.25987Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M97.0316 5.25947C96.8116 5.28695 96.3607 5.39684 96.0253 5.50674C94.8156 5.90786 93.9523 6.67714 93.5069 7.74863C93.166 8.57285 93.1605 8.6278 93.133 11.8038L93.1055 14.7051H94.6231H96.1408V12.0511C96.1408 10.4905 96.1628 9.25971 96.1958 9.0509C96.3002 8.44098 96.6467 7.90798 97.1086 7.6717C97.345 7.55082 97.4495 7.53433 97.9554 7.53433C98.4942 7.53433 98.5547 7.54532 98.8242 7.69368C99.2861 7.95194 99.5995 8.419 99.7095 9.01793C99.748 9.22124 99.77 10.3202 99.77 12.0236V14.7051H101.282H102.794V11.9412C102.794 10.2817 102.822 9.08937 102.855 8.94101C103.064 8.02337 103.685 7.50686 104.581 7.50686C105.571 7.50686 106.215 8.11129 106.363 9.17179C106.401 9.43005 106.423 10.6169 106.423 12.1555V14.7051H107.914H109.398L109.382 11.7489C109.36 8.92452 109.354 8.78166 109.239 8.36955C108.854 6.99034 107.897 5.9738 106.572 5.52872C105.786 5.27046 105.527 5.232 104.526 5.2375C103.702 5.2375 103.526 5.25947 103.047 5.38586C102.448 5.53971 101.942 5.7595 101.563 6.01776C101.425 6.11117 101.299 6.1881 101.271 6.1881C101.249 6.1881 101.057 6.07271 100.848 5.94083C99.9459 5.35289 98.4723 5.09463 97.0316 5.25947Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M86.1337 5.30344C84.3081 5.57818 82.9884 6.49581 82.2296 8.02338C81.8887 8.71572 81.7732 9.35862 81.8062 10.3367C81.8447 11.2488 81.9327 11.65 82.2351 12.2489C82.785 13.3369 83.3898 13.9138 84.5171 14.4194C85.1274 14.6941 85.6938 14.815 86.4966 14.8534C87.085 14.8809 88.1462 14.8095 88.5532 14.7106C88.6576 14.6831 88.8116 14.6446 88.8996 14.6282L89.048 14.5952V13.5786C89.048 13.0182 89.0425 12.5621 89.037 12.5621C89.026 12.5621 88.8336 12.617 88.6081 12.6775C88.0253 12.8368 86.898 12.8808 86.3866 12.7599C85.6333 12.5841 85.0449 12.117 84.726 11.4412C84.616 11.2159 84.5446 11.0016 84.5666 10.9686C84.5885 10.9301 85.7433 10.9137 88.1682 10.9137H91.7369L91.7754 10.6609C91.8304 10.2872 91.7534 9.46851 91.605 8.80914C91.286 7.38598 90.3567 6.22657 89.1195 5.69357C88.3552 5.36938 86.9475 5.18255 86.1337 5.30344ZM87.5909 7.52884C87.7448 7.56731 87.9648 7.64973 88.0858 7.71567C88.5257 7.93546 89.0041 8.60033 89.081 9.09487L89.1195 9.32016H86.8265C84.9845 9.32016 84.5391 9.30367 84.5391 9.24872C84.5391 9.06739 84.99 8.26515 85.2099 8.05634C85.4738 7.80358 85.8588 7.58379 86.1722 7.51236C86.4911 7.43543 87.2829 7.44642 87.5909 7.52884Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M114.892 5.30939C114.634 5.33686 114.315 5.38082 114.178 5.4028L113.93 5.45225L113.914 6.58419L113.903 7.71612L114.134 7.65568C114.266 7.62821 114.815 7.60073 115.36 7.59524C116.179 7.58974 116.405 7.60623 116.652 7.68865C117.125 7.8425 117.46 8.12274 117.631 8.4854C117.779 8.80959 117.862 9.37556 117.768 9.37556C117.735 9.37556 117.515 9.32611 117.279 9.27116C116.223 9.00741 114.639 8.98543 113.573 9.20522C111.956 9.5459 110.988 10.6009 110.988 12.0296C110.988 13.2879 111.879 14.3319 113.27 14.711C113.864 14.8759 115.316 14.8924 115.91 14.744C116.41 14.6176 117.152 14.244 117.477 13.9473C117.625 13.8209 117.757 13.7165 117.774 13.7165C117.79 13.7165 117.807 13.9363 117.807 14.211V14.7055H119.242H120.672L120.65 11.5295C120.628 7.97438 120.628 7.99636 120.226 7.24357C119.517 5.9303 118.318 5.34236 116.212 5.28741C115.745 5.27093 115.151 5.28191 114.892 5.30939ZM117.235 10.7712C117.851 10.9251 117.862 10.9306 117.862 11.3537C117.862 12.2329 117.251 12.7933 116.069 12.9912C115.64 13.0681 115.497 13.0681 115.156 13.0131C114.628 12.9252 114.211 12.7164 114.04 12.4637C113.864 12.1999 113.848 11.6394 114.007 11.3757C114.205 11.0515 114.656 10.7822 115.167 10.6888C115.525 10.6229 116.844 10.6778 117.235 10.7712Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M60.457 10.1169V14.7051H61.9417H63.4264V10.1169V5.52872H61.9417H60.457V10.1169Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M173.197 1.72126C172.114 3.40817 171.586 4.24338 171.586 4.28185C171.586 4.30383 172.02 4.32031 172.554 4.32031H173.527L173.752 4.117C174.324 3.61148 175.71 2.27074 175.71 2.22678C175.71 2.19931 175.655 2.14986 175.589 2.12238C175.518 2.09491 175.034 1.8861 174.511 1.65532C173.994 1.43003 173.554 1.24321 173.538 1.24321C173.521 1.24321 173.368 1.45751 173.197 1.72126Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M194.074 2.97369V3.99023H195.559H197.044L197.033 2.98468L197.016 1.98462L195.548 1.96814L194.074 1.95715V2.97369Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M135.845 2.43604C133.887 2.63386 132.37 3.21082 131.144 4.22736C130.346 4.88674 129.653 5.94724 129.4 6.89784C129.241 7.51326 129.197 8.99687 129.323 9.76614C129.664 11.8322 131.138 13.4861 133.398 14.3488C134.173 14.6455 135.872 14.9258 136.873 14.9258H137.275V13.7554V12.5905L136.543 12.585C135.702 12.574 135.257 12.4751 134.525 12.1344C132.997 11.4201 132.144 9.99692 132.238 8.30452C132.287 7.30446 132.59 6.63409 133.283 5.94174C134.091 5.14499 135.059 4.77684 136.494 4.72189L137.275 4.68892V3.546V2.39758L136.659 2.40857C136.318 2.40857 135.949 2.42506 135.845 2.43604Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M142.609 5.13944C140.503 5.44715 138.831 6.8813 138.342 8.80449C137.797 10.964 138.847 13.1839 140.915 14.2224C141.652 14.5905 142.141 14.7114 143.104 14.7444C143.774 14.7664 143.983 14.7554 144.407 14.6565C145.424 14.4312 146.227 13.9971 146.953 13.2773C148.173 12.0519 148.635 10.4255 148.223 8.79899C148.08 8.24951 147.689 7.46375 147.349 7.04065C146.441 5.91421 144.973 5.1834 143.488 5.12296C143.17 5.10647 142.774 5.11746 142.609 5.13944ZM144.297 7.44727C144.682 7.61761 145.089 8.0517 145.237 8.45282C145.578 9.36496 145.545 10.8156 145.166 11.6014C144.83 12.2992 144.253 12.6179 143.312 12.6179C142.565 12.6179 142.174 12.497 141.778 12.1398C141.311 11.7167 141.107 11.0464 141.107 9.95291C141.107 8.48579 141.514 7.68904 142.411 7.39781C142.889 7.23846 143.884 7.26594 144.297 7.44727Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M154.046 5.12263C153.667 5.16659 152.831 5.37539 152.501 5.50177C152.044 5.6831 151.302 6.18862 150.994 6.5293C150.675 6.88097 150.345 7.43595 150.197 7.85905C149.944 8.60635 149.922 8.89208 149.922 11.8263V14.5957H151.434H152.941L152.957 11.6944L152.974 8.79866L153.106 8.46897C153.386 7.78212 153.963 7.39748 154.733 7.39748C155.267 7.39748 155.597 7.52387 155.932 7.85355C156.52 8.42502 156.575 8.79317 156.575 12.1011V14.5957H158.088H159.594L159.611 11.667C159.633 8.35358 159.616 8.45799 160.078 7.94697C160.474 7.50738 160.672 7.42496 161.359 7.42496C161.849 7.42496 161.97 7.44694 162.157 7.54584C162.448 7.70519 162.767 8.0184 162.893 8.26567C163.168 8.80416 163.174 8.88658 163.174 11.8318V14.5957H164.692H166.204L166.187 11.6944L166.165 8.79866L165.995 8.2327C165.725 7.35902 165.439 6.86449 164.922 6.36995C164.345 5.83146 163.79 5.52924 162.943 5.30945C161.348 4.89184 159.512 5.13362 158.357 5.91388C158.219 6.0018 158.088 6.07873 158.06 6.07873C158.038 6.07873 157.835 5.96883 157.615 5.83146C157.23 5.59518 156.729 5.40286 156.042 5.22703C155.712 5.14461 154.425 5.07867 154.046 5.12263Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M182.994 5.1446C181.399 5.38638 180.184 6.17763 179.579 7.36451C179.177 8.14478 179.172 8.20522 179.172 11.5845V14.5957H180.684H182.196V11.6395C182.202 8.969 182.207 8.66129 182.295 8.40853C182.526 7.74915 183.12 7.3755 184.192 7.23264C184.44 7.19967 184.726 7.15571 184.825 7.14472L185.001 7.11725L184.99 6.11719L184.973 5.11713L184.121 5.11164C183.653 5.10614 183.147 5.12263 182.994 5.1446Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M190.311 5.1395C189.706 5.2384 188.705 5.54062 188.21 5.7769C187.248 6.23297 186.61 6.81542 186.126 7.6836C185.73 8.38694 185.609 8.93642 185.609 9.98044C185.615 11.3267 185.928 12.1729 186.737 13.0465C187.479 13.8433 188.425 14.3323 189.788 14.6236C190.514 14.7829 191.62 14.8379 192.169 14.7445L192.428 14.7005V13.7004V12.7004L191.993 12.7169C190.844 12.7718 189.832 12.3927 189.107 11.6289C188.617 11.1179 188.425 10.5299 188.485 9.71669C188.54 8.88147 188.881 8.33748 189.678 7.7935C190.305 7.3649 191.136 7.12313 191.988 7.12313H192.428V6.16703C192.428 5.4582 192.411 5.19444 192.362 5.16148C192.263 5.10653 190.646 5.09004 190.311 5.1395Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M203.01 5.14533C201.784 5.32666 200.524 5.99703 199.776 6.86521C198.93 7.85428 198.473 9.26095 198.627 10.4259C198.842 12.0908 199.82 13.459 201.344 14.2228C202.168 14.6349 202.614 14.7338 203.725 14.7283C204.808 14.7283 205.22 14.6404 205.996 14.2667C208.487 13.0414 209.487 10.25 208.289 7.85977C207.491 6.27177 205.781 5.20028 203.917 5.12335C203.598 5.10686 203.191 5.11785 203.01 5.14533ZM204.72 7.44766C204.874 7.5136 205.116 7.68394 205.253 7.8268C205.666 8.24441 205.831 8.74993 205.88 9.73351C205.93 10.8105 205.71 11.6512 205.259 12.0908C204.901 12.437 204.533 12.5743 203.901 12.6073C202.592 12.6677 201.932 12.2282 201.624 11.0633C201.492 10.5742 201.498 9.24996 201.63 8.79939C201.861 8.03561 202.24 7.59602 202.839 7.39821C203.312 7.24435 204.313 7.26633 204.72 7.44766Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M171.532 5.33081C170.025 5.68797 168.931 6.54517 168.26 7.8914C167.93 8.55627 167.793 9.1662 167.793 10.0344C167.793 11.9081 168.651 13.3752 170.212 14.1775C170.768 14.4632 171.059 14.5621 171.725 14.683C172.533 14.8314 174.199 14.7434 174.958 14.5072C175.04 14.4797 175.051 14.3808 175.051 13.4741V12.4686L174.49 12.6005C173.809 12.7543 172.83 12.7708 172.34 12.6444C171.637 12.4631 171.103 12.0565 170.806 11.4795C170.696 11.2762 170.592 11.0509 170.57 10.9795L170.537 10.8586H174.133H177.735L177.768 10.6883C177.916 9.95196 177.619 8.36395 177.179 7.52324C176.684 6.56165 175.711 5.74292 174.721 5.4462C173.77 5.16597 172.434 5.11651 171.532 5.33081ZM173.523 7.40236C173.93 7.49028 174.199 7.63864 174.512 7.95184C174.804 8.24307 175.046 8.69914 175.09 9.05081L175.123 9.2651L172.846 9.25411L170.57 9.23763L170.586 9.10026C170.592 9.02333 170.685 8.78705 170.79 8.56726C170.988 8.16614 171.373 7.75952 171.719 7.57819C172.148 7.35291 172.934 7.27598 173.523 7.40236Z",
             fill: "white"
           }
         ),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx20(
           "path",
           {
             d: "M194.074 10.0075V14.5957H195.559H197.044V10.0075V5.41934H195.559H194.074V10.0075Z",
@@ -8922,12 +8804,12 @@ function LogotipoDefault() {
 }
 
 // src/components/Sidebar/index.tsx
-import { jsx as jsx24, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
 function SidebarContainer({
   isOpen = true,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-is-open": isOpen,
@@ -8944,20 +8826,20 @@ function SidebarImageBrand({
   children
 }) {
   return /* @__PURE__ */ jsxs9("div", { className: "cnc-flex cnc-items-center cnc-justify-between cnc-bg-primary-900 cnc-w-full cnc-h-full cnc-max-h-[70px] cnc-py-5 cnc-px-6 cnc-transition-all cnc-duration-300 cnc-ease-in-out cnc-sidebar-child-w-0", children: [
-    /* @__PURE__ */ jsx24("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx21("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ jsx21(
       "img",
       {
         src: img.src,
         alt: img?.alt,
         className: "cnc-w-[159px] cnc-h-[28px] cnc-object-contain"
       }
-    ) : /* @__PURE__ */ jsx24(LogotipoDefault, {}) }),
-    onChangeToggle && /* @__PURE__ */ jsx24(
+    ) : /* @__PURE__ */ jsx21(LogotipoDefault, {}) }),
+    onChangeToggle && /* @__PURE__ */ jsx21(
       "button",
       {
         onClick: onChangeToggle,
         className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden",
-        children: /* @__PURE__ */ jsx24(
+        children: /* @__PURE__ */ jsx21(
           "svg",
           {
             stroke: "currentColor",
@@ -8968,7 +8850,7 @@ function SidebarImageBrand({
             height: "1em",
             width: "1em",
             xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ jsx24(
+            children: /* @__PURE__ */ jsx21(
               "path",
               {
                 fill: "none",
@@ -8985,7 +8867,7 @@ function SidebarImageBrand({
   ] });
 }
 function Sidebar({ children, ...rest }) {
-  return /* @__PURE__ */ jsx24(Accordion.Root, { ...rest, children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx21(Accordion.Root, { ...rest, children: /* @__PURE__ */ jsx21(
     "div",
     {
       className: "cnc-w-full cnc-h-screen-minus-70 cnc-flex cnc-flex-col cnc-py-8 cnc-bg-primary-800 cnc-px-5 \r\n                cnc-scroll-smooth cnc-overflow-y-auto\r\n                [&::-webkit-scrollbar]:cnc-w-1\r\n                [&::-webkit-scrollbar-track]:cnc-bg-brand-blue-500\r\n                [&::-webkit-scrollbar-thumb]:cnc-rounded\r\n                [&::-webkit-scrollbar-thumb]:cnc-border\r\n                [&::-webkit-scrollbar-thumb]:cnc-border-solid\r\n                [&::-webkit-scrollbar-thumb]:cnc-border-brand-gray-400\r\n                [&::-webkit-scrollbar-thumb]:cnc-bg-brand-gray-200\r\n                cnc-sidebar-child-w-0",
@@ -8999,7 +8881,7 @@ function SidebarNavLink({
   ...rest
 }) {
   const Component = asChild ? Slot6 : "a";
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx21(
     Component,
     {
       "data-type": type,
@@ -9020,7 +8902,7 @@ function SidebarNavCollapse({
         icon && renderIconItem(icon),
         title
       ] }),
-      /* @__PURE__ */ jsx24("div", { className: "cnc-w-4 cnc-h-4", children: /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx21("div", { className: "cnc-w-4 cnc-h-4", children: /* @__PURE__ */ jsx21(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -9033,11 +8915,11 @@ function SidebarNavCollapse({
           strokeLinecap: "round",
           strokeLinejoin: "round",
           className: "cnc-w-full cnc-h-full cnc-text-violet10 cnc-transition-transform cnc-duration-300  cnc-ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:cnc-rotate-90",
-          children: /* @__PURE__ */ jsx24("path", { d: "m9 18 6-6-6-6" })
+          children: /* @__PURE__ */ jsx21("path", { d: "m9 18 6-6-6-6" })
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx24(Accordion.Content, { className: "cnc-overflow-hidden data-[state=closed]:cnc-animate-slideUp data-[state=open]:cnc-animate-slideDown cnc-py-2", children: /* @__PURE__ */ jsx24("div", { className: "cnc-bg-white/10 cnc-rounded-md cnc-font-normal cnc-px-5 cnc-py-3", children }) })
+    /* @__PURE__ */ jsx21(Accordion.Content, { className: "cnc-overflow-hidden data-[state=closed]:cnc-animate-slideUp data-[state=open]:cnc-animate-slideDown cnc-py-2", children: /* @__PURE__ */ jsx21("div", { className: "cnc-bg-white/10 cnc-rounded-md cnc-font-normal cnc-px-5 cnc-py-3", children }) })
   ] });
 }
 function renderIconItem(icon) {
@@ -9050,15 +8932,15 @@ function renderIconItem(icon) {
     });
   }
   if (isValidElement(icon)) {
-    return /* @__PURE__ */ jsx24("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
+    return /* @__PURE__ */ jsx21("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
   }
-  return /* @__PURE__ */ jsx24("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
+  return /* @__PURE__ */ jsx21("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
 }
 
 // ../../node_modules/@radix-ui/react-popover/dist/index.mjs
-import * as React39 from "react";
+import * as React36 from "react";
 import { Slot as Slot7 } from "@radix-ui/react-slot";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var POPOVER_NAME = "Popover";
 var [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [
   createPopperScope
@@ -9075,14 +8957,14 @@ var Popover = (props) => {
     modal = false
   } = props;
   const popperScope = usePopperScope2(__scopePopover);
-  const triggerRef = React39.useRef(null);
-  const [hasCustomAnchor, setHasCustomAnchor] = React39.useState(false);
+  const triggerRef = React36.useRef(null);
+  const [hasCustomAnchor, setHasCustomAnchor] = React36.useState(false);
   const [open = false, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen,
     onChange: onOpenChange
   });
-  return /* @__PURE__ */ jsx25(Root2, { ...popperScope, children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx22(Root2, { ...popperScope, children: /* @__PURE__ */ jsx22(
     PopoverProvider,
     {
       scope: __scopePopover,
@@ -9090,10 +8972,10 @@ var Popover = (props) => {
       triggerRef,
       open,
       onOpenChange: setOpen,
-      onOpenToggle: React39.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      onOpenToggle: React36.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
       hasCustomAnchor,
-      onCustomAnchorAdd: React39.useCallback(() => setHasCustomAnchor(true), []),
-      onCustomAnchorRemove: React39.useCallback(() => setHasCustomAnchor(false), []),
+      onCustomAnchorAdd: React36.useCallback(() => setHasCustomAnchor(true), []),
+      onCustomAnchorRemove: React36.useCallback(() => setHasCustomAnchor(false), []),
       modal,
       children
     }
@@ -9101,28 +8983,28 @@ var Popover = (props) => {
 };
 Popover.displayName = POPOVER_NAME;
 var ANCHOR_NAME3 = "PopoverAnchor";
-var PopoverAnchor = React39.forwardRef(
+var PopoverAnchor = React36.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...anchorProps } = props;
     const context = usePopoverContext(ANCHOR_NAME3, __scopePopover);
     const popperScope = usePopperScope2(__scopePopover);
     const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
-    React39.useEffect(() => {
+    React36.useEffect(() => {
       onCustomAnchorAdd();
       return () => onCustomAnchorRemove();
     }, [onCustomAnchorAdd, onCustomAnchorRemove]);
-    return /* @__PURE__ */ jsx25(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx22(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
   }
 );
 PopoverAnchor.displayName = ANCHOR_NAME3;
 var TRIGGER_NAME3 = "PopoverTrigger";
-var PopoverTrigger = React39.forwardRef(
+var PopoverTrigger = React36.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...triggerProps } = props;
     const context = usePopoverContext(TRIGGER_NAME3, __scopePopover);
     const popperScope = usePopperScope2(__scopePopover);
     const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
-    const trigger = /* @__PURE__ */ jsx25(
+    const trigger = /* @__PURE__ */ jsx22(
       Primitive.button,
       {
         type: "button",
@@ -9135,7 +9017,7 @@ var PopoverTrigger = React39.forwardRef(
         onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
       }
     );
-    return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx25(Anchor, { asChild: true, ...popperScope, children: trigger });
+    return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx22(Anchor, { asChild: true, ...popperScope, children: trigger });
   }
 );
 PopoverTrigger.displayName = TRIGGER_NAME3;
@@ -9146,30 +9028,30 @@ var [PortalProvider3, usePortalContext3] = createPopoverContext(PORTAL_NAME5, {
 var PopoverPortal = (props) => {
   const { __scopePopover, forceMount, children, container } = props;
   const context = usePopoverContext(PORTAL_NAME5, __scopePopover);
-  return /* @__PURE__ */ jsx25(PortalProvider3, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx25(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx25(Portal, { asChild: true, container, children }) }) });
+  return /* @__PURE__ */ jsx22(PortalProvider3, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx22(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx22(Portal, { asChild: true, container, children }) }) });
 };
 PopoverPortal.displayName = PORTAL_NAME5;
 var CONTENT_NAME5 = "PopoverContent";
-var PopoverContent = React39.forwardRef(
+var PopoverContent = React36.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext3(CONTENT_NAME5, props.__scopePopover);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
     const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
-    return /* @__PURE__ */ jsx25(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx25(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx25(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ jsx22(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx22(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx22(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
   }
 );
 PopoverContent.displayName = CONTENT_NAME5;
-var PopoverContentModal = React39.forwardRef(
+var PopoverContentModal = React36.forwardRef(
   (props, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
-    const contentRef = React39.useRef(null);
+    const contentRef = React36.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
-    const isRightClickOutsideRef = React39.useRef(false);
-    React39.useEffect(() => {
+    const isRightClickOutsideRef = React36.useRef(false);
+    React36.useEffect(() => {
       const content = contentRef.current;
       if (content) return hideOthers(content);
     }, []);
-    return /* @__PURE__ */ jsx25(Combination_default, { as: Slot7, allowPinchZoom: true, children: /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx22(Combination_default, { as: Slot7, allowPinchZoom: true, children: /* @__PURE__ */ jsx22(
       PopoverContentImpl,
       {
         ...props,
@@ -9199,12 +9081,12 @@ var PopoverContentModal = React39.forwardRef(
     ) });
   }
 );
-var PopoverContentNonModal = React39.forwardRef(
+var PopoverContentNonModal = React36.forwardRef(
   (props, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
-    const hasInteractedOutsideRef = React39.useRef(false);
-    const hasPointerDownOutsideRef = React39.useRef(false);
-    return /* @__PURE__ */ jsx25(
+    const hasInteractedOutsideRef = React36.useRef(false);
+    const hasPointerDownOutsideRef = React36.useRef(false);
+    return /* @__PURE__ */ jsx22(
       PopoverContentImpl,
       {
         ...props,
@@ -9239,7 +9121,7 @@ var PopoverContentNonModal = React39.forwardRef(
     );
   }
 );
-var PopoverContentImpl = React39.forwardRef(
+var PopoverContentImpl = React36.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopePopover,
@@ -9256,7 +9138,7 @@ var PopoverContentImpl = React39.forwardRef(
     const context = usePopoverContext(CONTENT_NAME5, __scopePopover);
     const popperScope = usePopperScope2(__scopePopover);
     useFocusGuards();
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx22(
       FocusScope,
       {
         asChild: true,
@@ -9264,7 +9146,7 @@ var PopoverContentImpl = React39.forwardRef(
         trapped: trapFocus,
         onMountAutoFocus: onOpenAutoFocus,
         onUnmountAutoFocus: onCloseAutoFocus,
-        children: /* @__PURE__ */ jsx25(
+        children: /* @__PURE__ */ jsx22(
           DismissableLayer,
           {
             asChild: true,
@@ -9274,7 +9156,7 @@ var PopoverContentImpl = React39.forwardRef(
             onPointerDownOutside,
             onFocusOutside,
             onDismiss: () => context.onOpenChange(false),
-            children: /* @__PURE__ */ jsx25(
+            children: /* @__PURE__ */ jsx22(
               Content,
               {
                 "data-state": getState2(context.open),
@@ -9303,11 +9185,11 @@ var PopoverContentImpl = React39.forwardRef(
   }
 );
 var CLOSE_NAME2 = "PopoverClose";
-var PopoverClose = React39.forwardRef(
+var PopoverClose = React36.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverContext(CLOSE_NAME2, __scopePopover);
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx22(
       Primitive.button,
       {
         type: "button",
@@ -9320,11 +9202,11 @@ var PopoverClose = React39.forwardRef(
 );
 PopoverClose.displayName = CLOSE_NAME2;
 var ARROW_NAME4 = "PopoverArrow";
-var PopoverArrow = React39.forwardRef(
+var PopoverArrow = React36.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...arrowProps } = props;
     const popperScope = usePopperScope2(__scopePopover);
-    return /* @__PURE__ */ jsx25(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx22(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef });
   }
 );
 PopoverArrow.displayName = ARROW_NAME4;
@@ -9337,11 +9219,11 @@ var Portal4 = PopoverPortal;
 var Content23 = PopoverContent;
 
 // src/components/Popover/index.tsx
-import * as React40 from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import * as React37 from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var Popover2 = Root23;
 var PopoverTrigger2 = Trigger4;
-var PopoverContent2 = React40.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx26(Portal4, { children: /* @__PURE__ */ jsx26(
+var PopoverContent2 = React37.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx23(Portal4, { children: /* @__PURE__ */ jsx23(
   Content23,
   {
     ref,
@@ -9355,6 +9237,118 @@ var PopoverContent2 = React40.forwardRef(({ className, align = "center", sideOff
   }
 ) }));
 PopoverContent2.displayName = Content23.displayName;
+
+// src/components/Select/index.tsx
+import * as React38 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "cnc-flex cnc-h-10 cnc-w-full cnc-items-center cnc-justify-between cnc-rounded-md cnc-border cnc-border-input cnc-bg-background cnc-px-3 cnc-py-2 cnc-text-sm cnc-ring-offset-background placeholder:cnc-text-muted-foreground focus:cnc-outline-none focus:cnc-ring-2 focus:cnc-ring-ring focus:cnc-ring-offset-2 disabled:cnc-cursor-not-allowed disabled:cnc-opacity-50 [&>span]:cnc-line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx24(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx24(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "cnc-flex cnc-cursor-default cnc-items-center cnc-justify-center cnc-py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx24(ChevronUp, { className: "cnc-h-4 cnc-w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "cnc-flex cnc-cursor-default cnc-items-center cnc-justify-center cnc-py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx24(ChevronDown, { className: "cnc-h-4 cnc-w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React38.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx24(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs10(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "cnc-relative cnc-z-50 cnc-max-h-96 cnc-min-w-[8rem] cnc-overflow-hidden cnc-rounded-md cnc-border cnc-bg-popover cnc-text-popover-foreground cnc-shadow-md data-[state=open]:cnc-animate-in data-[state=closed]:cnc-animate-out data-[state=closed]:cnc-fade-out-0 data-[state=open]:cnc-fade-in-0 data-[state=closed]:cnc-zoom-out-95 data-[state=open]:cnc-zoom-in-95 data-[side=bottom]:cnc-slide-in-from-top-2 data-[side=left]:cnc-slide-in-from-right-2 data-[side=right]:cnc-slide-in-from-left-2 data-[side=top]:cnc-slide-in-from-bottom-2",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx24(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx24(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "cnc-p-1",
+            position === "popper" && "cnc-h-[var(--radix-select-trigger-height)] cnc-w-full cnc-min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx24(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("cnc-py-1.5 cnc-pl-8 cnc-pr-2 cnc-text-sm cnc-font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "cnc-relative cnc-flex cnc-w-full cnc-cursor-default cnc-select-none cnc-items-center cnc-rounded-sm cnc-py-1.5 cnc-pl-8 cnc-pr-2 cnc-text-sm cnc-outline-none focus:cnc-bg-accent focus:cnc-text-accent-foreground data-[disabled]:cnc-pointer-events-none data-[disabled]:cnc-opacity-50 hover:cnc-bg-slate-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx24("span", { className: "cnc-absolute cnc-left-2 cnc-flex cnc-h-3.5 cnc-w-3.5 cnc-cnc-items-center cnc-justify-center", children: /* @__PURE__ */ jsx24(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(Check, { className: "cnc-h-4 cnc-w-4" }) }) }),
+      /* @__PURE__ */ jsx24(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-cnc-mx-1 cnc-my-1 cnc-h-px cnc-bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 export {
   AplicationsHeader,
   Button,
@@ -9388,10 +9382,21 @@ export {
   HeaderProfileHeader,
   HeaderProfileItem,
   Modal,
+  ModalEntidade,
   ModalMudancaEntidade,
   Popover2 as Popover,
   PopoverContent2 as PopoverContent,
   PopoverTrigger2 as PopoverTrigger,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
   Sidebar,
   SidebarContainer,
   SidebarImageBrand,
@@ -9441,6 +9446,14 @@ lucide-react/dist/esm/icons/check.js:
    * See the LICENSE file in the root directory of this source tree.
    *)
 
+lucide-react/dist/esm/icons/chevron-down.js:
+  (**
+   * @license lucide-react v0.453.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
 lucide-react/dist/esm/icons/chevron-right.js:
   (**
    * @license lucide-react v0.453.0 - ISC
@@ -9449,6 +9462,14 @@ lucide-react/dist/esm/icons/chevron-right.js:
    * See the LICENSE file in the root directory of this source tree.
    *)
 
+lucide-react/dist/esm/icons/chevron-up.js:
+  (**
+   * @license lucide-react v0.453.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+
 lucide-react/dist/esm/icons/circle.js:
   (**
    * @license lucide-react v0.453.0 - ISC