@juv/codego-react-ui 1.1.2 → 1.1.5

package/dist/index.global.js

@@ -1455,720 +1455,720 @@ var CodegoUI = (() => {
     }
   });
 
-  // node_modules/react/cjs/react-jsx-runtime.production.js
-  var require_react_jsx_runtime_production = __commonJS({
-    "node_modules/react/cjs/react-jsx-runtime.production.js"(exports) {
+  // node_modules/react-dom/cjs/react-dom.production.js
+  var require_react_dom_production = __commonJS({
+    "node_modules/react-dom/cjs/react-dom.production.js"(exports) {
       "use strict";
-      var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element");
-      var REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment");
-      function jsxProd(type, config, maybeKey) {
-        var key = null;
-        void 0 !== maybeKey && (key = "" + maybeKey);
-        void 0 !== config.key && (key = "" + config.key);
-        if ("key" in config) {
-          maybeKey = {};
-          for (var propName in config)
-            "key" !== propName && (maybeKey[propName] = config[propName]);
-        } else maybeKey = config;
-        config = maybeKey.ref;
+      var React45 = require_react();
+      function formatProdErrorMessage(code) {
+        var url = "https://react.dev/errors/" + code;
+        if (1 < arguments.length) {
+          url += "?args[]=" + encodeURIComponent(arguments[1]);
+          for (var i = 2; i < arguments.length; i++)
+            url += "&args[]=" + encodeURIComponent(arguments[i]);
+        }
+        return "Minified React error #" + code + "; visit " + url + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
+      }
+      function noop() {
+      }
+      var Internals = {
+        d: {
+          f: noop,
+          r: function() {
+            throw Error(formatProdErrorMessage(522));
+          },
+          D: noop,
+          C: noop,
+          L: noop,
+          m: noop,
+          X: noop,
+          S: noop,
+          M: noop
+        },
+        p: 0,
+        findDOMNode: null
+      };
+      var REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal");
+      function createPortal$1(children, containerInfo, implementation) {
+        var key = 3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
         return {
-          $$typeof: REACT_ELEMENT_TYPE,
-          type,
-          key,
-          ref: void 0 !== config ? config : null,
-          props: maybeKey
+          $$typeof: REACT_PORTAL_TYPE,
+          key: null == key ? null : "" + key,
+          children,
+          containerInfo,
+          implementation
         };
       }
-      exports.Fragment = REACT_FRAGMENT_TYPE;
-      exports.jsx = jsxProd;
-      exports.jsxs = jsxProd;
+      var ReactSharedInternals = React45.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      function getCrossOriginStringAs(as, input) {
+        if ("font" === as) return "";
+        if ("string" === typeof input)
+          return "use-credentials" === input ? input : "";
+      }
+      exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = Internals;
+      exports.createPortal = function(children, container) {
+        var key = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null;
+        if (!container || 1 !== container.nodeType && 9 !== container.nodeType && 11 !== container.nodeType)
+          throw Error(formatProdErrorMessage(299));
+        return createPortal$1(children, container, null, key);
+      };
+      exports.flushSync = function(fn) {
+        var previousTransition = ReactSharedInternals.T, previousUpdatePriority = Internals.p;
+        try {
+          if (ReactSharedInternals.T = null, Internals.p = 2, fn) return fn();
+        } finally {
+          ReactSharedInternals.T = previousTransition, Internals.p = previousUpdatePriority, Internals.d.f();
+        }
+      };
+      exports.preconnect = function(href, options) {
+        "string" === typeof href && (options ? (options = options.crossOrigin, options = "string" === typeof options ? "use-credentials" === options ? options : "" : void 0) : options = null, Internals.d.C(href, options));
+      };
+      exports.prefetchDNS = function(href) {
+        "string" === typeof href && Internals.d.D(href);
+      };
+      exports.preinit = function(href, options) {
+        if ("string" === typeof href && options && "string" === typeof options.as) {
+          var as = options.as, crossOrigin = getCrossOriginStringAs(as, options.crossOrigin), integrity = "string" === typeof options.integrity ? options.integrity : void 0, fetchPriority = "string" === typeof options.fetchPriority ? options.fetchPriority : void 0;
+          "style" === as ? Internals.d.S(
+            href,
+            "string" === typeof options.precedence ? options.precedence : void 0,
+            {
+              crossOrigin,
+              integrity,
+              fetchPriority
+            }
+          ) : "script" === as && Internals.d.X(href, {
+            crossOrigin,
+            integrity,
+            fetchPriority,
+            nonce: "string" === typeof options.nonce ? options.nonce : void 0
+          });
+        }
+      };
+      exports.preinitModule = function(href, options) {
+        if ("string" === typeof href)
+          if ("object" === typeof options && null !== options) {
+            if (null == options.as || "script" === options.as) {
+              var crossOrigin = getCrossOriginStringAs(
+                options.as,
+                options.crossOrigin
+              );
+              Internals.d.M(href, {
+                crossOrigin,
+                integrity: "string" === typeof options.integrity ? options.integrity : void 0,
+                nonce: "string" === typeof options.nonce ? options.nonce : void 0
+              });
+            }
+          } else null == options && Internals.d.M(href);
+      };
+      exports.preload = function(href, options) {
+        if ("string" === typeof href && "object" === typeof options && null !== options && "string" === typeof options.as) {
+          var as = options.as, crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
+          Internals.d.L(href, as, {
+            crossOrigin,
+            integrity: "string" === typeof options.integrity ? options.integrity : void 0,
+            nonce: "string" === typeof options.nonce ? options.nonce : void 0,
+            type: "string" === typeof options.type ? options.type : void 0,
+            fetchPriority: "string" === typeof options.fetchPriority ? options.fetchPriority : void 0,
+            referrerPolicy: "string" === typeof options.referrerPolicy ? options.referrerPolicy : void 0,
+            imageSrcSet: "string" === typeof options.imageSrcSet ? options.imageSrcSet : void 0,
+            imageSizes: "string" === typeof options.imageSizes ? options.imageSizes : void 0,
+            media: "string" === typeof options.media ? options.media : void 0
+          });
+        }
+      };
+      exports.preloadModule = function(href, options) {
+        if ("string" === typeof href)
+          if (options) {
+            var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
+            Internals.d.m(href, {
+              as: "string" === typeof options.as && "script" !== options.as ? options.as : void 0,
+              crossOrigin,
+              integrity: "string" === typeof options.integrity ? options.integrity : void 0
+            });
+          } else Internals.d.m(href);
+      };
+      exports.requestFormReset = function(form) {
+        Internals.d.r(form);
+      };
+      exports.unstable_batchedUpdates = function(fn, a) {
+        return fn(a);
+      };
+      exports.useFormState = function(action, initialState2, permalink) {
+        return ReactSharedInternals.H.useFormState(action, initialState2, permalink);
+      };
+      exports.useFormStatus = function() {
+        return ReactSharedInternals.H.useHostTransitionStatus();
+      };
+      exports.version = "19.2.4";
     }
   });
 
-  // node_modules/react/cjs/react-jsx-runtime.development.js
-  var require_react_jsx_runtime_development = __commonJS({
-    "node_modules/react/cjs/react-jsx-runtime.development.js"(exports) {
+  // node_modules/react-dom/cjs/react-dom.development.js
+  var require_react_dom_development = __commonJS({
+    "node_modules/react-dom/cjs/react-dom.development.js"(exports) {
       "use strict";
       "production" !== process.env.NODE_ENV && (function() {
-        function getComponentNameFromType(type) {
-          if (null == type) return null;
-          if ("function" === typeof type)
-            return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
-          if ("string" === typeof type) return type;
-          switch (type) {
-            case REACT_FRAGMENT_TYPE:
-              return "Fragment";
-            case REACT_PROFILER_TYPE:
-              return "Profiler";
-            case REACT_STRICT_MODE_TYPE:
-              return "StrictMode";
-            case REACT_SUSPENSE_TYPE:
-              return "Suspense";
-            case REACT_SUSPENSE_LIST_TYPE:
-              return "SuspenseList";
-            case REACT_ACTIVITY_TYPE:
-              return "Activity";
-          }
-          if ("object" === typeof type)
-            switch ("number" === typeof type.tag && console.error(
-              "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-            ), type.$$typeof) {
-              case REACT_PORTAL_TYPE:
-                return "Portal";
-              case REACT_CONTEXT_TYPE:
-                return type.displayName || "Context";
-              case REACT_CONSUMER_TYPE:
-                return (type._context.displayName || "Context") + ".Consumer";
-              case REACT_FORWARD_REF_TYPE:
-                var innerType = type.render;
-                type = type.displayName;
-                type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
-                return type;
-              case REACT_MEMO_TYPE:
-                return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
-              case REACT_LAZY_TYPE:
-                innerType = type._payload;
-                type = type._init;
-                try {
-                  return getComponentNameFromType(type(innerType));
-                } catch (x) {
-                }
-            }
-          return null;
+        function noop() {
         }
         function testStringCoercion(value) {
           return "" + value;
         }
-        function checkKeyStringCoercion(value) {
+        function createPortal$1(children, containerInfo, implementation) {
+          var key = 3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
           try {
-            testStringCoercion(value);
+            testStringCoercion(key);
             var JSCompiler_inline_result = false;
           } catch (e) {
             JSCompiler_inline_result = true;
           }
-          if (JSCompiler_inline_result) {
-            JSCompiler_inline_result = console;
-            var JSCompiler_temp_const = JSCompiler_inline_result.error;
-            var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
-            JSCompiler_temp_const.call(
-              JSCompiler_inline_result,
-              "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-              JSCompiler_inline_result$jscomp$0
-            );
-            return testStringCoercion(value);
-          }
-        }
-        function getTaskName(type) {
-          if (type === REACT_FRAGMENT_TYPE) return "<>";
-          if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE)
-            return "<...>";
-          try {
-            var name = getComponentNameFromType(type);
-            return name ? "<" + name + ">" : "<...>";
-          } catch (x) {
-            return "<...>";
-          }
+          JSCompiler_inline_result && (console.error(
+            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+            "function" === typeof Symbol && Symbol.toStringTag && key[Symbol.toStringTag] || key.constructor.name || "Object"
+          ), testStringCoercion(key));
+          return {
+            $$typeof: REACT_PORTAL_TYPE,
+            key: null == key ? null : "" + key,
+            children,
+            containerInfo,
+            implementation
+          };
         }
-        function getOwner() {
-          var dispatcher = ReactSharedInternals.A;
-          return null === dispatcher ? null : dispatcher.getOwner();
-        }
-        function UnknownOwner() {
-          return Error("react-stack-top-frame");
-        }
-        function hasValidKey(config) {
-          if (hasOwnProperty.call(config, "key")) {
-            var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-            if (getter && getter.isReactWarning) return false;
-          }
-          return void 0 !== config.key;
+        function getCrossOriginStringAs(as, input) {
+          if ("font" === as) return "";
+          if ("string" === typeof input)
+            return "use-credentials" === input ? input : "";
         }
-        function defineKeyPropWarningGetter(props, displayName) {
-          function warnAboutAccessingKey() {
-            specialPropKeyWarningShown || (specialPropKeyWarningShown = true, console.error(
-              "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-              displayName
-            ));
-          }
-          warnAboutAccessingKey.isReactWarning = true;
-          Object.defineProperty(props, "key", {
-            get: warnAboutAccessingKey,
-            configurable: true
-          });
+        function getValueDescriptorExpectingObjectForWarning(thing) {
+          return null === thing ? "`null`" : void 0 === thing ? "`undefined`" : "" === thing ? "an empty string" : 'something with type "' + typeof thing + '"';
         }
-        function elementRefGetterWithDeprecationWarning() {
-          var componentName = getComponentNameFromType(this.type);
-          didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = true, console.error(
-            "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-          ));
-          componentName = this.props.ref;
-          return void 0 !== componentName ? componentName : null;
+        function getValueDescriptorExpectingEnumForWarning(thing) {
+          return null === thing ? "`null`" : void 0 === thing ? "`undefined`" : "" === thing ? "an empty string" : "string" === typeof thing ? JSON.stringify(thing) : "number" === typeof thing ? "`" + thing + "`" : 'something with type "' + typeof thing + '"';
         }
-        function ReactElement(type, key, props, owner, debugStack, debugTask) {
-          var refProp = props.ref;
-          type = {
-            $$typeof: REACT_ELEMENT_TYPE,
-            type,
-            key,
-            props,
-            _owner: owner
-          };
-          null !== (void 0 !== refProp ? refProp : null) ? Object.defineProperty(type, "ref", {
-            enumerable: false,
-            get: elementRefGetterWithDeprecationWarning
-          }) : Object.defineProperty(type, "ref", { enumerable: false, value: null });
-          type._store = {};
-          Object.defineProperty(type._store, "validated", {
-            configurable: false,
-            enumerable: false,
-            writable: true,
-            value: 0
-          });
-          Object.defineProperty(type, "_debugInfo", {
-            configurable: false,
-            enumerable: false,
-            writable: true,
-            value: null
-          });
-          Object.defineProperty(type, "_debugStack", {
-            configurable: false,
-            enumerable: false,
-            writable: true,
-            value: debugStack
-          });
-          Object.defineProperty(type, "_debugTask", {
-            configurable: false,
-            enumerable: false,
-            writable: true,
-            value: debugTask
-          });
-          Object.freeze && (Object.freeze(type.props), Object.freeze(type));
-          return type;
+        function resolveDispatcher() {
+          var dispatcher = ReactSharedInternals.H;
+          null === dispatcher && console.error(
+            "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
+          );
+          return dispatcher;
         }
-        function jsxDEVImpl(type, config, maybeKey, isStaticChildren, debugStack, debugTask) {
-          var children = config.children;
-          if (void 0 !== children)
-            if (isStaticChildren)
-              if (isArrayImpl(children)) {
-                for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++)
-                  validateChildKeys(children[isStaticChildren]);
-                Object.freeze && Object.freeze(children);
-              } else
-                console.error(
-                  "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-                );
-            else validateChildKeys(children);
-          if (hasOwnProperty.call(config, "key")) {
-            children = getComponentNameFromType(type);
-            var keys = Object.keys(config).filter(function(k) {
-              return "key" !== k;
+        "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+        var React45 = require_react(), Internals = {
+          d: {
+            f: noop,
+            r: function() {
+              throw Error(
+                "Invalid form element. requestFormReset must be passed a form that was rendered by React."
+              );
+            },
+            D: noop,
+            C: noop,
+            L: noop,
+            m: noop,
+            X: noop,
+            S: noop,
+            M: noop
+          },
+          p: 0,
+          findDOMNode: null
+        }, REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), ReactSharedInternals = React45.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+        "function" === typeof Map && null != Map.prototype && "function" === typeof Map.prototype.forEach && "function" === typeof Set && null != Set.prototype && "function" === typeof Set.prototype.clear && "function" === typeof Set.prototype.forEach || console.error(
+          "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
+        );
+        exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = Internals;
+        exports.createPortal = function(children, container) {
+          var key = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null;
+          if (!container || 1 !== container.nodeType && 9 !== container.nodeType && 11 !== container.nodeType)
+            throw Error("Target container is not a DOM element.");
+          return createPortal$1(children, container, null, key);
+        };
+        exports.flushSync = function(fn) {
+          var previousTransition = ReactSharedInternals.T, previousUpdatePriority = Internals.p;
+          try {
+            if (ReactSharedInternals.T = null, Internals.p = 2, fn)
+              return fn();
+          } finally {
+            ReactSharedInternals.T = previousTransition, Internals.p = previousUpdatePriority, Internals.d.f() && console.error(
+              "flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering. Consider moving this call to a scheduler task or micro task."
+            );
+          }
+        };
+        exports.preconnect = function(href, options) {
+          "string" === typeof href && href ? null != options && "object" !== typeof options ? console.error(
+            "ReactDOM.preconnect(): Expected the `options` argument (second) to be an object but encountered %s instead. The only supported option at this time is `crossOrigin` which accepts a string.",
+            getValueDescriptorExpectingEnumForWarning(options)
+          ) : null != options && "string" !== typeof options.crossOrigin && console.error(
+            "ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
+            getValueDescriptorExpectingObjectForWarning(options.crossOrigin)
+          ) : console.error(
+            "ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
+            getValueDescriptorExpectingObjectForWarning(href)
+          );
+          "string" === typeof href && (options ? (options = options.crossOrigin, options = "string" === typeof options ? "use-credentials" === options ? options : "" : void 0) : options = null, Internals.d.C(href, options));
+        };
+        exports.prefetchDNS = function(href) {
+          if ("string" !== typeof href || !href)
+            console.error(
+              "ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
+              getValueDescriptorExpectingObjectForWarning(href)
+            );
+          else if (1 < arguments.length) {
+            var options = arguments[1];
+            "object" === typeof options && options.hasOwnProperty("crossOrigin") ? console.error(
+              "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
+              getValueDescriptorExpectingEnumForWarning(options)
+            ) : console.error(
+              "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
+              getValueDescriptorExpectingEnumForWarning(options)
+            );
+          }
+          "string" === typeof href && Internals.d.D(href);
+        };
+        exports.preinit = function(href, options) {
+          "string" === typeof href && href ? null == options || "object" !== typeof options ? console.error(
+            "ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered %s instead.",
+            getValueDescriptorExpectingEnumForWarning(options)
+          ) : "style" !== options.as && "script" !== options.as && console.error(
+            'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered %s instead. Valid values for `as` are "style" and "script".',
+            getValueDescriptorExpectingEnumForWarning(options.as)
+          ) : console.error(
+            "ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
+            getValueDescriptorExpectingObjectForWarning(href)
+          );
+          if ("string" === typeof href && options && "string" === typeof options.as) {
+            var as = options.as, crossOrigin = getCrossOriginStringAs(as, options.crossOrigin), integrity = "string" === typeof options.integrity ? options.integrity : void 0, fetchPriority = "string" === typeof options.fetchPriority ? options.fetchPriority : void 0;
+            "style" === as ? Internals.d.S(
+              href,
+              "string" === typeof options.precedence ? options.precedence : void 0,
+              {
+                crossOrigin,
+                integrity,
+                fetchPriority
+              }
+            ) : "script" === as && Internals.d.X(href, {
+              crossOrigin,
+              integrity,
+              fetchPriority,
+              nonce: "string" === typeof options.nonce ? options.nonce : void 0
             });
-            isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
-            didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error(
-              'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
-              isStaticChildren,
-              children,
-              keys,
-              children
-            ), didWarnAboutKeySpread[children + isStaticChildren] = true);
           }
-          children = null;
-          void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
-          hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
-          if ("key" in config) {
-            maybeKey = {};
-            for (var propName in config)
-              "key" !== propName && (maybeKey[propName] = config[propName]);
-          } else maybeKey = config;
-          children && defineKeyPropWarningGetter(
-            maybeKey,
-            "function" === typeof type ? type.displayName || type.name || "Unknown" : type
+        };
+        exports.preinitModule = function(href, options) {
+          var encountered = "";
+          "string" === typeof href && href || (encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".");
+          void 0 !== options && "object" !== typeof options ? encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + "." : options && "as" in options && "script" !== options.as && (encountered += " The `as` option encountered was " + getValueDescriptorExpectingEnumForWarning(options.as) + ".");
+          if (encountered)
+            console.error(
+              "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
+              encountered
+            );
+          else
+            switch (encountered = options && "string" === typeof options.as ? options.as : "script", encountered) {
+              case "script":
+                break;
+              default:
+                encountered = getValueDescriptorExpectingEnumForWarning(encountered), console.error(
+                  'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
+                  encountered,
+                  href
+                );
+            }
+          if ("string" === typeof href)
+            if ("object" === typeof options && null !== options) {
+              if (null == options.as || "script" === options.as)
+                encountered = getCrossOriginStringAs(
+                  options.as,
+                  options.crossOrigin
+                ), Internals.d.M(href, {
+                  crossOrigin: encountered,
+                  integrity: "string" === typeof options.integrity ? options.integrity : void 0,
+                  nonce: "string" === typeof options.nonce ? options.nonce : void 0
+                });
+            } else null == options && Internals.d.M(href);
+        };
+        exports.preload = function(href, options) {
+          var encountered = "";
+          "string" === typeof href && href || (encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".");
+          null == options || "object" !== typeof options ? encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + "." : "string" === typeof options.as && options.as || (encountered += " The `as` option encountered was " + getValueDescriptorExpectingObjectForWarning(options.as) + ".");
+          encountered && console.error(
+            'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag.%s',
+            encountered
           );
-          return ReactElement(
-            type,
-            children,
-            maybeKey,
-            getOwner(),
-            debugStack,
-            debugTask
+          if ("string" === typeof href && "object" === typeof options && null !== options && "string" === typeof options.as) {
+            encountered = options.as;
+            var crossOrigin = getCrossOriginStringAs(
+              encountered,
+              options.crossOrigin
+            );
+            Internals.d.L(href, encountered, {
+              crossOrigin,
+              integrity: "string" === typeof options.integrity ? options.integrity : void 0,
+              nonce: "string" === typeof options.nonce ? options.nonce : void 0,
+              type: "string" === typeof options.type ? options.type : void 0,
+              fetchPriority: "string" === typeof options.fetchPriority ? options.fetchPriority : void 0,
+              referrerPolicy: "string" === typeof options.referrerPolicy ? options.referrerPolicy : void 0,
+              imageSrcSet: "string" === typeof options.imageSrcSet ? options.imageSrcSet : void 0,
+              imageSizes: "string" === typeof options.imageSizes ? options.imageSizes : void 0,
+              media: "string" === typeof options.media ? options.media : void 0
+            });
+          }
+        };
+        exports.preloadModule = function(href, options) {
+          var encountered = "";
+          "string" === typeof href && href || (encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".");
+          void 0 !== options && "object" !== typeof options ? encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + "." : options && "as" in options && "string" !== typeof options.as && (encountered += " The `as` option encountered was " + getValueDescriptorExpectingObjectForWarning(options.as) + ".");
+          encountered && console.error(
+            'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
+            encountered
           );
-        }
-        function validateChildKeys(node) {
-          isValidElement(node) ? node._store && (node._store.validated = 1) : "object" === typeof node && null !== node && node.$$typeof === REACT_LAZY_TYPE && ("fulfilled" === node._payload.status ? isValidElement(node._payload.value) && node._payload.value._store && (node._payload.value._store.validated = 1) : node._store && (node._store.validated = 1));
-        }
-        function isValidElement(object) {
-          return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
-        }
-        var React45 = require_react(), REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), ReactSharedInternals = React45.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
-          return null;
+          "string" === typeof href && (options ? (encountered = getCrossOriginStringAs(
+            options.as,
+            options.crossOrigin
+          ), Internals.d.m(href, {
+            as: "string" === typeof options.as && "script" !== options.as ? options.as : void 0,
+            crossOrigin: encountered,
+            integrity: "string" === typeof options.integrity ? options.integrity : void 0
+          })) : Internals.d.m(href));
+        };
+        exports.requestFormReset = function(form) {
+          Internals.d.r(form);
         };
-        React45 = {
-          react_stack_bottom_frame: function(callStackForError) {
-            return callStackForError();
-          }
+        exports.unstable_batchedUpdates = function(fn, a) {
+          return fn(a);
         };
-        var specialPropKeyWarningShown;
-        var didWarnAboutElementRef = {};
-        var unknownOwnerDebugStack = React45.react_stack_bottom_frame.bind(
-          React45,
-          UnknownOwner
-        )();
-        var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-        var didWarnAboutKeySpread = {};
-        exports.Fragment = REACT_FRAGMENT_TYPE;
-        exports.jsx = function(type, config, maybeKey) {
-          var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-          return jsxDEVImpl(
-            type,
-            config,
-            maybeKey,
-            false,
-            trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
-            trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-          );
+        exports.useFormState = function(action, initialState2, permalink) {
+          return resolveDispatcher().useFormState(action, initialState2, permalink);
         };
-        exports.jsxs = function(type, config, maybeKey) {
-          var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-          return jsxDEVImpl(
-            type,
-            config,
-            maybeKey,
-            true,
-            trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
-            trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-          );
+        exports.useFormStatus = function() {
+          return resolveDispatcher().useHostTransitionStatus();
         };
+        exports.version = "19.2.4";
+        "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
       })();
     }
   });
 
-  // node_modules/react/jsx-runtime.js
-  var require_jsx_runtime = __commonJS({
-    "node_modules/react/jsx-runtime.js"(exports, module) {
+  // node_modules/react-dom/index.js
+  var require_react_dom = __commonJS({
+    "node_modules/react-dom/index.js"(exports, module) {
       "use strict";
+      function checkDCE() {
+        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== "function") {
+          return;
+        }
+        if (process.env.NODE_ENV !== "production") {
+          throw new Error("^_^");
+        }
+        try {
+          __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
+        } catch (err) {
+          console.error(err);
+        }
+      }
       if (process.env.NODE_ENV === "production") {
-        module.exports = require_react_jsx_runtime_production();
+        checkDCE();
+        module.exports = require_react_dom_production();
       } else {
-        module.exports = require_react_jsx_runtime_development();
+        module.exports = require_react_dom_development();
       }
     }
   });
 
-  // node_modules/react-dom/cjs/react-dom.production.js
-  var require_react_dom_production = __commonJS({
-    "node_modules/react-dom/cjs/react-dom.production.js"(exports) {
+  // node_modules/react/cjs/react-jsx-runtime.production.js
+  var require_react_jsx_runtime_production = __commonJS({
+    "node_modules/react/cjs/react-jsx-runtime.production.js"(exports) {
       "use strict";
-      var React45 = require_react();
-      function formatProdErrorMessage(code) {
-        var url = "https://react.dev/errors/" + code;
-        if (1 < arguments.length) {
-          url += "?args[]=" + encodeURIComponent(arguments[1]);
-          for (var i = 2; i < arguments.length; i++)
-            url += "&args[]=" + encodeURIComponent(arguments[i]);
-        }
-        return "Minified React error #" + code + "; visit " + url + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
-      }
-      function noop() {
-      }
-      var Internals = {
-        d: {
-          f: noop,
-          r: function() {
-            throw Error(formatProdErrorMessage(522));
-          },
-          D: noop,
-          C: noop,
-          L: noop,
-          m: noop,
-          X: noop,
-          S: noop,
-          M: noop
-        },
-        p: 0,
-        findDOMNode: null
-      };
-      var REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal");
-      function createPortal$1(children, containerInfo, implementation) {
-        var key = 3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
+      var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element");
+      var REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment");
+      function jsxProd(type, config, maybeKey) {
+        var key = null;
+        void 0 !== maybeKey && (key = "" + maybeKey);
+        void 0 !== config.key && (key = "" + config.key);
+        if ("key" in config) {
+          maybeKey = {};
+          for (var propName in config)
+            "key" !== propName && (maybeKey[propName] = config[propName]);
+        } else maybeKey = config;
+        config = maybeKey.ref;
         return {
-          $$typeof: REACT_PORTAL_TYPE,
-          key: null == key ? null : "" + key,
-          children,
-          containerInfo,
-          implementation
+          $$typeof: REACT_ELEMENT_TYPE,
+          type,
+          key,
+          ref: void 0 !== config ? config : null,
+          props: maybeKey
         };
       }
-      var ReactSharedInternals = React45.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-      function getCrossOriginStringAs(as, input) {
-        if ("font" === as) return "";
-        if ("string" === typeof input)
-          return "use-credentials" === input ? input : "";
-      }
-      exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = Internals;
-      exports.createPortal = function(children, container) {
-        var key = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null;
-        if (!container || 1 !== container.nodeType && 9 !== container.nodeType && 11 !== container.nodeType)
-          throw Error(formatProdErrorMessage(299));
-        return createPortal$1(children, container, null, key);
-      };
-      exports.flushSync = function(fn) {
-        var previousTransition = ReactSharedInternals.T, previousUpdatePriority = Internals.p;
-        try {
-          if (ReactSharedInternals.T = null, Internals.p = 2, fn) return fn();
-        } finally {
-          ReactSharedInternals.T = previousTransition, Internals.p = previousUpdatePriority, Internals.d.f();
-        }
-      };
-      exports.preconnect = function(href, options) {
-        "string" === typeof href && (options ? (options = options.crossOrigin, options = "string" === typeof options ? "use-credentials" === options ? options : "" : void 0) : options = null, Internals.d.C(href, options));
-      };
-      exports.prefetchDNS = function(href) {
-        "string" === typeof href && Internals.d.D(href);
-      };
-      exports.preinit = function(href, options) {
-        if ("string" === typeof href && options && "string" === typeof options.as) {
-          var as = options.as, crossOrigin = getCrossOriginStringAs(as, options.crossOrigin), integrity = "string" === typeof options.integrity ? options.integrity : void 0, fetchPriority = "string" === typeof options.fetchPriority ? options.fetchPriority : void 0;
-          "style" === as ? Internals.d.S(
-            href,
-            "string" === typeof options.precedence ? options.precedence : void 0,
-            {
-              crossOrigin,
-              integrity,
-              fetchPriority
-            }
-          ) : "script" === as && Internals.d.X(href, {
-            crossOrigin,
-            integrity,
-            fetchPriority,
-            nonce: "string" === typeof options.nonce ? options.nonce : void 0
-          });
-        }
-      };
-      exports.preinitModule = function(href, options) {
-        if ("string" === typeof href)
-          if ("object" === typeof options && null !== options) {
-            if (null == options.as || "script" === options.as) {
-              var crossOrigin = getCrossOriginStringAs(
-                options.as,
-                options.crossOrigin
-              );
-              Internals.d.M(href, {
-                crossOrigin,
-                integrity: "string" === typeof options.integrity ? options.integrity : void 0,
-                nonce: "string" === typeof options.nonce ? options.nonce : void 0
-              });
-            }
-          } else null == options && Internals.d.M(href);
-      };
-      exports.preload = function(href, options) {
-        if ("string" === typeof href && "object" === typeof options && null !== options && "string" === typeof options.as) {
-          var as = options.as, crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
-          Internals.d.L(href, as, {
-            crossOrigin,
-            integrity: "string" === typeof options.integrity ? options.integrity : void 0,
-            nonce: "string" === typeof options.nonce ? options.nonce : void 0,
-            type: "string" === typeof options.type ? options.type : void 0,
-            fetchPriority: "string" === typeof options.fetchPriority ? options.fetchPriority : void 0,
-            referrerPolicy: "string" === typeof options.referrerPolicy ? options.referrerPolicy : void 0,
-            imageSrcSet: "string" === typeof options.imageSrcSet ? options.imageSrcSet : void 0,
-            imageSizes: "string" === typeof options.imageSizes ? options.imageSizes : void 0,
-            media: "string" === typeof options.media ? options.media : void 0
-          });
-        }
-      };
-      exports.preloadModule = function(href, options) {
-        if ("string" === typeof href)
-          if (options) {
-            var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
-            Internals.d.m(href, {
-              as: "string" === typeof options.as && "script" !== options.as ? options.as : void 0,
-              crossOrigin,
-              integrity: "string" === typeof options.integrity ? options.integrity : void 0
-            });
-          } else Internals.d.m(href);
-      };
-      exports.requestFormReset = function(form) {
-        Internals.d.r(form);
-      };
-      exports.unstable_batchedUpdates = function(fn, a) {
-        return fn(a);
-      };
-      exports.useFormState = function(action, initialState2, permalink) {
-        return ReactSharedInternals.H.useFormState(action, initialState2, permalink);
-      };
-      exports.useFormStatus = function() {
-        return ReactSharedInternals.H.useHostTransitionStatus();
-      };
-      exports.version = "19.2.4";
+      exports.Fragment = REACT_FRAGMENT_TYPE;
+      exports.jsx = jsxProd;
+      exports.jsxs = jsxProd;
     }
   });
 
-  // node_modules/react-dom/cjs/react-dom.development.js
-  var require_react_dom_development = __commonJS({
-    "node_modules/react-dom/cjs/react-dom.development.js"(exports) {
+  // node_modules/react/cjs/react-jsx-runtime.development.js
+  var require_react_jsx_runtime_development = __commonJS({
+    "node_modules/react/cjs/react-jsx-runtime.development.js"(exports) {
       "use strict";
       "production" !== process.env.NODE_ENV && (function() {
-        function noop() {
+        function getComponentNameFromType(type) {
+          if (null == type) return null;
+          if ("function" === typeof type)
+            return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
+          if ("string" === typeof type) return type;
+          switch (type) {
+            case REACT_FRAGMENT_TYPE:
+              return "Fragment";
+            case REACT_PROFILER_TYPE:
+              return "Profiler";
+            case REACT_STRICT_MODE_TYPE:
+              return "StrictMode";
+            case REACT_SUSPENSE_TYPE:
+              return "Suspense";
+            case REACT_SUSPENSE_LIST_TYPE:
+              return "SuspenseList";
+            case REACT_ACTIVITY_TYPE:
+              return "Activity";
+          }
+          if ("object" === typeof type)
+            switch ("number" === typeof type.tag && console.error(
+              "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+            ), type.$$typeof) {
+              case REACT_PORTAL_TYPE:
+                return "Portal";
+              case REACT_CONTEXT_TYPE:
+                return type.displayName || "Context";
+              case REACT_CONSUMER_TYPE:
+                return (type._context.displayName || "Context") + ".Consumer";
+              case REACT_FORWARD_REF_TYPE:
+                var innerType = type.render;
+                type = type.displayName;
+                type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
+                return type;
+              case REACT_MEMO_TYPE:
+                return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
+              case REACT_LAZY_TYPE:
+                innerType = type._payload;
+                type = type._init;
+                try {
+                  return getComponentNameFromType(type(innerType));
+                } catch (x) {
+                }
+            }
+          return null;
         }
         function testStringCoercion(value) {
           return "" + value;
         }
-        function createPortal$1(children, containerInfo, implementation) {
-          var key = 3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
+        function checkKeyStringCoercion(value) {
           try {
-            testStringCoercion(key);
+            testStringCoercion(value);
             var JSCompiler_inline_result = false;
           } catch (e) {
             JSCompiler_inline_result = true;
           }
-          JSCompiler_inline_result && (console.error(
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            "function" === typeof Symbol && Symbol.toStringTag && key[Symbol.toStringTag] || key.constructor.name || "Object"
-          ), testStringCoercion(key));
-          return {
-            $$typeof: REACT_PORTAL_TYPE,
-            key: null == key ? null : "" + key,
-            children,
-            containerInfo,
-            implementation
-          };
-        }
-        function getCrossOriginStringAs(as, input) {
-          if ("font" === as) return "";
-          if ("string" === typeof input)
-            return "use-credentials" === input ? input : "";
+          if (JSCompiler_inline_result) {
+            JSCompiler_inline_result = console;
+            var JSCompiler_temp_const = JSCompiler_inline_result.error;
+            var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
+            JSCompiler_temp_const.call(
+              JSCompiler_inline_result,
+              "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+              JSCompiler_inline_result$jscomp$0
+            );
+            return testStringCoercion(value);
+          }
         }
-        function getValueDescriptorExpectingObjectForWarning(thing) {
-          return null === thing ? "`null`" : void 0 === thing ? "`undefined`" : "" === thing ? "an empty string" : 'something with type "' + typeof thing + '"';
+        function getTaskName(type) {
+          if (type === REACT_FRAGMENT_TYPE) return "<>";
+          if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE)
+            return "<...>";
+          try {
+            var name = getComponentNameFromType(type);
+            return name ? "<" + name + ">" : "<...>";
+          } catch (x) {
+            return "<...>";
+          }
         }
-        function getValueDescriptorExpectingEnumForWarning(thing) {
-          return null === thing ? "`null`" : void 0 === thing ? "`undefined`" : "" === thing ? "an empty string" : "string" === typeof thing ? JSON.stringify(thing) : "number" === typeof thing ? "`" + thing + "`" : 'something with type "' + typeof thing + '"';
+        function getOwner() {
+          var dispatcher = ReactSharedInternals.A;
+          return null === dispatcher ? null : dispatcher.getOwner();
         }
-        function resolveDispatcher() {
-          var dispatcher = ReactSharedInternals.H;
-          null === dispatcher && console.error(
-            "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
-          );
-          return dispatcher;
+        function UnknownOwner() {
+          return Error("react-stack-top-frame");
         }
-        "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-        var React45 = require_react(), Internals = {
-          d: {
-            f: noop,
-            r: function() {
-              throw Error(
-                "Invalid form element. requestFormReset must be passed a form that was rendered by React."
-              );
-            },
-            D: noop,
-            C: noop,
-            L: noop,
-            m: noop,
-            X: noop,
-            S: noop,
-            M: noop
-          },
-          p: 0,
-          findDOMNode: null
-        }, REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), ReactSharedInternals = React45.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-        "function" === typeof Map && null != Map.prototype && "function" === typeof Map.prototype.forEach && "function" === typeof Set && null != Set.prototype && "function" === typeof Set.prototype.clear && "function" === typeof Set.prototype.forEach || console.error(
-          "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
-        );
-        exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = Internals;
-        exports.createPortal = function(children, container) {
-          var key = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null;
-          if (!container || 1 !== container.nodeType && 9 !== container.nodeType && 11 !== container.nodeType)
-            throw Error("Target container is not a DOM element.");
-          return createPortal$1(children, container, null, key);
-        };
-        exports.flushSync = function(fn) {
-          var previousTransition = ReactSharedInternals.T, previousUpdatePriority = Internals.p;
-          try {
-            if (ReactSharedInternals.T = null, Internals.p = 2, fn)
-              return fn();
-          } finally {
-            ReactSharedInternals.T = previousTransition, Internals.p = previousUpdatePriority, Internals.d.f() && console.error(
-              "flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering. Consider moving this call to a scheduler task or micro task."
-            );
-          }
-        };
-        exports.preconnect = function(href, options) {
-          "string" === typeof href && href ? null != options && "object" !== typeof options ? console.error(
-            "ReactDOM.preconnect(): Expected the `options` argument (second) to be an object but encountered %s instead. The only supported option at this time is `crossOrigin` which accepts a string.",
-            getValueDescriptorExpectingEnumForWarning(options)
-          ) : null != options && "string" !== typeof options.crossOrigin && console.error(
-            "ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
-            getValueDescriptorExpectingObjectForWarning(options.crossOrigin)
-          ) : console.error(
-            "ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
-            getValueDescriptorExpectingObjectForWarning(href)
-          );
-          "string" === typeof href && (options ? (options = options.crossOrigin, options = "string" === typeof options ? "use-credentials" === options ? options : "" : void 0) : options = null, Internals.d.C(href, options));
-        };
-        exports.prefetchDNS = function(href) {
-          if ("string" !== typeof href || !href)
-            console.error(
-              "ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
-              getValueDescriptorExpectingObjectForWarning(href)
-            );
-          else if (1 < arguments.length) {
-            var options = arguments[1];
-            "object" === typeof options && options.hasOwnProperty("crossOrigin") ? console.error(
-              "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
-              getValueDescriptorExpectingEnumForWarning(options)
-            ) : console.error(
-              "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
-              getValueDescriptorExpectingEnumForWarning(options)
-            );
+        function hasValidKey(config) {
+          if (hasOwnProperty.call(config, "key")) {
+            var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+            if (getter && getter.isReactWarning) return false;
           }
-          "string" === typeof href && Internals.d.D(href);
-        };
-        exports.preinit = function(href, options) {
-          "string" === typeof href && href ? null == options || "object" !== typeof options ? console.error(
-            "ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered %s instead.",
-            getValueDescriptorExpectingEnumForWarning(options)
-          ) : "style" !== options.as && "script" !== options.as && console.error(
-            'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered %s instead. Valid values for `as` are "style" and "script".',
-            getValueDescriptorExpectingEnumForWarning(options.as)
-          ) : console.error(
-            "ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
-            getValueDescriptorExpectingObjectForWarning(href)
-          );
-          if ("string" === typeof href && options && "string" === typeof options.as) {
-            var as = options.as, crossOrigin = getCrossOriginStringAs(as, options.crossOrigin), integrity = "string" === typeof options.integrity ? options.integrity : void 0, fetchPriority = "string" === typeof options.fetchPriority ? options.fetchPriority : void 0;
-            "style" === as ? Internals.d.S(
-              href,
-              "string" === typeof options.precedence ? options.precedence : void 0,
-              {
-                crossOrigin,
-                integrity,
-                fetchPriority
-              }
-            ) : "script" === as && Internals.d.X(href, {
-              crossOrigin,
-              integrity,
-              fetchPriority,
-              nonce: "string" === typeof options.nonce ? options.nonce : void 0
-            });
+          return void 0 !== config.key;
+        }
+        function defineKeyPropWarningGetter(props, displayName) {
+          function warnAboutAccessingKey() {
+            specialPropKeyWarningShown || (specialPropKeyWarningShown = true, console.error(
+              "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+              displayName
+            ));
           }
-        };
-        exports.preinitModule = function(href, options) {
-          var encountered = "";
-          "string" === typeof href && href || (encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".");
-          void 0 !== options && "object" !== typeof options ? encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + "." : options && "as" in options && "script" !== options.as && (encountered += " The `as` option encountered was " + getValueDescriptorExpectingEnumForWarning(options.as) + ".");
-          if (encountered)
-            console.error(
-              "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
-              encountered
-            );
-          else
-            switch (encountered = options && "string" === typeof options.as ? options.as : "script", encountered) {
-              case "script":
-                break;
-              default:
-                encountered = getValueDescriptorExpectingEnumForWarning(encountered), console.error(
-                  'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
-                  encountered,
-                  href
+          warnAboutAccessingKey.isReactWarning = true;
+          Object.defineProperty(props, "key", {
+            get: warnAboutAccessingKey,
+            configurable: true
+          });
+        }
+        function elementRefGetterWithDeprecationWarning() {
+          var componentName = getComponentNameFromType(this.type);
+          didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = true, console.error(
+            "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+          ));
+          componentName = this.props.ref;
+          return void 0 !== componentName ? componentName : null;
+        }
+        function ReactElement(type, key, props, owner, debugStack, debugTask) {
+          var refProp = props.ref;
+          type = {
+            $$typeof: REACT_ELEMENT_TYPE,
+            type,
+            key,
+            props,
+            _owner: owner
+          };
+          null !== (void 0 !== refProp ? refProp : null) ? Object.defineProperty(type, "ref", {
+            enumerable: false,
+            get: elementRefGetterWithDeprecationWarning
+          }) : Object.defineProperty(type, "ref", { enumerable: false, value: null });
+          type._store = {};
+          Object.defineProperty(type._store, "validated", {
+            configurable: false,
+            enumerable: false,
+            writable: true,
+            value: 0
+          });
+          Object.defineProperty(type, "_debugInfo", {
+            configurable: false,
+            enumerable: false,
+            writable: true,
+            value: null
+          });
+          Object.defineProperty(type, "_debugStack", {
+            configurable: false,
+            enumerable: false,
+            writable: true,
+            value: debugStack
+          });
+          Object.defineProperty(type, "_debugTask", {
+            configurable: false,
+            enumerable: false,
+            writable: true,
+            value: debugTask
+          });
+          Object.freeze && (Object.freeze(type.props), Object.freeze(type));
+          return type;
+        }
+        function jsxDEVImpl(type, config, maybeKey, isStaticChildren, debugStack, debugTask) {
+          var children = config.children;
+          if (void 0 !== children)
+            if (isStaticChildren)
+              if (isArrayImpl(children)) {
+                for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++)
+                  validateChildKeys(children[isStaticChildren]);
+                Object.freeze && Object.freeze(children);
+              } else
+                console.error(
+                  "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
                 );
-            }
-          if ("string" === typeof href)
-            if ("object" === typeof options && null !== options) {
-              if (null == options.as || "script" === options.as)
-                encountered = getCrossOriginStringAs(
-                  options.as,
-                  options.crossOrigin
-                ), Internals.d.M(href, {
-                  crossOrigin: encountered,
-                  integrity: "string" === typeof options.integrity ? options.integrity : void 0,
-                  nonce: "string" === typeof options.nonce ? options.nonce : void 0
-                });
-            } else null == options && Internals.d.M(href);
-        };
-        exports.preload = function(href, options) {
-          var encountered = "";
-          "string" === typeof href && href || (encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".");
-          null == options || "object" !== typeof options ? encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + "." : "string" === typeof options.as && options.as || (encountered += " The `as` option encountered was " + getValueDescriptorExpectingObjectForWarning(options.as) + ".");
-          encountered && console.error(
-            'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag.%s',
-            encountered
-          );
-          if ("string" === typeof href && "object" === typeof options && null !== options && "string" === typeof options.as) {
-            encountered = options.as;
-            var crossOrigin = getCrossOriginStringAs(
-              encountered,
-              options.crossOrigin
-            );
-            Internals.d.L(href, encountered, {
-              crossOrigin,
-              integrity: "string" === typeof options.integrity ? options.integrity : void 0,
-              nonce: "string" === typeof options.nonce ? options.nonce : void 0,
-              type: "string" === typeof options.type ? options.type : void 0,
-              fetchPriority: "string" === typeof options.fetchPriority ? options.fetchPriority : void 0,
-              referrerPolicy: "string" === typeof options.referrerPolicy ? options.referrerPolicy : void 0,
-              imageSrcSet: "string" === typeof options.imageSrcSet ? options.imageSrcSet : void 0,
-              imageSizes: "string" === typeof options.imageSizes ? options.imageSizes : void 0,
-              media: "string" === typeof options.media ? options.media : void 0
+            else validateChildKeys(children);
+          if (hasOwnProperty.call(config, "key")) {
+            children = getComponentNameFromType(type);
+            var keys = Object.keys(config).filter(function(k) {
+              return "key" !== k;
             });
+            isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
+            didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error(
+              'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
+              isStaticChildren,
+              children,
+              keys,
+              children
+            ), didWarnAboutKeySpread[children + isStaticChildren] = true);
           }
-        };
-        exports.preloadModule = function(href, options) {
-          var encountered = "";
-          "string" === typeof href && href || (encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".");
-          void 0 !== options && "object" !== typeof options ? encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + "." : options && "as" in options && "string" !== typeof options.as && (encountered += " The `as` option encountered was " + getValueDescriptorExpectingObjectForWarning(options.as) + ".");
-          encountered && console.error(
-            'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
-            encountered
+          children = null;
+          void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
+          hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
+          if ("key" in config) {
+            maybeKey = {};
+            for (var propName in config)
+              "key" !== propName && (maybeKey[propName] = config[propName]);
+          } else maybeKey = config;
+          children && defineKeyPropWarningGetter(
+            maybeKey,
+            "function" === typeof type ? type.displayName || type.name || "Unknown" : type
           );
-          "string" === typeof href && (options ? (encountered = getCrossOriginStringAs(
-            options.as,
-            options.crossOrigin
-          ), Internals.d.m(href, {
-            as: "string" === typeof options.as && "script" !== options.as ? options.as : void 0,
-            crossOrigin: encountered,
-            integrity: "string" === typeof options.integrity ? options.integrity : void 0
-          })) : Internals.d.m(href));
-        };
-        exports.requestFormReset = function(form) {
-          Internals.d.r(form);
+          return ReactElement(
+            type,
+            children,
+            maybeKey,
+            getOwner(),
+            debugStack,
+            debugTask
+          );
+        }
+        function validateChildKeys(node) {
+          isValidElement(node) ? node._store && (node._store.validated = 1) : "object" === typeof node && null !== node && node.$$typeof === REACT_LAZY_TYPE && ("fulfilled" === node._payload.status ? isValidElement(node._payload.value) && node._payload.value._store && (node._payload.value._store.validated = 1) : node._store && (node._store.validated = 1));
+        }
+        function isValidElement(object) {
+          return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
+        }
+        var React45 = require_react(), REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), ReactSharedInternals = React45.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+          return null;
         };
-        exports.unstable_batchedUpdates = function(fn, a) {
-          return fn(a);
+        React45 = {
+          react_stack_bottom_frame: function(callStackForError) {
+            return callStackForError();
+          }
         };
-        exports.useFormState = function(action, initialState2, permalink) {
-          return resolveDispatcher().useFormState(action, initialState2, permalink);
+        var specialPropKeyWarningShown;
+        var didWarnAboutElementRef = {};
+        var unknownOwnerDebugStack = React45.react_stack_bottom_frame.bind(
+          React45,
+          UnknownOwner
+        )();
+        var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
+        var didWarnAboutKeySpread = {};
+        exports.Fragment = REACT_FRAGMENT_TYPE;
+        exports.jsx = function(type, config, maybeKey) {
+          var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+          return jsxDEVImpl(
+            type,
+            config,
+            maybeKey,
+            false,
+            trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
+            trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
+          );
         };
-        exports.useFormStatus = function() {
-          return resolveDispatcher().useHostTransitionStatus();
+        exports.jsxs = function(type, config, maybeKey) {
+          var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+          return jsxDEVImpl(
+            type,
+            config,
+            maybeKey,
+            true,
+            trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
+            trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
+          );
         };
-        exports.version = "19.2.4";
-        "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
       })();
     }
   });
 
-  // node_modules/react-dom/index.js
-  var require_react_dom = __commonJS({
-    "node_modules/react-dom/index.js"(exports, module) {
+  // node_modules/react/jsx-runtime.js
+  var require_jsx_runtime = __commonJS({
+    "node_modules/react/jsx-runtime.js"(exports, module) {
       "use strict";
-      function checkDCE() {
-        if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== "function") {
-          return;
-        }
-        if (process.env.NODE_ENV !== "production") {
-          throw new Error("^_^");
-        }
-        try {
-          __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
-        } catch (err) {
-          console.error(err);
-        }
-      }
       if (process.env.NODE_ENV === "production") {
-        checkDCE();
-        module.exports = require_react_dom_production();
+        module.exports = require_react_jsx_runtime_production();
       } else {
-        module.exports = require_react_dom_development();
+        module.exports = require_react_jsx_runtime_development();
       }
     }
   });
@@ -2181,6 +2181,7 @@ var CodegoUI = (() => {
     Badge: () => Badge,
     Breadcrumb: () => Breadcrumb,
     Button: () => Button,
+    COLOR_PALETTE: () => COLOR_PALETTE,
     Calendar: () => Calendar,
     Card: () => Card,
     CardContent: () => CardContent,
@@ -2250,6 +2251,7 @@ var CodegoUI = (() => {
     Tabs: () => Tabs,
     TagInput: () => TagInput,
     Textarea: () => Textarea,
+    ThemeProvider: () => ThemeProvider,
     Timeline: () => Timeline,
     ToastProvider: () => ToastProvider,
     ToggleSwitch: () => ToggleSwitch,
@@ -2258,6 +2260,7 @@ var CodegoUI = (() => {
     TreeView: () => TreeView,
     Widget: () => Widget,
     Wizard: () => Wizard,
+    useTheme: () => useTheme,
     useToast: () => useToast
   });
 
@@ -6032,9 +6035,25 @@ var CodegoUI = (() => {
   var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 
   // src/lib/utils.ts
+  var ReactDOM = __toESM(require_react_dom(), 1);
   function cn(...inputs) {
     return twMerge(clsx(inputs));
   }
+  function getPortalPosition(triggerEl, dropdownHeight = 300, preferredPlacement = "bottom") {
+    const r2 = triggerEl.getBoundingClientRect();
+    const spaceBelow = window.innerHeight - r2.bottom;
+    const spaceAbove = r2.top;
+    const placement = preferredPlacement === "bottom" && spaceBelow < dropdownHeight && spaceAbove > spaceBelow ? "top" : preferredPlacement;
+    return {
+      top: placement === "bottom" ? r2.bottom + 4 : r2.top - 4,
+      left: r2.left,
+      width: r2.width,
+      placement
+    };
+  }
+  function FloatingPortal({ children }) {
+    return ReactDOM.createPortal(children, document.body);
+  }
 
   // src/components/ui/accordion.tsx
   var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
@@ -6824,6 +6843,8 @@ var CodegoUI = (() => {
     const [opacity, setOpacity] = React7.useState(100);
     const [recent, setRecent] = React7.useState([]);
     const ref = React7.useRef(null);
+    const triggerRef = React7.useRef(null);
+    const [dropStyle, setDropStyle] = React7.useState({});
     const color = controlled ?? internal;
     React7.useEffect(() => {
       setHex(color);
@@ -6835,6 +6856,19 @@ var CodegoUI = (() => {
       document.addEventListener("mousedown", handler);
       return () => document.removeEventListener("mousedown", handler);
     }, []);
+    function openPicker() {
+      if (triggerRef.current) {
+        const pos = getPortalPosition(triggerRef.current, 280);
+        setDropStyle({
+          position: "fixed",
+          top: pos.placement === "bottom" ? pos.top : void 0,
+          bottom: pos.placement === "top" ? window.innerHeight - pos.top : void 0,
+          left: pos.left,
+          zIndex: 9999
+        });
+      }
+      setOpen(true);
+    }
     function apply(c) {
       if (!controlled) setInternal(c);
       onChange?.(c);
@@ -6849,9 +6883,10 @@ var CodegoUI = (() => {
       /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
         "button",
         {
+          ref: triggerRef,
           type: "button",
           disabled,
-          onClick: () => setOpen((v) => !v),
+          onClick: () => open ? setOpen(false) : openPicker(),
           className: cn(
             "flex items-center gap-2 h-9 px-3 rounded-xl border border-border bg-background text-sm transition-colors hover:border-primary/40 focus:outline-none focus:ring-2 focus:ring-ring",
             disabled && "opacity-50 cursor-not-allowed pointer-events-none"
@@ -6862,7 +6897,7 @@ var CodegoUI = (() => {
           ]
         }
       ),
-      open && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "absolute z-50 mt-1 w-56 rounded-xl border border-border glass shadow-2xl p-3 space-y-3", children: [
+      open && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w-56 rounded-xl border border-border glass shadow-2xl p-3 space-y-3", style: dropStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "input",
@@ -6917,10 +6952,7 @@ var CodegoUI = (() => {
                 apply(s);
                 setHex(s);
               },
-              className: cn(
-                "h-6 w-6 rounded-md border transition-transform hover:scale-110",
-                color === s ? "border-primary ring-1 ring-primary" : "border-border/60"
-              ),
+              className: cn("h-6 w-6 rounded-md border transition-transform hover:scale-110", color === s ? "border-primary ring-1 ring-primary" : "border-border/60"),
               style: { backgroundColor: s },
               title: s
             },
@@ -6944,7 +6976,7 @@ var CodegoUI = (() => {
             s
           )) })
         ] })
-      ] })
+      ] }) })
     ] });
   }
 
@@ -6970,7 +7002,9 @@ var CodegoUI = (() => {
     const [open, setOpen] = React8.useState(false);
     const [query, setQuery] = React8.useState("");
     const ref = React8.useRef(null);
+    const triggerRef = React8.useRef(null);
     const inputRef = React8.useRef(null);
+    const [dropStyle, setDropStyle] = React8.useState({});
     const selected = controlled ?? internal;
     function update(val) {
       if (!controlled) setInternal(val);
@@ -6994,6 +7028,20 @@ var CodegoUI = (() => {
       e.stopPropagation();
       update(multiple ? [] : "");
     }
+    const openDropdown = () => {
+      if (triggerRef.current) {
+        const pos = getPortalPosition(triggerRef.current, 300);
+        setDropStyle({
+          position: "fixed",
+          top: pos.placement === "bottom" ? pos.top : void 0,
+          bottom: pos.placement === "top" ? window.innerHeight - pos.top : void 0,
+          left: pos.left,
+          width: pos.width,
+          zIndex: 9999
+        });
+      }
+      setOpen(true);
+    };
     React8.useEffect(() => {
       function handler(e) {
         if (ref.current && !ref.current.contains(e.target)) {
@@ -7007,13 +7055,10 @@ var CodegoUI = (() => {
     React8.useEffect(() => {
       if (open) setTimeout(() => inputRef.current?.focus(), 50);
     }, [open]);
-    const filtered = options.filter(
-      (o) => o.label.toLowerCase().includes(query.toLowerCase())
-    );
+    const filtered = options.filter((o) => o.label.toLowerCase().includes(query.toLowerCase()));
     const groups = Array.from(new Set(filtered.map((o) => o.group ?? ""))).filter(Boolean);
     const ungrouped = filtered.filter((o) => !o.group);
     const showCreate = creatable && query && !options.find((o) => o.label.toLowerCase() === query.toLowerCase());
-    const selectedLabels = multiple ? selected.map((v) => options.find((o) => o.value === v)?.label ?? v) : options.find((o) => o.value === selected)?.label;
     const hasValue = multiple ? selected.length > 0 : !!selected;
     function renderOptions(opts) {
       return opts.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
@@ -7041,9 +7086,10 @@ var CodegoUI = (() => {
       /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
         "button",
         {
+          ref: triggerRef,
           type: "button",
           disabled,
-          onClick: () => setOpen((v) => !v),
+          onClick: () => open ? setOpen(false) : openDropdown(),
           className: cn(
             "flex w-full items-center justify-between gap-2 rounded-xl border border-border bg-background px-3 py-2 text-sm transition-colors",
             "hover:border-primary/40 focus:outline-none focus:ring-2 focus:ring-ring",
@@ -7051,7 +7097,7 @@ var CodegoUI = (() => {
             disabled && "opacity-50 cursor-not-allowed pointer-events-none"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: cn("flex-1 truncate text-left", !hasValue && "text-muted-foreground"), children: multiple ? selected.length > 0 ? `${selected.length} selected` : placeholder : selectedLabels || placeholder }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: cn("flex-1 truncate text-left", !hasValue && "text-muted-foreground"), children: multiple ? selected.length > 0 ? `${selected.length} selected` : placeholder : options.find((o) => o.value === selected)?.label || placeholder }),
             /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "flex items-center gap-1 shrink-0", children: [
               clearable && hasValue && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { onClick: clear, className: "text-muted-foreground hover:text-foreground transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(X, { className: "h-3.5 w-3.5" }) }),
               /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ChevronDown, { className: cn("h-4 w-4 text-muted-foreground transition-transform", open && "rotate-180") })
@@ -7059,50 +7105,57 @@ var CodegoUI = (() => {
           ]
         }
       ),
-      open && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "absolute z-50 mt-1 w-full rounded-xl border border-border glass shadow-2xl overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Search, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "input",
-            {
-              ref: inputRef,
-              value: query,
-              onChange: (e) => setQuery(e.target.value),
-              placeholder: searchPlaceholder,
-              className: "flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "overflow-y-auto p-1", style: { maxHeight }, children: [
-          showCreate && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                toggle(query);
-                setQuery("");
-              },
-              className: "flex w-full items-center gap-2 px-3 py-2 text-sm rounded-lg hover:bg-accent text-primary",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Plus, { className: "h-3.5 w-3.5" }),
-                'Create "',
-                query,
-                '"'
-              ]
-            }
-          ),
-          groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group }),
-            renderOptions(filtered.filter((o) => o.group === group))
-          ] }, group)),
-          renderOptions(ungrouped),
-          filtered.length === 0 && !showCreate && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No results" })
-        ] }),
-        multiple && selected.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "border-t border-border px-3 py-2 flex flex-wrap gap-1", children: selected.map((v) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary/15 text-primary text-xs px-2 py-0.5", children: [
-          options.find((o) => o.value === v)?.label ?? v,
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", onClick: () => toggle(v), className: "opacity-60 hover:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(X, { className: "h-3 w-3" }) })
-        ] }, v)) })
-      ] })
+      open && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        "div",
+        {
+          className: "rounded-xl border border-border glass shadow-2xl overflow-hidden",
+          style: dropStyle,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Search, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "input",
+                {
+                  ref: inputRef,
+                  value: query,
+                  onChange: (e) => setQuery(e.target.value),
+                  placeholder: searchPlaceholder,
+                  className: "flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "overflow-y-auto p-1", style: { maxHeight }, children: [
+              showCreate && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    toggle(query);
+                    setQuery("");
+                  },
+                  className: "flex w-full items-center gap-2 px-3 py-2 text-sm rounded-lg hover:bg-accent text-primary",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Plus, { className: "h-3.5 w-3.5" }),
+                    'Create "',
+                    query,
+                    '"'
+                  ]
+                }
+              ),
+              groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group }),
+                renderOptions(filtered.filter((o) => o.group === group))
+              ] }, group)),
+              renderOptions(ungrouped),
+              filtered.length === 0 && !showCreate && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: "No results" })
+            ] }),
+            multiple && selected.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "border-t border-border px-3 py-2 flex flex-wrap gap-1", children: selected.map((v) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary/15 text-primary text-xs px-2 py-0.5", children: [
+              options.find((o) => o.value === v)?.label ?? v,
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", onClick: () => toggle(v), className: "opacity-60 hover:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(X, { className: "h-3 w-3" }) })
+            ] }, v)) })
+          ]
+        }
+      ) })
     ] });
   }
 
@@ -7560,12 +7613,12 @@ var CodegoUI = (() => {
     const total = data.reduce((s, d) => s + d.value, 0) || 1;
     const cx = 80, cy = height / 2, r2 = Math.min(cx, cy) - 10, inner = r2 * 0.58;
     let angle = -Math.PI / 2;
-    const defaultColors2 = ["primary", "info", "success", "warning", "danger"];
+    const defaultColors = ["primary", "info", "success", "warning", "danger"];
     const slices = data.map((d, i) => {
       const sweep = d.value / total * 2 * Math.PI;
       const start = angle;
       angle += sweep;
-      const c = d.color ?? defaultColors2[i % defaultColors2.length];
+      const c = d.color ?? defaultColors[i % defaultColors.length];
       return { ...d, start, sweep, color: c };
     });
     const arc = (cx2, cy2, r3, start, end) => {
@@ -9911,6 +9964,20 @@ var CodegoUI = (() => {
       return null;
     }
   }
+  function getAnchorStyle(anchorEl, wide = false) {
+    if (!anchorEl) return { position: "fixed", top: 0, left: 0, zIndex: 9999 };
+    const r2 = anchorEl.getBoundingClientRect();
+    const spaceBelow = window.innerHeight - r2.bottom;
+    const dropH = wide ? 320 : 300;
+    const placement = spaceBelow < dropH && r2.top > spaceBelow ? "top" : "bottom";
+    return {
+      position: "fixed",
+      top: placement === "bottom" ? r2.bottom + 4 : void 0,
+      bottom: placement === "top" ? window.innerHeight - r2.top + 4 : void 0,
+      left: r2.left,
+      zIndex: 9999
+    };
+  }
   function TimePicker({
     selected,
     disabledDateTimes,
@@ -9976,27 +10043,11 @@ var CodegoUI = (() => {
   }) {
     const days = buildCalendarDays(month);
     const isDisabled = (d) => disabledDates?.includes(format(d, "yyyy-MM-dd")) ?? false;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "p-3 select-none", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: onPrevMonth,
-            className: "p-1 rounded hover:bg-white/10 text-muted-foreground hover:text-foreground transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChevronLeft, { size: 16 })
-          }
-        ),
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "p-3 select-none", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", onClick: onPrevMonth, className: "p-1 rounded hover:bg-white/10 text-muted-foreground hover:text-foreground transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChevronLeft, { size: 16 }) }),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-semibold text-foreground", children: format(month, "MMMM yyyy") }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: onNextMonth,
-            className: "p-1 rounded hover:bg-white/10 text-muted-foreground hover:text-foreground transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChevronRight, { size: 16 })
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", onClick: onNextMonth, className: "p-1 rounded hover:bg-white/10 text-muted-foreground hover:text-foreground transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChevronRight, { size: 16 }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-7 mb-1", children: DAYS2.map((d) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "text-center text-xs text-muted-foreground py-1", children: d }, d)) }),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-7 gap-y-1", children: days.map((d, i) => {
@@ -10031,136 +10082,44 @@ var CodegoUI = (() => {
     disabledDates,
     disabledDateTimes,
     onChange,
-    onClose
+    onClose,
+    anchorEl
   }) {
     const parsed = parseValue(value, mode);
     const [month, setMonth] = React13.useState(parsed ?? /* @__PURE__ */ new Date());
     const [selected, setSelected] = React13.useState(parsed);
-    const ref = React13.useRef(null);
+    const anchorStyle = getAnchorStyle(anchorEl ?? null, mode === "dateTime");
     const commit = (d) => {
-      if (mode === "date") {
-        onChange(format(d, "yyyy-MM-dd"));
-      } else if (mode === "dateTime") {
-        onChange(format(d, "yyyy-MM-dd'T'HH:mm"));
-      } else {
-        onChange(format(d, "HH:mm"));
-      }
+      if (mode === "date") onChange(format(d, "yyyy-MM-dd"));
+      else if (mode === "dateTime") onChange(format(d, "yyyy-MM-dd'T'HH:mm"));
+      else onChange(format(d, "HH:mm"));
       setSelected(d);
     };
     const handleDayClick = (d) => {
       const base = selected ?? /* @__PURE__ */ new Date();
-      const merged = setMinutes(setHours(d, getHours(base)), getMinutes(base));
-      commit(merged);
+      commit(setMinutes(setHours(d, getHours(base)), getMinutes(base)));
     };
     const handleTimeChange = (h, m) => {
-      const base = selected ?? /* @__PURE__ */ new Date();
-      const merged = setMinutes(setHours(base, h), m);
-      commit(merged);
+      commit(setMinutes(setHours(selected ?? /* @__PURE__ */ new Date(), h), m));
     };
     const datePrefix = selected ? format(selected, "yyyy-MM-dd") : void 0;
-    if (mode === "dateTime") {
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-        "div",
+    const footer = (label) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "border-t border-white/10 px-3 py-2 flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xs text-muted-foreground", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "button",
         {
-          ref,
-          className: "absolute z-50 mt-1 rounded-xl border border-white/10 bg-card shadow-xl backdrop-blur-sm",
-          style: { top: "100%", left: 0 },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex-1 min-w-[240px]", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs font-medium text-muted-foreground px-3 pt-3 pb-1", children: "Date" }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                  Calendar2,
-                  {
-                    selected,
-                    month,
-                    disabledDates,
-                    onDayClick: handleDayClick,
-                    onPrevMonth: () => setMonth((m) => subMonths(m, 1)),
-                    onNextMonth: () => setMonth((m) => addMonths(m, 1))
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-px bg-white/10 my-3" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex-1 min-w-[140px] flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs font-medium text-muted-foreground px-3 pt-3 pb-1", children: "Time" }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex gap-2 px-3 pb-3 flex-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs text-muted-foreground mb-1 text-center", children: "HH" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-1 gap-1 max-h-52 overflow-y-auto", children: HOURS.map((h) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                      "button",
-                      {
-                        type: "button",
-                        disabled: MINUTES.every((m) => {
-                          if (!disabledDateTimes || !datePrefix) return false;
-                          return disabledDateTimes.includes(`${datePrefix}T${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`);
-                        }),
-                        onClick: () => handleTimeChange(h, selected ? getMinutes(selected) : 0),
-                        className: cn(
-                          "text-xs rounded py-1 transition-colors",
-                          selected && getHours(selected) === h ? "bg-primary text-primary-foreground" : "hover:bg-white/10 text-foreground",
-                          MINUTES.every((m) => {
-                            if (!disabledDateTimes || !datePrefix) return false;
-                            return disabledDateTimes.includes(`${datePrefix}T${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`);
-                          }) && "opacity-30 cursor-not-allowed line-through"
-                        ),
-                        children: String(h).padStart(2, "0")
-                      },
-                      h
-                    )) })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w-12", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs text-muted-foreground mb-1 text-center", children: "MM" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-1 gap-1 max-h-52 overflow-y-auto", children: MINUTES.map((m) => {
-                      const h = selected ? getHours(selected) : 0;
-                      const isDisabled = disabledDateTimes && datePrefix ? disabledDateTimes.includes(`${datePrefix}T${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`) : false;
-                      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-                        "button",
-                        {
-                          type: "button",
-                          disabled: isDisabled,
-                          onClick: () => handleTimeChange(h, m),
-                          className: cn(
-                            "text-xs rounded py-1 transition-colors",
-                            selected && getMinutes(selected) === m ? "bg-primary text-primary-foreground" : "hover:bg-white/10 text-foreground",
-                            isDisabled && "opacity-30 cursor-not-allowed line-through"
-                          ),
-                          children: [
-                            ":",
-                            String(m).padStart(2, "0")
-                          ]
-                        },
-                        m
-                      );
-                    }) })
-                  ] })
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "border-t border-white/10 px-3 py-2 flex items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xs text-muted-foreground", children: selected ? format(selected, "MMM d, yyyy HH:mm") : "No date selected" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                "button",
-                {
-                  type: "button",
-                  onClick: onClose,
-                  className: "text-xs rounded-lg bg-primary text-primary-foreground px-3 py-1 hover:opacity-90 transition-opacity",
-                  children: "Done"
-                }
-              )
-            ] })
-          ]
+          type: "button",
+          onClick: onClose,
+          className: "text-xs rounded-lg bg-primary text-primary-foreground px-3 py-1 hover:opacity-90 transition-opacity",
+          children: "Done"
         }
-      );
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-      "div",
-      {
-        ref,
-        className: "absolute z-50 mt-1 rounded-xl border border-white/10 bg-card shadow-xl backdrop-blur-sm min-w-[260px]",
-        style: { top: "100%", left: 0 },
-        children: [
-          mode === "date" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      )
+    ] });
+    if (mode === "dateTime") {
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "rounded-xl border border-white/10 bg-card shadow-xl backdrop-blur-sm", style: anchorStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex-1 min-w-[240px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs font-medium text-muted-foreground px-3 pt-3 pb-1", children: "Date" }),
             /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               Calendar2,
               {
@@ -10171,46 +10130,91 @@ var CodegoUI = (() => {
                 onPrevMonth: () => setMonth((m) => subMonths(m, 1)),
                 onNextMonth: () => setMonth((m) => addMonths(m, 1))
               }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "border-t border-white/10 px-3 py-2 flex items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xs text-muted-foreground", children: selected ? format(selected, "MMM d, yyyy") : "No date selected" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                "button",
-                {
-                  type: "button",
-                  onClick: onClose,
-                  className: "text-xs rounded-lg bg-primary text-primary-foreground px-3 py-1 hover:opacity-90 transition-opacity",
-                  children: "Done"
-                }
-              )
-            ] })
+            )
           ] }),
-          mode === "time" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              TimePicker,
-              {
-                selected,
-                disabledDateTimes,
-                datePrefix,
-                onChange: handleTimeChange
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "border-t border-white/10 px-3 py-2 flex items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xs text-muted-foreground", children: selected ? format(selected, "HH:mm") : "No time selected" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                "button",
-                {
-                  type: "button",
-                  onClick: onClose,
-                  className: "text-xs rounded-lg bg-primary text-primary-foreground px-3 py-1 hover:opacity-90 transition-opacity",
-                  children: "Done"
-                }
-              )
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-px bg-white/10 my-3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex-1 min-w-[140px] flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs font-medium text-muted-foreground px-3 pt-3 pb-1", children: "Time" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex gap-2 px-3 pb-3 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs text-muted-foreground mb-1 text-center", children: "HH" }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-1 gap-1 max-h-52 overflow-y-auto", children: HOURS.map((h) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: MINUTES.every((m) => {
+                      if (!disabledDateTimes || !datePrefix) return false;
+                      return disabledDateTimes.includes(`${datePrefix}T${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`);
+                    }),
+                    onClick: () => handleTimeChange(h, selected ? getMinutes(selected) : 0),
+                    className: cn(
+                      "text-xs rounded py-1 transition-colors",
+                      selected && getHours(selected) === h ? "bg-primary text-primary-foreground" : "hover:bg-white/10 text-foreground"
+                    ),
+                    children: String(h).padStart(2, "0")
+                  },
+                  h
+                )) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w-12", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs text-muted-foreground mb-1 text-center", children: "MM" }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-1 gap-1 max-h-52 overflow-y-auto", children: MINUTES.map((m) => {
+                  const h = selected ? getHours(selected) : 0;
+                  const dis = disabledDateTimes && datePrefix ? disabledDateTimes.includes(`${datePrefix}T${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`) : false;
+                  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                    "button",
+                    {
+                      type: "button",
+                      disabled: dis,
+                      onClick: () => handleTimeChange(h, m),
+                      className: cn(
+                        "text-xs rounded py-1 transition-colors",
+                        selected && getMinutes(selected) === m ? "bg-primary text-primary-foreground" : "hover:bg-white/10 text-foreground",
+                        dis && "opacity-30 cursor-not-allowed line-through"
+                      ),
+                      children: [
+                        ":",
+                        String(m).padStart(2, "0")
+                      ]
+                    },
+                    m
+                  );
+                }) })
+              ] })
             ] })
           ] })
-        ]
-      }
-    );
+        ] }),
+        footer(selected ? format(selected, "MMM d, yyyy HH:mm") : "No date selected")
+      ] }) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "rounded-xl border border-white/10 bg-card shadow-xl backdrop-blur-sm min-w-[260px]", style: anchorStyle, children: [
+      mode === "date" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          Calendar2,
+          {
+            selected,
+            month,
+            disabledDates,
+            onDayClick: handleDayClick,
+            onPrevMonth: () => setMonth((m) => subMonths(m, 1)),
+            onNextMonth: () => setMonth((m) => addMonths(m, 1))
+          }
+        ),
+        footer(selected ? format(selected, "MMM d, yyyy") : "No date selected")
+      ] }),
+      mode === "time" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          TimePicker,
+          {
+            selected,
+            disabledDateTimes,
+            datePrefix,
+            onChange: handleTimeChange
+          }
+        ),
+        footer(selected ? format(selected, "HH:mm") : "No time selected")
+      ] })
+    ] }) });
   }
 
   // src/components/ui/date-range-picker.tsx
@@ -10247,6 +10251,8 @@ var CodegoUI = (() => {
     const [viewMonth, setViewMonth] = React14.useState(today.getMonth());
     const [viewYear, setViewYear] = React14.useState(today.getFullYear());
     const ref = React14.useRef(null);
+    const triggerRef = React14.useRef(null);
+    const [dropStyle, setDropStyle] = React14.useState({});
     const range2 = controlled ?? internal;
     React14.useEffect(() => {
       function handler(e) {
@@ -10259,6 +10265,19 @@ var CodegoUI = (() => {
       if (!controlled) setInternal(r2);
       onChange?.(r2);
     }
+    function openPicker() {
+      if (triggerRef.current) {
+        const pos = getPortalPosition(triggerRef.current, 340);
+        setDropStyle({
+          position: "fixed",
+          top: pos.placement === "bottom" ? pos.top : void 0,
+          bottom: pos.placement === "top" ? window.innerHeight - pos.top : void 0,
+          left: pos.left,
+          zIndex: 9999
+        });
+      }
+      setOpen(true);
+    }
     function selectDay(d) {
       if (selecting === "from") {
         update({ from: d, to: null });
@@ -10293,9 +10312,10 @@ var CodegoUI = (() => {
       /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         "button",
         {
+          ref: triggerRef,
           type: "button",
           disabled,
-          onClick: () => setOpen((v) => !v),
+          onClick: () => open ? setOpen(false) : openPicker(),
           className: cn(
             "flex w-full items-center gap-2 rounded-xl border border-border bg-background px-3 py-2 text-sm transition-colors",
             "hover:border-primary/40 focus:outline-none focus:ring-2 focus:ring-ring",
@@ -10321,25 +10341,41 @@ var CodegoUI = (() => {
           ]
         }
       ),
-      open && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "absolute z-50 mt-1 rounded-xl border border-border glass shadow-2xl p-4 w-72", children: [
+      open && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "rounded-xl border border-border glass shadow-2xl p-4 w-72", style: dropStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: () => {
-            if (viewMonth === 0) {
-              setViewMonth(11);
-              setViewYear((y) => y - 1);
-            } else setViewMonth((m) => m - 1);
-          }, className: "p-1 rounded-md hover:bg-accent transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronLeft, { className: "h-4 w-4" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                if (viewMonth === 0) {
+                  setViewMonth(11);
+                  setViewYear((y) => y - 1);
+                } else setViewMonth((m) => m - 1);
+              },
+              className: "p-1 rounded-md hover:bg-accent transition-colors",
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronLeft, { className: "h-4 w-4" })
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-sm font-semibold", children: [
             MONTHS2[viewMonth],
             " ",
             viewYear
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: () => {
-            if (viewMonth === 11) {
-              setViewMonth(0);
-              setViewYear((y) => y + 1);
-            } else setViewMonth((m) => m + 1);
-          }, className: "p-1 rounded-md hover:bg-accent transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronRight, { className: "h-4 w-4" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                if (viewMonth === 11) {
+                  setViewMonth(0);
+                  setViewYear((y) => y + 1);
+                } else setViewMonth((m) => m + 1);
+              },
+              className: "p-1 rounded-md hover:bg-accent transition-colors",
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronRight, { className: "h-4 w-4" })
+            }
+          )
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "grid grid-cols-7 mb-1", children: DAYS3.map((d) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-center text-[10px] font-semibold text-muted-foreground py-1", children: d }, d)) }),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "grid grid-cols-7 gap-y-0.5", children: days.map((d, i) => {
@@ -10374,7 +10410,7 @@ var CodegoUI = (() => {
           );
         }) }),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "mt-3 text-center text-xs text-muted-foreground", children: selecting === "from" ? "Select start date" : "Select end date" })
-      ] })
+      ] }) })
     ] });
   }
 
@@ -10475,10 +10511,10 @@ var CodegoUI = (() => {
   var React16 = __toESM(require_react(), 1);
   var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
   var widthMap = {
-    sm: "w-40",
-    md: "w-56",
-    lg: "w-72",
-    auto: "w-auto min-w-[10rem]"
+    sm: 160,
+    md: 224,
+    lg: 288,
+    auto: void 0
   };
   function Dropdown({
     trigger,
@@ -10492,25 +10528,40 @@ var CodegoUI = (() => {
     className
   }) {
     const [isOpen, setIsOpen] = React16.useState(false);
-    const containerRef = React16.useRef(null);
-    const toggle = () => {
+    const triggerRef = React16.useRef(null);
+    const [dropStyle, setDropStyle] = React16.useState({});
+    const open = () => {
       if (disabled) return;
-      const next = !isOpen;
-      setIsOpen(next);
-      onOpenChange?.(next);
+      if (triggerRef.current) {
+        const r2 = triggerRef.current.getBoundingClientRect();
+        const pos = getPortalPosition(triggerRef.current, 320, placement);
+        const w = widthMap[width];
+        let left = r2.left;
+        if (align === "right") left = r2.right - (w ?? r2.width);
+        if (align === "center") left = r2.left + r2.width / 2 - (w ?? r2.width) / 2;
+        setDropStyle({
+          position: "fixed",
+          top: pos.placement === "bottom" ? pos.top : void 0,
+          bottom: pos.placement === "top" ? window.innerHeight - r2.top + 4 : void 0,
+          left,
+          width: w,
+          minWidth: w ? void 0 : "10rem",
+          zIndex: 9999
+        });
+      }
+      setIsOpen(true);
+      onOpenChange?.(true);
     };
     const close = () => {
       setIsOpen(false);
       onOpenChange?.(false);
     };
     React16.useEffect(() => {
-      const handleClickOutside = (event) => {
-        if (containerRef.current && !containerRef.current.contains(event.target)) {
-          close();
-        }
+      const handleClickOutside = (e) => {
+        if (triggerRef.current && !triggerRef.current.contains(e.target)) close();
       };
-      const handleKeyDown = (event) => {
-        if (event.key === "Escape") close();
+      const handleKeyDown = (e) => {
+        if (e.key === "Escape") close();
       };
       document.addEventListener("mousedown", handleClickOutside);
       document.addEventListener("keydown", handleKeyDown);
@@ -10519,39 +10570,30 @@ var CodegoUI = (() => {
         document.removeEventListener("keydown", handleKeyDown);
       };
     }, [isOpen]);
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative inline-block text-left", ref: containerRef, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative inline-block text-left", ref: triggerRef, children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "div",
         {
-          onClick: toggle,
+          onClick: () => isOpen ? close() : open(),
           "aria-expanded": isOpen,
           "aria-haspopup": "true",
           className: cn(disabled && "opacity-50 cursor-not-allowed pointer-events-none"),
           children: trigger
         }
       ),
-      isOpen && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      isOpen && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "div",
         {
           className: cn(
-            "absolute z-50 rounded-xl border border-white/10 bg-background/90 backdrop-blur-2xl text-popover-foreground",
+            "rounded-xl border border-white/10 bg-background/90 backdrop-blur-2xl text-popover-foreground",
             "shadow-[0_8px_32px_rgba(0,0,0,0.35)] ring-1 ring-white/5",
             "animate-in fade-in-0 zoom-in-95 duration-150",
-            widthMap[width],
-            placement === "top" ? "bottom-full mb-2" : "top-full mt-2",
-            align === "right" ? "right-0" : align === "center" ? "left-1/2 -translate-x-1/2" : "left-0",
             className
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            "div",
-            {
-              className: "py-1.5",
-              onClick: closeOnSelect ? close : void 0,
-              children
-            }
-          )
+          style: dropStyle,
+          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "py-1.5", onClick: closeOnSelect ? close : void 0, children })
         }
-      )
+      ) })
     ] });
   }
   function DropdownItem({
@@ -10584,10 +10626,7 @@ var CodegoUI = (() => {
   function DropdownSeparator({ className }) {
     return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("my-1.5 h-px bg-white/8", className) });
   }
-  function DropdownLabel({
-    children,
-    className
-  }) {
+  function DropdownLabel({ children, className }) {
     return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: cn("px-3.5 py-1.5 text-xs font-semibold uppercase tracking-wider text-muted-foreground/60", className), children });
   }
 
@@ -11448,6 +11487,7 @@ var CodegoUI = (() => {
               value: internalValue,
               disabledDates,
               disabledDateTimes,
+              anchorEl: containerRef.current,
               onChange: (v) => {
                 setInternalValue(v);
                 setValidationError(null);
@@ -11835,30 +11875,43 @@ var CodegoUI = (() => {
     const [search, setSearch] = React23.useState("");
     const [isSearching, setIsSearching] = React23.useState(false);
     const containerRef = React23.useRef(null);
+    const triggerRef = React23.useRef(null);
+    const [dropStyle, setDropStyle] = React23.useState({});
     const getKey = (opt) => String(Object.keys(opt)[0]);
     const getLabel = (opt) => Object.values(opt)[0];
     const selectedValues = React23.useMemo(() => {
-      if (multiple && Array.isArray(value)) {
-        return value;
-      } else if (typeof value === "string") {
-        return [value];
-      }
+      if (multiple && Array.isArray(value)) return value;
+      if (typeof value === "string") return [value];
       return [];
     }, [value, multiple]);
-    const selectedOptions = React23.useMemo(() => {
-      return options.filter((opt) => selectedValues.includes(getKey(opt)));
-    }, [options, selectedValues]);
-    const filteredOptions = searchable ? options.filter(
-      (opt) => getLabel(opt).toLowerCase().includes(search.toLowerCase())
-    ) : options;
+    const selectedOptions = React23.useMemo(
+      () => options.filter((opt) => selectedValues.includes(getKey(opt))),
+      [options, selectedValues]
+    );
+    const filteredOptions = searchable ? options.filter((opt) => getLabel(opt).toLowerCase().includes(search.toLowerCase())) : options;
+    const openDropdown = () => {
+      if (disabled) return;
+      if (triggerRef.current) {
+        const pos = getPortalPosition(triggerRef.current, 260);
+        setDropStyle({
+          position: "fixed",
+          top: pos.placement === "bottom" ? pos.top : void 0,
+          bottom: pos.placement === "top" ? window.innerHeight - pos.top : void 0,
+          left: pos.left,
+          width: pos.width,
+          zIndex: 9999
+        });
+      }
+      setIsOpen(true);
+    };
     React23.useEffect(() => {
-      const handleClickOutside = (event) => {
-        if (containerRef.current && !containerRef.current.contains(event.target)) {
+      const handler = (e) => {
+        if (containerRef.current && !containerRef.current.contains(e.target)) {
           setIsOpen(false);
         }
       };
-      document.addEventListener("mousedown", handleClickOutside);
-      return () => document.removeEventListener("mousedown", handleClickOutside);
+      document.addEventListener("mousedown", handler);
+      return () => document.removeEventListener("mousedown", handler);
     }, []);
     const handleSelect = (optionValue) => {
       if (multiple) {
@@ -11872,10 +11925,7 @@ var CodegoUI = (() => {
     };
     const handleRemove = (optionValue, e) => {
       e.stopPropagation();
-      if (multiple) {
-        const newValues = selectedValues.filter((v) => v !== optionValue);
-        onChange?.(newValues);
-      }
+      if (multiple) onChange?.(selectedValues.filter((v) => v !== optionValue));
     };
     const handleReorder = (fromIndex, toIndex) => {
       if (!multiple || !reorderable || !Array.isArray(value)) return;
@@ -11889,16 +11939,13 @@ var CodegoUI = (() => {
       e.dataTransfer.setData("text/plain", index.toString());
     };
     const handleDragOver = (e) => {
-      if (!reorderable) return;
-      e.preventDefault();
+      if (reorderable) e.preventDefault();
     };
     const handleDrop = (e, toIndex) => {
       if (!reorderable) return;
       e.preventDefault();
       const fromIndex = parseInt(e.dataTransfer.getData("text/plain"));
-      if (fromIndex !== toIndex) {
-        handleReorder(fromIndex, toIndex);
-      }
+      if (fromIndex !== toIndex) handleReorder(fromIndex, toIndex);
     };
     if (native) {
       if (multiple) {
@@ -11908,58 +11955,29 @@ var CodegoUI = (() => {
             "w-full rounded-xl border border-slate-900/30 bg-background/50 backdrop-blur-sm overflow-hidden ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
             disabled && "opacity-50 pointer-events-none"
           ), children: [
-            selectedValues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-wrap gap-1 px-3 pt-2 pb-1 border-b border-slate-900/10", children: selectedOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-              "span",
-              {
-                className: "inline-flex items-center gap-1 rounded-sm bg-primary/15 text-primary px-2 py-0.5 text-xs",
-                children: [
-                  getLabel(opt),
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                    "button",
-                    {
-                      type: "button",
-                      disabled,
-                      onClick: () => onChange?.(selectedValues.filter((v) => v !== getKey(opt))),
-                      className: "hover:text-destructive",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(X, { className: "h-3 w-3" })
-                    }
-                  )
-                ]
-              },
-              getKey(opt)
-            )) }),
+            selectedValues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-wrap gap-1 px-3 pt-2 pb-1 border-b border-slate-900/10", children: selectedOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "inline-flex items-center gap-1 rounded-sm bg-primary/15 text-primary px-2 py-0.5 text-xs", children: [
+              getLabel(opt),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { type: "button", disabled, onClick: () => onChange?.(selectedValues.filter((v) => v !== getKey(opt))), className: "hover:text-destructive", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(X, { className: "h-3 w-3" }) })
+            ] }, getKey(opt))) }),
             /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "max-h-48 overflow-y-auto p-1", children: options.map((option) => {
               const checked = selectedValues.includes(getKey(option));
-              return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-                "label",
-                {
-                  className: cn(
-                    "flex items-center gap-3 rounded-lg px-3 py-2 text-sm cursor-pointer transition-colors hover:bg-accent",
-                    checked && "bg-primary/8 text-primary"
-                  ),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: cn(
-                      "flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors",
-                      checked ? "bg-primary border-primary text-primary-foreground" : "border-slate-900/30 bg-background/50"
-                    ), children: checked && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Check, { className: "h-3 w-3" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                      "input",
-                      {
-                        type: "checkbox",
-                        className: "sr-only",
-                        checked,
-                        disabled,
-                        onChange: () => {
-                          const newValues = checked ? selectedValues.filter((v) => v !== getKey(option)) : [...selectedValues, getKey(option)];
-                          onChange?.(newValues);
-                        }
-                      }
-                    ),
-                    getLabel(option)
-                  ]
-                },
-                getKey(option)
-              );
+              return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: cn("flex items-center gap-3 rounded-lg px-3 py-2 text-sm cursor-pointer transition-colors hover:bg-accent", checked && "bg-primary/8 text-primary"), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: cn("flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors", checked ? "bg-primary border-primary text-primary-foreground" : "border-slate-900/30 bg-background/50"), children: checked && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Check, { className: "h-3 w-3" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "sr-only",
+                    checked,
+                    disabled,
+                    onChange: () => {
+                      const newValues = checked ? selectedValues.filter((v) => v !== getKey(option)) : [...selectedValues, getKey(option)];
+                      onChange?.(newValues);
+                    }
+                  }
+                ),
+                getLabel(option)
+              ] }, getKey(option));
             }) })
           ] })
         ] });
@@ -11990,14 +12008,15 @@ var CodegoUI = (() => {
         /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "button",
           {
+            ref: triggerRef,
             type: "button",
             className: cn(
               "relative flex w-full items-center min-h-[2.5rem] rounded-xl border border-slate-900/30 bg-background/50 backdrop-blur-sm px-4 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-colors hover:bg-background/80",
               multiple && selectedValues.length > 0 && "flex-wrap gap-1",
-              (suffixIcon || !suffixIcon) && "pr-10",
+              "pr-10",
               disabled && "cursor-not-allowed opacity-50"
             ),
-            onClick: () => !disabled && setIsOpen(!isOpen),
+            onClick: () => isOpen ? setIsOpen(false) : openDropdown(),
             disabled,
             children: multiple && selectedOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-wrap gap-1 flex-1 min-w-0", children: selectedOptions.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
               "span",
@@ -12006,22 +12025,11 @@ var CodegoUI = (() => {
                 onDragStart: (e) => handleDragStart(e, index),
                 onDragOver: handleDragOver,
                 onDrop: (e) => handleDrop(e, index),
-                className: cn(
-                  "inline-flex items-center gap-1 rounded-sm bg-primary/15 text-primary px-2 py-1 text-xs",
-                  reorderable && "cursor-move"
-                ),
+                className: cn("inline-flex items-center gap-1 rounded-sm bg-primary/15 text-primary px-2 py-1 text-xs", reorderable && "cursor-move"),
                 children: [
                   reorderable && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(GripVertical, { className: "h-3 w-3 opacity-50" }),
                   getLabel(option),
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: (e) => handleRemove(getKey(option), e),
-                      className: "ml-1 hover:text-destructive",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(X, { className: "h-3 w-3" })
-                    }
-                  )
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { type: "button", onClick: (e) => handleRemove(getKey(option), e), className: "ml-1 hover:text-destructive", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(X, { className: "h-3 w-3" }) })
                 ]
               },
               getKey(option)
@@ -12034,50 +12042,56 @@ var CodegoUI = (() => {
           {
             type: "button",
             disabled,
-            onClick: () => !disabled && setIsOpen(!isOpen),
+            onClick: () => isOpen ? setIsOpen(false) : openDropdown(),
             className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors z-10 disabled:opacity-50",
-            "aria-label": "Open options",
             style: iconColor ? { color: iconColor } : void 0,
             children: suffixIcon
           }
         ),
-        isOpen && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "absolute z-50 mt-1 max-h-60 w-full overflow-auto rounded-md border border-white/10 bg-background/80 backdrop-blur-xl text-popover-foreground shadow-lg animate-in fade-in-80", children: [
-          searchable && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "sticky top-0 z-10 flex items-center border-b border-white/10 bg-background/90 px-3 py-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-              "input",
-              {
-                className: "flex h-8 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-                placeholder: searchingMessage,
-                value: search,
-                onChange: (e) => {
-                  setSearch(e.target.value);
-                  setIsSearching(true);
-                  setTimeout(() => setIsSearching(false), 300);
-                },
-                onClick: (e) => e.stopPropagation()
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "p-1", children: isSearching ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "py-6 text-center text-sm text-muted-foreground", children: loadingMessage }) : filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "py-6 text-center text-sm text-muted-foreground", children: search ? noSearchResultsMessage : "No options available." }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-            filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-              "div",
-              {
-                className: cn(
-                  "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none hover:bg-accent hover:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-                  (multiple ? selectedValues.includes(getKey(option)) : value === getKey(option)) && "bg-accent text-accent-foreground"
-                ),
-                onClick: () => handleSelect(getKey(option)),
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: (multiple ? selectedValues.includes(getKey(option)) : value === getKey(option)) && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Check, { className: "h-4 w-4" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "truncate", children: getLabel(option) })
-                ]
-              },
-              getKey(option)
-            )),
-            createOptionForm && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "border-t border-white/10 mt-1 pt-1", children: createOptionForm })
-          ] }) })
-        ] })
+        isOpen && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          "div",
+          {
+            className: "max-h-60 overflow-auto rounded-md border border-white/10 bg-background/80 backdrop-blur-xl text-popover-foreground shadow-lg animate-in fade-in-80",
+            style: dropStyle,
+            children: [
+              searchable && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "sticky top-0 z-10 flex items-center border-b border-white/10 bg-background/90 px-3 py-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  "input",
+                  {
+                    className: "flex h-8 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground",
+                    placeholder: searchingMessage,
+                    value: search,
+                    onChange: (e) => {
+                      setSearch(e.target.value);
+                      setIsSearching(true);
+                      setTimeout(() => setIsSearching(false), 300);
+                    },
+                    onClick: (e) => e.stopPropagation()
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "p-1", children: isSearching ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "py-6 text-center text-sm text-muted-foreground", children: loadingMessage }) : filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "py-6 text-center text-sm text-muted-foreground", children: search ? noSearchResultsMessage : "No options available." }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+                filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+                  "div",
+                  {
+                    className: cn(
+                      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none hover:bg-accent hover:text-accent-foreground",
+                      (multiple ? selectedValues.includes(getKey(option)) : value === getKey(option)) && "bg-accent text-accent-foreground"
+                    ),
+                    onClick: () => handleSelect(getKey(option)),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: (multiple ? selectedValues.includes(getKey(option)) : value === getKey(option)) && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Check, { className: "h-4 w-4" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "truncate", children: getLabel(option) })
+                    ]
+                  },
+                  getKey(option)
+                )),
+                createOptionForm && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "border-t border-white/10 mt-1 pt-1", children: createOptionForm })
+              ] }) })
+            ]
+          }
+        ) })
       ] })
     ] });
   }
@@ -12917,7 +12931,7 @@ var CodegoUI = (() => {
 
   // src/components/ui/tooltip.tsx
   var React28 = __toESM(require_react(), 1);
-  var ReactDOM = __toESM(require_react_dom(), 1);
+  var ReactDOM2 = __toESM(require_react_dom(), 1);
   var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
   function Tooltip({
     content,
@@ -12972,7 +12986,7 @@ var CodegoUI = (() => {
         onBlur: () => setVisible(false),
         children: [
           children,
-          visible && ReactDOM.createPortal(
+          visible && ReactDOM2.createPortal(
             /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               "div",
               {
@@ -12995,24 +13009,36 @@ var CodegoUI = (() => {
 
   // src/components/theme-provider.tsx
   var import_react3 = __toESM(require_react(), 1);
+
+  // src/components/conf/settingConfig.json
+  var settingConfig_default = {
+    theme: "dark",
+    fontSize: "16px",
+    fontFamily: '"Space Grotesk", "Inter", sans-serif',
+    colors: {
+      primary: "#8b5cf6",
+      primaryHover: "#7c3aed",
+      secondary: "#171717",
+      secondaryHover: "#262626",
+      info: "#3b82f6",
+      infoHover: "#2563eb",
+      warning: "#f59e0b",
+      warningHover: "#d97706",
+      danger: "#ef4444",
+      dangerHover: "#dc2626"
+    }
+  };
+
+  // src/components/theme-provider.tsx
   var import_jsx_runtime34 = __toESM(require_jsx_runtime(), 1);
-  var defaultColors = {
-    primary: "#8b5cf6",
-    primaryHover: "#7c3aed",
-    secondary: "#171717",
-    secondaryHover: "#262626",
-    info: "#3b82f6",
-    infoHover: "#2563eb",
-    warning: "#f59e0b",
-    warningHover: "#d97706",
-    danger: "#ef4444",
-    dangerHover: "#dc2626"
+  var configDefaults = {
+    theme: settingConfig_default.theme,
+    fontSize: settingConfig_default.fontSize,
+    fontFamily: settingConfig_default.fontFamily,
+    colors: settingConfig_default.colors
   };
   var initialState = {
-    theme: "system",
-    colors: defaultColors,
-    fontSize: "16px",
-    fontFamily: '"Space Grotesk", "Inter", sans-serif',
+    ...configDefaults,
     setTheme: () => null,
     setColors: () => null,
     setFontSize: () => null,
@@ -13022,26 +13048,60 @@ var CodegoUI = (() => {
   var ThemeProviderContext = (0, import_react3.createContext)(initialState);
   var COLOR_PALETTE = [
     { base: "#6366f1", hover: "#4f46e5" },
-    // Indigo
     { base: "#8b5cf6", hover: "#7c3aed" },
-    // Violet
     { base: "#3b82f6", hover: "#2563eb" },
-    // Blue
     { base: "#10b981", hover: "#059669" },
-    // Emerald
     { base: "#22c55e", hover: "#16a34a" },
-    // Green
     { base: "#eab308", hover: "#ca8a04" },
-    // Yellow
     { base: "#f59e0b", hover: "#d97706" },
-    // Amber
     { base: "#f97316", hover: "#ea580c" },
-    // Orange
     { base: "#ef4444", hover: "#dc2626" },
-    // Red
     { base: "#ec4899", hover: "#db2777" }
-    // Pink
   ];
+  function ThemeProvider({
+    children,
+    storageKey = "codego-ui-theme-settings",
+    ...props
+  }) {
+    const [settings, setSettings] = (0, import_react3.useState)(() => {
+      try {
+        const stored = localStorage.getItem(storageKey);
+        if (stored) return { ...configDefaults, ...JSON.parse(stored) };
+      } catch {
+      }
+      return configDefaults;
+    });
+    (0, import_react3.useEffect)(() => {
+      localStorage.setItem(storageKey, JSON.stringify(settings));
+    }, [settings, storageKey]);
+    (0, import_react3.useEffect)(() => {
+      const root = window.document.documentElement;
+      root.classList.remove("light", "dark");
+      const resolved = settings.theme === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : settings.theme;
+      root.classList.add(resolved);
+      root.style.setProperty("--primary", settings.colors.primary);
+      root.style.setProperty("--primary-hover", settings.colors.primaryHover);
+      root.style.setProperty("--secondary", settings.colors.secondary);
+      root.style.setProperty("--secondary-hover", settings.colors.secondaryHover);
+      root.style.setProperty("--info", settings.colors.info);
+      root.style.setProperty("--info-hover", settings.colors.infoHover);
+      root.style.setProperty("--warning", settings.colors.warning);
+      root.style.setProperty("--warning-hover", settings.colors.warningHover);
+      root.style.setProperty("--danger", settings.colors.danger);
+      root.style.setProperty("--danger-hover", settings.colors.dangerHover);
+      root.style.setProperty("font-size", settings.fontSize);
+      root.style.setProperty("--font-sans", settings.fontFamily);
+    }, [settings]);
+    const value = {
+      ...settings,
+      setTheme: (theme) => setSettings((s) => ({ ...s, theme })),
+      setColors: (colors) => setSettings((s) => ({ ...s, colors: { ...s.colors, ...colors } })),
+      setFontSize: (fontSize) => setSettings((s) => ({ ...s, fontSize })),
+      setFontFamily: (fontFamily) => setSettings((s) => ({ ...s, fontFamily })),
+      resetSettings: () => setSettings(configDefaults)
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
+  }
   var useTheme = () => {
     const context = (0, import_react3.useContext)(ThemeProviderContext);
     if (context === void 0)
@@ -13201,16 +13261,28 @@ var CodegoUI = (() => {
   // src/components/ui/popover.tsx
   var React31 = __toESM(require_react(), 1);
   var import_jsx_runtime36 = __toESM(require_jsx_runtime(), 1);
-  var PLACEMENT_CLASSES = {
-    "top": "bottom-full left-1/2 -translate-x-1/2 mb-2",
-    "bottom": "top-full left-1/2 -translate-x-1/2 mt-2",
-    "left": "right-full top-1/2 -translate-y-1/2 mr-2",
-    "right": "left-full top-1/2 -translate-y-1/2 ml-2",
-    "top-start": "bottom-full left-0 mb-2",
-    "top-end": "bottom-full right-0 mb-2",
-    "bottom-start": "top-full left-0 mt-2",
-    "bottom-end": "top-full right-0 mt-2"
-  };
+  function calcStyle(triggerEl, placement) {
+    const r2 = triggerEl.getBoundingClientRect();
+    const GAP = 8;
+    switch (placement) {
+      case "bottom":
+        return { top: r2.bottom + GAP, left: r2.left + r2.width / 2, transform: "translateX(-50%)" };
+      case "bottom-start":
+        return { top: r2.bottom + GAP, left: r2.left };
+      case "bottom-end":
+        return { top: r2.bottom + GAP, left: r2.right, transform: "translateX(-100%)" };
+      case "top":
+        return { top: r2.top - GAP, left: r2.left + r2.width / 2, transform: "translate(-50%, -100%)" };
+      case "top-start":
+        return { top: r2.top - GAP, left: r2.left, transform: "translateY(-100%)" };
+      case "top-end":
+        return { top: r2.top - GAP, left: r2.right, transform: "translate(-100%, -100%)" };
+      case "left":
+        return { top: r2.top + r2.height / 2, left: r2.left - GAP, transform: "translate(-100%, -50%)" };
+      case "right":
+        return { top: r2.top + r2.height / 2, left: r2.right + GAP, transform: "translateY(-50%)" };
+    }
+  }
   function Popover({
     trigger,
     content,
@@ -13222,11 +13294,18 @@ var CodegoUI = (() => {
   }) {
     const [internal, setInternal] = React31.useState(false);
     const ref = React31.useRef(null);
+    const [popStyle, setPopStyle] = React31.useState({});
     const open = controlled ?? internal;
     function setOpen(v) {
       if (controlled === void 0) setInternal(v);
       onOpenChange?.(v);
     }
+    function openPopover() {
+      if (ref.current) {
+        setPopStyle({ position: "fixed", zIndex: 9999, ...calcStyle(ref.current, placement) });
+      }
+      setOpen(true);
+    }
     React31.useEffect(() => {
       if (triggerOn !== "click") return;
       function handler(e) {
@@ -13235,14 +13314,17 @@ var CodegoUI = (() => {
       document.addEventListener("mousedown", handler);
       return () => document.removeEventListener("mousedown", handler);
     }, [triggerOn]);
-    const hoverProps = triggerOn === "hover" ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) } : {};
+    const hoverProps = triggerOn === "hover" ? { onMouseEnter: openPopover, onMouseLeave: () => setOpen(false) } : {};
     return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { ref, className: "relative inline-block", ...hoverProps, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { onClick: () => triggerOn === "click" && setOpen(!open), children: trigger }),
-      open && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: cn(
-        "absolute z-50 min-w-max rounded-xl border border-border glass shadow-2xl",
-        PLACEMENT_CLASSES[placement],
-        className
-      ), children: content })
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { onClick: () => triggerOn === "click" && (open ? setOpen(false) : openPopover()), children: trigger }),
+      open && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        "div",
+        {
+          className: cn("min-w-max rounded-xl border border-border glass shadow-2xl", className),
+          style: popStyle,
+          children: content
+        }
+      ) })
     ] });
   }
 
@@ -15711,10 +15793,10 @@ react/cjs/react.development.js:
    * LICENSE file in the root directory of this source tree.
    *)
 
-react/cjs/react-jsx-runtime.production.js:
+react-dom/cjs/react-dom.production.js:
   (**
    * @license React
-   * react-jsx-runtime.production.js
+   * react-dom.production.js
    *
    * Copyright (c) Meta Platforms, Inc. and affiliates.
    *
@@ -15722,10 +15804,10 @@ react/cjs/react-jsx-runtime.production.js:
    * LICENSE file in the root directory of this source tree.
    *)
 
-react/cjs/react-jsx-runtime.development.js:
+react-dom/cjs/react-dom.development.js:
   (**
    * @license React
-   * react-jsx-runtime.development.js
+   * react-dom.development.js
    *
    * Copyright (c) Meta Platforms, Inc. and affiliates.
    *
@@ -15733,10 +15815,10 @@ react/cjs/react-jsx-runtime.development.js:
    * LICENSE file in the root directory of this source tree.
    *)
 
-react-dom/cjs/react-dom.production.js:
+react/cjs/react-jsx-runtime.production.js:
   (**
    * @license React
-   * react-dom.production.js
+   * react-jsx-runtime.production.js
    *
    * Copyright (c) Meta Platforms, Inc. and affiliates.
    *
@@ -15744,10 +15826,10 @@ react-dom/cjs/react-dom.production.js:
    * LICENSE file in the root directory of this source tree.
    *)
 
-react-dom/cjs/react-dom.development.js:
+react/cjs/react-jsx-runtime.development.js:
   (**
    * @license React
-   * react-dom.development.js
+   * react-jsx-runtime.development.js
    *
    * Copyright (c) Meta Platforms, Inc. and affiliates.
    *