@mission-studio/puck 1.0.3 → 1.0.15

package/dist/config-entry.js

@@ -292,8 +292,15 @@ function Paragraph({
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { id, style, children: resolvedText });
 }
 
-// components/page/Button.tsx
-var import_google = require("@next/third-parties/google");
+// hooks/useGtmEvent.ts
+function useGtmEvent() {
+  return (eventName, data) => {
+    if (typeof window === "undefined") return;
+    if (typeof window.gtag === "function") {
+      window.gtag("event", eventName, data || {});
+    }
+  };
+}
 
 // hooks/useUtmParams.ts
 var import_react3 = require("react");
@@ -385,6 +392,7 @@ function Button({
   const { resolveColor: resolveColor2 } = useTheme();
   const { getEntryValue } = useEntries();
   const utm = useUtmParams();
+  const sendEvent = useGtmEvent();
   const resolvedText = (() => {
     if (!text) return "Button";
     if (typeof text === "string") return text;
@@ -397,14 +405,13 @@ function Button({
     return "Button";
   })();
   const handleClick = () => {
-    (0, import_google.sendGTMEvent)({
-      event: "button_click",
-      value: {
-        text: resolvedText,
-        href: href || void 0,
-        variant,
-        ...utm
-      }
+    const sessionId = typeof window !== "undefined" ? sessionStorage.getItem("session_id") : null;
+    sendEvent("button_click", {
+      text: resolvedText,
+      href: href || void 0,
+      variant,
+      session_id: sessionId,
+      ...utm
     });
   };
   const resolvedColor = (() => {
@@ -619,7 +626,6 @@ function Image({
 
 // components/page/ImageCarousel.tsx
 var import_react4 = require("react");
-var import_google2 = require("@next/third-parties/google");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var aspectRatioMap2 = {
   "16:9": "16 / 9",
@@ -649,6 +655,7 @@ function ImageCarousel({
   const [currentIndex, setCurrentIndex] = (0, import_react4.useState)(0);
   const { resolveColor: resolveColor2 } = useTheme();
   const utm = useUtmParams();
+  const sendEvent = useGtmEvent();
   const resolvedArrowColor = (() => {
     if (!arrowColor) return { color: "#FFFFFF", opacity: 100 };
     if (typeof arrowColor === "string")
@@ -671,39 +678,30 @@ function ImageCarousel({
   const goToPrevious = () => {
     const newIndex = currentIndex === 0 ? images.length - 1 : currentIndex - 1;
     setCurrentIndex(newIndex);
-    (0, import_google2.sendGTMEvent)({
-      event: "carousel_navigate",
-      value: {
-        direction: "previous",
-        slideIndex: newIndex,
-        totalSlides: images.length,
-        ...utm
-      }
+    sendEvent("carousel_navigate", {
+      direction: "previous",
+      slideIndex: newIndex,
+      totalSlides: images.length,
+      ...utm
     });
   };
   const goToNext = () => {
     const newIndex = currentIndex === images.length - 1 ? 0 : currentIndex + 1;
     setCurrentIndex(newIndex);
-    (0, import_google2.sendGTMEvent)({
-      event: "carousel_navigate",
-      value: {
-        direction: "next",
-        slideIndex: newIndex,
-        totalSlides: images.length,
-        ...utm
-      }
+    sendEvent("carousel_navigate", {
+      direction: "next",
+      slideIndex: newIndex,
+      totalSlides: images.length,
+      ...utm
     });
   };
   const goToSlide = (index2) => {
     setCurrentIndex(index2);
-    (0, import_google2.sendGTMEvent)({
-      event: "carousel_navigate",
-      value: {
-        direction: "direct",
-        slideIndex: index2,
-        totalSlides: images.length,
-        ...utm
-      }
+    sendEvent("carousel_navigate", {
+      direction: "direct",
+      slideIndex: index2,
+      totalSlides: images.length,
+      ...utm
     });
   };
   if (images.length === 0) {
@@ -1833,7 +1831,6 @@ function FeatureGrid({
 
 // components/page/Footer.tsx
 var import_lucide_react3 = require("lucide-react");
-var import_google3 = require("@next/third-parties/google");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function Footer({
   logo,
@@ -1847,6 +1844,7 @@ function Footer({
 }) {
   const DropZone = puck?.renderDropZone;
   const utm = useUtmParams();
+  const sendEvent = useGtmEvent();
   const getSocialPlatform = (url) => {
     if (url.includes("facebook")) return "facebook";
     if (url.includes("instagram")) return "instagram";
@@ -1855,13 +1853,10 @@ function Footer({
   };
   const handleSocialClick = (url) => {
     const platform2 = getSocialPlatform(url);
-    (0, import_google3.sendGTMEvent)({
-      event: "social_click",
-      value: {
-        platform: platform2,
-        url,
-        ...utm
-      }
+    sendEvent("social_click", {
+      platform: platform2,
+      url,
+      ...utm
     });
   };
   const socialLinks = [
@@ -1899,9 +1894,7 @@ function Footer({
 
 // components/page/Topbar.tsx
 var import_react5 = require("react");
-var import_link = __toESM(require("next/link"));
 var import_lucide_react4 = require("lucide-react");
-var import_google4 = require("@next/third-parties/google");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function Topbar({
   logo,
@@ -1915,26 +1908,21 @@ function Topbar({
   const DropZone = puck?.renderDropZone;
   const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react5.useState)(false);
   const utm = useUtmParams();
+  const sendEvent = useGtmEvent();
   const handleNavClick = (item) => {
-    (0, import_google4.sendGTMEvent)({
-      event: "nav_click",
-      value: {
-        name: item.name,
-        url: item.url,
-        linkType: item.linkType || "internal",
-        ...utm
-      }
+    sendEvent("nav_click", {
+      name: item.name,
+      url: item.url,
+      linkType: item.linkType || "internal",
+      ...utm
     });
   };
   const handleMobileMenuToggle = () => {
     const newState = !mobileMenuOpen;
     setMobileMenuOpen(newState);
-    (0, import_google4.sendGTMEvent)({
-      event: "mobile_menu_toggle",
-      value: {
-        open: newState,
-        ...utm
-      }
+    sendEvent("mobile_menu_toggle", {
+      open: newState,
+      ...utm
     });
   };
   const renderLink = (item, index2) => {
@@ -1966,7 +1954,7 @@ function Topbar({
       );
     }
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      import_link.default,
+      "a",
       {
         href: item.url,
         className,
@@ -1989,18 +1977,15 @@ function Topbar({
             style: { maxWidth },
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                import_link.default,
+                "a",
                 {
                   href: logoUrl,
                   className: "flex-shrink-0",
-                  onClick: () => (0, import_google4.sendGTMEvent)({
-                    event: "nav_click",
-                    value: {
-                      name: "logo",
-                      url: logoUrl,
-                      linkType: "internal",
-                      ...utm
-                    }
+                  onClick: () => sendEvent("nav_click", {
+                    name: "logo",
+                    url: logoUrl,
+                    linkType: "internal",
+                    ...utm
                   }),
                   children: logo ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("img", { src: logo, alt: "Logo", className: "h-8" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-xl font-bold", children: "Logo" })
                 }
@@ -2032,7 +2017,6 @@ function Topbar({
 // components/page/Popup.tsx
 var import_react6 = require("react");
 var import_lucide_react5 = require("lucide-react");
-var import_google5 = require("@next/third-parties/google");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function Icon2({ name, ...props }) {
   const formatted = name.charAt(0).toUpperCase() + name.slice(1);
@@ -2063,23 +2047,18 @@ function Popup({
 }) {
   const [isOpen, setIsOpen] = (0, import_react6.useState)(false);
   const utm = useUtmParams();
+  const sendEvent = useGtmEvent();
   const handleOpen = () => {
     setIsOpen(true);
-    (0, import_google5.sendGTMEvent)({
-      event: "popup_open",
-      value: {
-        ctaText,
-        type: textLink ? "link" : "button",
-        ...utm
-      }
+    sendEvent("popup_open", {
+      ctaText,
+      type: textLink ? "link" : "button",
+      ...utm
     });
   };
   const handleClose = () => {
     setIsOpen(false);
-    (0, import_google5.sendGTMEvent)({
-      event: "popup_close",
-      value: { ctaText, ...utm }
-    });
+    sendEvent("popup_close", { ctaText, ...utm });
   };
   const trigger = textLink ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "button",
@@ -2547,8 +2526,8 @@ function ColorPickerField({
 }
 
 // node_modules/@radix-ui/react-select/dist/index.mjs
-var React32 = __toESM(require("react"), 1);
-var ReactDOM5 = __toESM(require("react-dom"), 1);
+var React31 = __toESM(require("react"), 1);
+var ReactDOM4 = __toESM(require("react-dom"), 1);
 
 // node_modules/@radix-ui/number/dist/index.mjs
 function clamp(value, [min2, max2]) {
@@ -5514,51 +5493,13 @@ var Portal = React18.forwardRef((props, forwardedRef) => {
 });
 Portal.displayName = PORTAL_NAME;
 
-// node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var React19 = __toESM(require("react"), 1);
-var ReactDOM4 = __toESM(require("react-dom"), 1);
-var import_react_slot5 = require("@radix-ui/react-slot");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var NODES2 = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive2 = NODES2.reduce((primitive, node) => {
-  const Slot3 = (0, import_react_slot5.createSlot)(`Primitive.${node}`);
-  const Node2 = React19.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot3 : node;
-    if (typeof window !== "undefined") {
-      window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node2.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node2 };
-}, {});
-
 // node_modules/@radix-ui/react-select/dist/index.mjs
-var import_react_slot6 = require("@radix-ui/react-slot");
+var import_react_slot5 = require("@radix-ui/react-slot");
 
 // node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-var React20 = __toESM(require("react"), 1);
+var React19 = __toESM(require("react"), 1);
 var React23 = __toESM(require("react"), 1);
-var useInsertionEffect = React20[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
+var useInsertionEffect = React19[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
 function useControllableState({
   prop,
   defaultProp,
@@ -5573,8 +5514,8 @@ function useControllableState({
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
   if (true) {
-    const isControlledRef = React20.useRef(prop !== void 0);
-    React20.useEffect(() => {
+    const isControlledRef = React19.useRef(prop !== void 0);
+    React19.useEffect(() => {
       const wasControlled = isControlledRef.current;
       if (wasControlled !== isControlled) {
         const from = wasControlled ? "controlled" : "uncontrolled";
@@ -5586,7 +5527,7 @@ function useControllableState({
       isControlledRef.current = isControlled;
     }, [isControlled, caller]);
   }
-  const setValue = React20.useCallback(
+  const setValue = React19.useCallback(
     (nextValue) => {
       if (isControlled) {
         const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
@@ -5605,13 +5546,13 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React20.useState(defaultProp);
-  const prevValueRef = React20.useRef(value);
-  const onChangeRef = React20.useRef(onChange);
+  const [value, setValue] = React19.useState(defaultProp);
+  const prevValueRef = React19.useRef(value);
+  const onChangeRef = React19.useRef(onChange);
   useInsertionEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  React20.useEffect(() => {
+  React19.useEffect(() => {
     if (prevValueRef.current !== value) {
       onChangeRef.current?.(value);
       prevValueRef.current = value;
@@ -5624,10 +5565,10 @@ function isFunction(value) {
 }
 
 // node_modules/@radix-ui/react-use-previous/dist/index.mjs
-var React21 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 function usePrevious(value) {
-  const ref = React21.useRef({ value, previous: value });
-  return React21.useMemo(() => {
+  const ref = React20.useRef({ value, previous: value });
+  return React20.useMemo(() => {
     if (ref.current.value !== value) {
       ref.current.previous = ref.current.value;
       ref.current.value = value;
@@ -5637,8 +5578,8 @@ function usePrevious(value) {
 }
 
 // node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
-var React24 = __toESM(require("react"), 1);
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var React21 = __toESM(require("react"), 1);
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var VISUALLY_HIDDEN_STYLES = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
@@ -5653,9 +5594,9 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
   wordWrap: "normal"
 });
 var NAME2 = "VisuallyHidden";
-var VisuallyHidden = React24.forwardRef(
+var VisuallyHidden = React21.forwardRef(
   (props, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       Primitive.span,
       {
         ...props,
@@ -5821,10 +5762,10 @@ function __spreadArray(to, from, pack) {
 }
 
 // node_modules/react-remove-scroll/dist/es2015/Combination.js
-var React31 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 
 // node_modules/react-remove-scroll/dist/es2015/UI.js
-var React27 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 
 // node_modules/react-remove-scroll-bar/dist/es2015/constants.js
 var zeroRightClassName = "right-scroll-bar-position";
@@ -5871,8 +5812,8 @@ function useCallbackRef2(initialValue, callback) {
 }
 
 // node_modules/use-callback-ref/dist/es2015/useMergeRef.js
-var React25 = __toESM(require("react"));
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React25.useLayoutEffect : React25.useEffect;
+var React24 = __toESM(require("react"));
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React24.useLayoutEffect : React24.useEffect;
 var currentValues = /* @__PURE__ */ new WeakMap();
 function useMergeRefs(refs, defaultValue) {
   var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
@@ -5989,7 +5930,7 @@ function createSidecarMedium(options) {
 }
 
 // node_modules/use-sidecar/dist/es2015/exports.js
-var React26 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var SideCar = function(_a) {
   var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
   if (!sideCar) {
@@ -5999,7 +5940,7 @@ var SideCar = function(_a) {
   if (!Target) {
     throw new Error("Sidecar medium not found");
   }
-  return React26.createElement(Target, __assign({}, rest));
+  return React25.createElement(Target, __assign({}, rest));
 };
 SideCar.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -6014,9 +5955,9 @@ var effectCar = createSidecarMedium();
 var nothing = function() {
   return;
 };
-var RemoveScroll = React27.forwardRef(function(props, parentRef) {
-  var ref = React27.useRef(null);
-  var _a = React27.useState({
+var RemoveScroll = React26.forwardRef(function(props, parentRef) {
+  var ref = React26.useRef(null);
+  var _a = React26.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
@@ -6025,11 +5966,11 @@ var RemoveScroll = React27.forwardRef(function(props, parentRef) {
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
-  return React27.createElement(
-    React27.Fragment,
+  return React26.createElement(
+    React26.Fragment,
     null,
-    enabled && React27.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
-    forwardProps ? React27.cloneElement(React27.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React27.createElement(Container2, __assign({}, containerProps, { className, ref: containerRef }), children)
+    enabled && React26.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
+    forwardProps ? React26.cloneElement(React26.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React26.createElement(Container2, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
 RemoveScroll.defaultProps = {
@@ -6043,13 +5984,13 @@ RemoveScroll.classNames = {
 };
 
 // node_modules/react-remove-scroll/dist/es2015/SideEffect.js
-var React30 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 
 // node_modules/react-remove-scroll-bar/dist/es2015/component.js
-var React29 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 
 // node_modules/react-style-singleton/dist/es2015/hook.js
-var React28 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 
 // node_modules/get-nonce/dist/es2015/index.js
 var currentNonce;
@@ -6113,7 +6054,7 @@ var stylesheetSingleton = function() {
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
-    React28.useEffect(function() {
+    React27.useEffect(function() {
       sheet.add(styles);
       return function() {
         sheet.remove();
@@ -6187,7 +6128,7 @@ var getCurrentUseCounter = function() {
   return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function() {
-  React29.useEffect(function() {
+  React28.useEffect(function() {
     document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
     return function() {
       var newCounter = getCurrentUseCounter() - 1;
@@ -6202,10 +6143,10 @@ var useLockAttribute = function() {
 var RemoveScrollBar = function(_a) {
   var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
   useLockAttribute();
-  var gap = React29.useMemo(function() {
+  var gap = React28.useMemo(function() {
     return getGapWidth(gapMode);
   }, [gapMode]);
-  return React29.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
+  return React28.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 
 // node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
@@ -6346,16 +6287,16 @@ var generateStyle = function(id) {
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-  var shouldPreventQueue = React30.useRef([]);
-  var touchStartRef = React30.useRef([0, 0]);
-  var activeAxis = React30.useRef();
-  var id = React30.useState(idCounter++)[0];
-  var Style2 = React30.useState(styleSingleton)[0];
-  var lastProps = React30.useRef(props);
-  React30.useEffect(function() {
+  var shouldPreventQueue = React29.useRef([]);
+  var touchStartRef = React29.useRef([0, 0]);
+  var activeAxis = React29.useRef();
+  var id = React29.useState(idCounter++)[0];
+  var Style2 = React29.useState(styleSingleton)[0];
+  var lastProps = React29.useRef(props);
+  React29.useEffect(function() {
     lastProps.current = props;
   }, [props]);
-  React30.useEffect(function() {
+  React29.useEffect(function() {
     if (props.inert) {
       document.body.classList.add("block-interactivity-".concat(id));
       var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
@@ -6371,7 +6312,7 @@ function RemoveScrollSideCar(props) {
     }
     return;
   }, [props.inert, props.lockRef.current, props.shards]);
-  var shouldCancelEvent = React30.useCallback(function(event, parent) {
+  var shouldCancelEvent = React29.useCallback(function(event, parent) {
     if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
       return !lastProps.current.allowPinchZoom;
     }
@@ -6413,7 +6354,7 @@ function RemoveScrollSideCar(props) {
     var cancelingAxis = activeAxis.current || currentAxis;
     return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
-  var shouldPrevent = React30.useCallback(function(_event) {
+  var shouldPrevent = React29.useCallback(function(_event) {
     var event = _event;
     if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
       return;
@@ -6440,7 +6381,7 @@ function RemoveScrollSideCar(props) {
       }
     }
   }, []);
-  var shouldCancel = React30.useCallback(function(name, delta, target, should) {
+  var shouldCancel = React29.useCallback(function(name, delta, target, should) {
     var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
     shouldPreventQueue.current.push(event);
     setTimeout(function() {
@@ -6449,17 +6390,17 @@ function RemoveScrollSideCar(props) {
       });
     }, 1);
   }, []);
-  var scrollTouchStart = React30.useCallback(function(event) {
+  var scrollTouchStart = React29.useCallback(function(event) {
     touchStartRef.current = getTouchXY(event);
     activeAxis.current = void 0;
   }, []);
-  var scrollWheel = React30.useCallback(function(event) {
+  var scrollWheel = React29.useCallback(function(event) {
     shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  var scrollTouchMove = React30.useCallback(function(event) {
+  var scrollTouchMove = React29.useCallback(function(event) {
     shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  React30.useEffect(function() {
+  React29.useEffect(function() {
     lockStack.push(Style2);
     props.setCallbacks({
       onScrollCapture: scrollWheel,
@@ -6479,11 +6420,11 @@ function RemoveScrollSideCar(props) {
     };
   }, []);
   var removeScrollBar = props.removeScrollBar, inert = props.inert;
-  return React30.createElement(
-    React30.Fragment,
+  return React29.createElement(
+    React29.Fragment,
     null,
-    inert ? React30.createElement(Style2, { styles: generateStyle(id) }) : null,
-    removeScrollBar ? React30.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
+    inert ? React29.createElement(Style2, { styles: generateStyle(id) }) : null,
+    removeScrollBar ? React29.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
   );
 }
 function getOutermostShadowParent(node) {
@@ -6502,14 +6443,14 @@ function getOutermostShadowParent(node) {
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
 
 // node_modules/react-remove-scroll/dist/es2015/Combination.js
-var ReactRemoveScroll = React31.forwardRef(function(props, ref) {
-  return React31.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
+var ReactRemoveScroll = React30.forwardRef(function(props, ref) {
+  return React30.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
 
 // node_modules/@radix-ui/react-select/dist/index.mjs
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS = [" ", "Enter"];
 var SELECT_NAME = "Select";
@@ -6539,9 +6480,9 @@ var Select = (props) => {
     form
   } = props;
   const popperScope = usePopperScope(__scopeSelect);
-  const [trigger, setTrigger] = React32.useState(null);
-  const [valueNode, setValueNode] = React32.useState(null);
-  const [valueNodeHasChildren, setValueNodeHasChildren] = React32.useState(false);
+  const [trigger, setTrigger] = React31.useState(null);
+  const [valueNode, setValueNode] = React31.useState(null);
+  const [valueNodeHasChildren, setValueNodeHasChildren] = React31.useState(false);
   const direction = useDirection(dir);
   const [open, setOpen] = useControllableState({
     prop: openProp,
@@ -6555,11 +6496,11 @@ var Select = (props) => {
     onChange: onValueChange,
     caller: SELECT_NAME
   });
-  const triggerPointerDownPosRef = React32.useRef(null);
+  const triggerPointerDownPosRef = React31.useRef(null);
   const isFormControl = trigger ? form || !!trigger.closest("form") : true;
-  const [nativeOptionsSet, setNativeOptionsSet] = React32.useState(/* @__PURE__ */ new Set());
+  const [nativeOptionsSet, setNativeOptionsSet] = React31.useState(/* @__PURE__ */ new Set());
   const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     SelectProvider,
     {
       required,
@@ -6579,14 +6520,14 @@ var Select = (props) => {
       triggerPointerDownPosRef,
       disabled,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           SelectNativeOptionsProvider,
           {
             scope: props.__scopeSelect,
-            onNativeOptionAdd: React32.useCallback((option) => {
+            onNativeOptionAdd: React31.useCallback((option) => {
               setNativeOptionsSet((prev) => new Set(prev).add(option));
             }, []),
-            onNativeOptionRemove: React32.useCallback((option) => {
+            onNativeOptionRemove: React31.useCallback((option) => {
               setNativeOptionsSet((prev) => {
                 const optionsSet = new Set(prev);
                 optionsSet.delete(option);
@@ -6596,7 +6537,7 @@ var Select = (props) => {
             children
           }
         ) }),
-        isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+        isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
           SelectBubbleInput,
           {
             "aria-hidden": true,
@@ -6609,7 +6550,7 @@ var Select = (props) => {
             disabled,
             form,
             children: [
-              value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("option", { value: "" }) : null,
+              value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: "" }) : null,
               Array.from(nativeOptionsSet)
             ]
           },
@@ -6621,7 +6562,7 @@ var Select = (props) => {
 };
 Select.displayName = SELECT_NAME;
 var TRIGGER_NAME = "SelectTrigger";
-var SelectTrigger = React32.forwardRef(
+var SelectTrigger = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, disabled = false, ...triggerProps } = props;
     const popperScope = usePopperScope(__scopeSelect);
@@ -6629,7 +6570,7 @@ var SelectTrigger = React32.forwardRef(
     const isDisabled = context.disabled || disabled;
     const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange);
     const getItems = useCollection(__scopeSelect);
-    const pointerTypeRef = React32.useRef("touch");
+    const pointerTypeRef = React31.useRef("touch");
     const [searchRef, handleTypeaheadSearch, resetTypeahead] = useTypeaheadSearch((search) => {
       const enabledItems = getItems().filter((item) => !item.disabled);
       const currentItem = enabledItems.find((item) => item.value === context.value);
@@ -6650,8 +6591,8 @@ var SelectTrigger = React32.forwardRef(
         };
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-      Primitive2.button,
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      Primitive.button,
       {
         type: "button",
         role: "combobox",
@@ -6699,7 +6640,7 @@ var SelectTrigger = React32.forwardRef(
 );
 SelectTrigger.displayName = TRIGGER_NAME;
 var VALUE_NAME = "SelectValue";
-var SelectValue = React32.forwardRef(
+var SelectValue = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, className, style, children, placeholder = "", ...valueProps } = props;
     const context = useSelectContext(VALUE_NAME, __scopeSelect);
@@ -6709,55 +6650,55 @@ var SelectValue = React32.forwardRef(
     useLayoutEffect2(() => {
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-      Primitive2.span,
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      Primitive.span,
       {
         ...valueProps,
         ref: composedRefs,
         style: { pointerEvents: "none" },
-        children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: placeholder }) : children
+        children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, { children: placeholder }) : children
       }
     );
   }
 );
 SelectValue.displayName = VALUE_NAME;
 var ICON_NAME = "SelectIcon";
-var SelectIcon = React32.forwardRef(
+var SelectIcon = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, children, ...iconProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Primitive2.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
   }
 );
 SelectIcon.displayName = ICON_NAME;
 var PORTAL_NAME2 = "SelectPortal";
 var SelectPortal = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Portal, { asChild: true, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Portal, { asChild: true, ...props });
 };
 SelectPortal.displayName = PORTAL_NAME2;
 var CONTENT_NAME2 = "SelectContent";
-var SelectContent = React32.forwardRef(
+var SelectContent = React31.forwardRef(
   (props, forwardedRef) => {
     const context = useSelectContext(CONTENT_NAME2, props.__scopeSelect);
-    const [fragment, setFragment] = React32.useState();
+    const [fragment, setFragment] = React31.useState();
     useLayoutEffect2(() => {
       setFragment(new DocumentFragment());
     }, []);
     if (!context.open) {
       const frag = fragment;
-      return frag ? ReactDOM5.createPortal(
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { children: props.children }) }) }),
+      return frag ? ReactDOM4.createPortal(
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { children: props.children }) }) }),
         frag
       ) : null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
   }
 );
 SelectContent.displayName = CONTENT_NAME2;
 var CONTENT_MARGIN = 10;
 var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME2);
 var CONTENT_IMPL_NAME = "SelectContentImpl";
-var Slot2 = (0, import_react_slot6.createSlot)("SelectContent.RemoveScroll");
-var SelectContentImpl = React32.forwardRef(
+var Slot2 = (0, import_react_slot5.createSlot)("SelectContent.RemoveScroll");
+var SelectContentImpl = React31.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeSelect,
@@ -6781,21 +6722,21 @@ var SelectContentImpl = React32.forwardRef(
       ...contentProps
     } = props;
     const context = useSelectContext(CONTENT_NAME2, __scopeSelect);
-    const [content, setContent] = React32.useState(null);
-    const [viewport, setViewport] = React32.useState(null);
+    const [content, setContent] = React31.useState(null);
+    const [viewport, setViewport] = React31.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-    const [selectedItem, setSelectedItem] = React32.useState(null);
-    const [selectedItemText, setSelectedItemText] = React32.useState(
+    const [selectedItem, setSelectedItem] = React31.useState(null);
+    const [selectedItemText, setSelectedItemText] = React31.useState(
       null
     );
     const getItems = useCollection(__scopeSelect);
-    const [isPositioned, setIsPositioned] = React32.useState(false);
-    const firstValidItemFoundRef = React32.useRef(false);
-    React32.useEffect(() => {
+    const [isPositioned, setIsPositioned] = React31.useState(false);
+    const firstValidItemFoundRef = React31.useRef(false);
+    React31.useEffect(() => {
       if (content) return hideOthers(content);
     }, [content]);
     useFocusGuards();
-    const focusFirst2 = React32.useCallback(
+    const focusFirst2 = React31.useCallback(
       (candidates) => {
         const [firstItem, ...restItems] = getItems().map((item) => item.ref.current);
         const [lastItem] = restItems.slice(-1);
@@ -6811,17 +6752,17 @@ var SelectContentImpl = React32.forwardRef(
       },
       [getItems, viewport]
     );
-    const focusSelectedItem = React32.useCallback(
+    const focusSelectedItem = React31.useCallback(
       () => focusFirst2([selectedItem, content]),
       [focusFirst2, selectedItem, content]
     );
-    React32.useEffect(() => {
+    React31.useEffect(() => {
       if (isPositioned) {
         focusSelectedItem();
       }
     }, [isPositioned, focusSelectedItem]);
     const { onOpenChange, triggerPointerDownPosRef } = context;
-    React32.useEffect(() => {
+    React31.useEffect(() => {
       if (content) {
         let pointerMoveDelta = { x: 0, y: 0 };
         const handlePointerMove = (event) => {
@@ -6851,7 +6792,7 @@ var SelectContentImpl = React32.forwardRef(
         };
       }
     }, [content, onOpenChange, triggerPointerDownPosRef]);
-    React32.useEffect(() => {
+    React31.useEffect(() => {
       const close = () => onOpenChange(false);
       window.addEventListener("blur", close);
       window.addEventListener("resize", close);
@@ -6868,7 +6809,7 @@ var SelectContentImpl = React32.forwardRef(
         setTimeout(() => nextItem.ref.current.focus());
       }
     });
-    const itemRefCallback = React32.useCallback(
+    const itemRefCallback = React31.useCallback(
       (node, value, disabled) => {
         const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
         const isSelectedItem = context.value !== void 0 && context.value === value;
@@ -6879,8 +6820,8 @@ var SelectContentImpl = React32.forwardRef(
       },
       [context.value]
     );
-    const handleItemLeave = React32.useCallback(() => content?.focus(), [content]);
-    const itemTextRefCallback = React32.useCallback(
+    const handleItemLeave = React31.useCallback(() => content?.focus(), [content]);
+    const itemTextRefCallback = React31.useCallback(
       (node, value, disabled) => {
         const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
         const isSelectedItem = context.value !== void 0 && context.value === value;
@@ -6903,7 +6844,7 @@ var SelectContentImpl = React32.forwardRef(
       hideWhenDetached,
       avoidCollisions
     } : {};
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       SelectContentProvider,
       {
         scope: __scopeSelect,
@@ -6919,7 +6860,7 @@ var SelectContentImpl = React32.forwardRef(
         position,
         isPositioned,
         searchRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Combination_default, { as: Slot2, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Combination_default, { as: Slot2, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           FocusScope,
           {
             asChild: true,
@@ -6931,7 +6872,7 @@ var SelectContentImpl = React32.forwardRef(
               context.trigger?.focus({ preventScroll: true });
               event.preventDefault();
             }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
               DismissableLayer,
               {
                 asChild: true,
@@ -6940,7 +6881,7 @@ var SelectContentImpl = React32.forwardRef(
                 onPointerDownOutside,
                 onFocusOutside: (event) => event.preventDefault(),
                 onDismiss: () => context.onOpenChange(false),
-                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   SelectPosition,
                   {
                     role: "listbox",
@@ -6991,18 +6932,18 @@ var SelectContentImpl = React32.forwardRef(
 );
 SelectContentImpl.displayName = CONTENT_IMPL_NAME;
 var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition";
-var SelectItemAlignedPosition = React32.forwardRef((props, forwardedRef) => {
+var SelectItemAlignedPosition = React31.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, onPlaced, ...popperProps } = props;
   const context = useSelectContext(CONTENT_NAME2, __scopeSelect);
   const contentContext = useSelectContentContext(CONTENT_NAME2, __scopeSelect);
-  const [contentWrapper, setContentWrapper] = React32.useState(null);
-  const [content, setContent] = React32.useState(null);
+  const [contentWrapper, setContentWrapper] = React31.useState(null);
+  const [content, setContent] = React31.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
   const getItems = useCollection(__scopeSelect);
-  const shouldExpandOnScrollRef = React32.useRef(false);
-  const shouldRepositionRef = React32.useRef(true);
+  const shouldExpandOnScrollRef = React31.useRef(false);
+  const shouldRepositionRef = React31.useRef(true);
   const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
-  const position = React32.useCallback(() => {
+  const position = React31.useCallback(() => {
     if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
       const triggerRect = context.trigger.getBoundingClientRect();
       const contentRect = content.getBoundingClientRect();
@@ -7102,11 +7043,11 @@ var SelectItemAlignedPosition = React32.forwardRef((props, forwardedRef) => {
     onPlaced
   ]);
   useLayoutEffect2(() => position(), [position]);
-  const [contentZIndex, setContentZIndex] = React32.useState();
+  const [contentZIndex, setContentZIndex] = React31.useState();
   useLayoutEffect2(() => {
     if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
-  const handleScrollButtonChange = React32.useCallback(
+  const handleScrollButtonChange = React31.useCallback(
     (node) => {
       if (node && shouldRepositionRef.current === true) {
         position();
@@ -7116,14 +7057,14 @@ var SelectItemAlignedPosition = React32.forwardRef((props, forwardedRef) => {
     },
     [position, focusSelectedItem]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     SelectViewportProvider,
     {
       scope: __scopeSelect,
       contentWrapper,
       shouldExpandOnScrollRef,
       onScrollButtonChange: handleScrollButtonChange,
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "div",
         {
           ref: setContentWrapper,
@@ -7133,8 +7074,8 @@ var SelectItemAlignedPosition = React32.forwardRef((props, forwardedRef) => {
             position: "fixed",
             zIndex: contentZIndex
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            Primitive2.div,
+          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            Primitive.div,
             {
               ...popperProps,
               ref: composedRefs,
@@ -7155,7 +7096,7 @@ var SelectItemAlignedPosition = React32.forwardRef((props, forwardedRef) => {
 });
 SelectItemAlignedPosition.displayName = ITEM_ALIGNED_POSITION_NAME;
 var POPPER_POSITION_NAME = "SelectPopperPosition";
-var SelectPopperPosition = React32.forwardRef((props, forwardedRef) => {
+var SelectPopperPosition = React31.forwardRef((props, forwardedRef) => {
   const {
     __scopeSelect,
     align = "start",
@@ -7163,7 +7104,7 @@ var SelectPopperPosition = React32.forwardRef((props, forwardedRef) => {
     ...popperProps
   } = props;
   const popperScope = usePopperScope(__scopeSelect);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     Content,
     {
       ...popperScope,
@@ -7190,15 +7131,15 @@ var SelectPopperPosition = React32.forwardRef((props, forwardedRef) => {
 SelectPopperPosition.displayName = POPPER_POSITION_NAME;
 var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME2, {});
 var VIEWPORT_NAME = "SelectViewport";
-var SelectViewport = React32.forwardRef(
+var SelectViewport = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, nonce, ...viewportProps } = props;
     const contentContext = useSelectContentContext(VIEWPORT_NAME, __scopeSelect);
     const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
     const composedRefs = useComposedRefs(forwardedRef, contentContext.onViewportChange);
-    const prevScrollTopRef = React32.useRef(0);
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    const prevScrollTopRef = React31.useRef(0);
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -7207,8 +7148,8 @@ var SelectViewport = React32.forwardRef(
           nonce
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-        Primitive2.div,
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        Primitive.div,
         {
           "data-radix-select-viewport": "",
           role: "presentation",
@@ -7259,26 +7200,26 @@ var SelectViewport = React32.forwardRef(
 SelectViewport.displayName = VIEWPORT_NAME;
 var GROUP_NAME = "SelectGroup";
 var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME);
-var SelectGroup = React32.forwardRef(
+var SelectGroup = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
     const groupId = useId();
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Primitive2.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
 SelectGroup.displayName = GROUP_NAME;
 var LABEL_NAME = "SelectLabel";
-var SelectLabel = React32.forwardRef(
+var SelectLabel = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props;
     const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Primitive2.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
   }
 );
 SelectLabel.displayName = LABEL_NAME;
 var ITEM_NAME = "SelectItem";
 var [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
-var SelectItem = React32.forwardRef(
+var SelectItem = React31.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeSelect,
@@ -7290,14 +7231,14 @@ var SelectItem = React32.forwardRef(
     const context = useSelectContext(ITEM_NAME, __scopeSelect);
     const contentContext = useSelectContentContext(ITEM_NAME, __scopeSelect);
     const isSelected = context.value === value;
-    const [textValue, setTextValue] = React32.useState(textValueProp ?? "");
-    const [isFocused, setIsFocused] = React32.useState(false);
+    const [textValue, setTextValue] = React31.useState(textValueProp ?? "");
+    const [isFocused, setIsFocused] = React31.useState(false);
     const composedRefs = useComposedRefs(
       forwardedRef,
       (node) => contentContext.itemRefCallback?.(node, value, disabled)
     );
     const textId = useId();
-    const pointerTypeRef = React32.useRef("touch");
+    const pointerTypeRef = React31.useRef("touch");
     const handleSelect = () => {
       if (!disabled) {
         context.onValueChange(value);
@@ -7309,7 +7250,7 @@ var SelectItem = React32.forwardRef(
         "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       SelectItemContextProvider,
       {
         scope: __scopeSelect,
@@ -7317,18 +7258,18 @@ var SelectItem = React32.forwardRef(
         disabled,
         textId,
         isSelected,
-        onItemTextChange: React32.useCallback((node) => {
+        onItemTextChange: React31.useCallback((node) => {
           setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           Collection.ItemSlot,
           {
             scope: __scopeSelect,
             value,
             disabled,
             textValue,
-            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-              Primitive2.div,
+            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+              Primitive.div,
               {
                 role: "option",
                 "aria-labelledby": textId,
@@ -7380,14 +7321,14 @@ var SelectItem = React32.forwardRef(
 );
 SelectItem.displayName = ITEM_NAME;
 var ITEM_TEXT_NAME = "SelectItemText";
-var SelectItemText = React32.forwardRef(
+var SelectItemText = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, className, style, ...itemTextProps } = props;
     const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
     const contentContext = useSelectContentContext(ITEM_TEXT_NAME, __scopeSelect);
     const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
     const nativeOptionsContext = useSelectNativeOptionsContext(ITEM_TEXT_NAME, __scopeSelect);
-    const [itemTextNode, setItemTextNode] = React32.useState(null);
+    const [itemTextNode, setItemTextNode] = React31.useState(null);
     const composedRefs = useComposedRefs(
       forwardedRef,
       (node) => setItemTextNode(node),
@@ -7395,8 +7336,8 @@ var SelectItemText = React32.forwardRef(
       (node) => contentContext.itemTextRefCallback?.(node, itemContext.value, itemContext.disabled)
     );
     const textContent = itemTextNode?.textContent;
-    const nativeOption = React32.useMemo(
-      () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
+    const nativeOption = React31.useMemo(
+      () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
       [itemContext.disabled, itemContext.value, textContent]
     );
     const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
@@ -7404,27 +7345,27 @@ var SelectItemText = React32.forwardRef(
       onNativeOptionAdd(nativeOption);
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Primitive2.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
-      itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM5.createPortal(itemTextProps.children, context.valueNode) : null
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+      itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM4.createPortal(itemTextProps.children, context.valueNode) : null
     ] });
   }
 );
 SelectItemText.displayName = ITEM_TEXT_NAME;
 var ITEM_INDICATOR_NAME = "SelectItemIndicator";
-var SelectItemIndicator = React32.forwardRef(
+var SelectItemIndicator = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props;
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-    return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Primitive2.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+    return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
   }
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
 var SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
-var SelectScrollUpButton = React32.forwardRef((props, forwardedRef) => {
+var SelectScrollUpButton = React31.forwardRef((props, forwardedRef) => {
   const contentContext = useSelectContentContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
   const viewportContext = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
-  const [canScrollUp, setCanScrollUp] = React32.useState(false);
+  const [canScrollUp, setCanScrollUp] = React31.useState(false);
   const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
   useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
@@ -7439,7 +7380,7 @@ var SelectScrollUpButton = React32.forwardRef((props, forwardedRef) => {
       return () => viewport.removeEventListener("scroll", handleScroll22);
     }
   }, [contentContext.viewport, contentContext.isPositioned]);
-  return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     SelectScrollButtonImpl,
     {
       ...props,
@@ -7455,10 +7396,10 @@ var SelectScrollUpButton = React32.forwardRef((props, forwardedRef) => {
 });
 SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
 var SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
-var SelectScrollDownButton = React32.forwardRef((props, forwardedRef) => {
+var SelectScrollDownButton = React31.forwardRef((props, forwardedRef) => {
   const contentContext = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
   const viewportContext = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
-  const [canScrollDown, setCanScrollDown] = React32.useState(false);
+  const [canScrollDown, setCanScrollDown] = React31.useState(false);
   const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
   useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
@@ -7474,7 +7415,7 @@ var SelectScrollDownButton = React32.forwardRef((props, forwardedRef) => {
       return () => viewport.removeEventListener("scroll", handleScroll22);
     }
   }, [contentContext.viewport, contentContext.isPositioned]);
-  return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     SelectScrollButtonImpl,
     {
       ...props,
@@ -7489,26 +7430,26 @@ var SelectScrollDownButton = React32.forwardRef((props, forwardedRef) => {
   ) : null;
 });
 SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
-var SelectScrollButtonImpl = React32.forwardRef((props, forwardedRef) => {
+var SelectScrollButtonImpl = React31.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, onAutoScroll, ...scrollIndicatorProps } = props;
   const contentContext = useSelectContentContext("SelectScrollButton", __scopeSelect);
-  const autoScrollTimerRef = React32.useRef(null);
+  const autoScrollTimerRef = React31.useRef(null);
   const getItems = useCollection(__scopeSelect);
-  const clearAutoScrollTimer = React32.useCallback(() => {
+  const clearAutoScrollTimer = React31.useCallback(() => {
     if (autoScrollTimerRef.current !== null) {
       window.clearInterval(autoScrollTimerRef.current);
       autoScrollTimerRef.current = null;
     }
   }, []);
-  React32.useEffect(() => {
+  React31.useEffect(() => {
     return () => clearAutoScrollTimer();
   }, [clearAutoScrollTimer]);
   useLayoutEffect2(() => {
     const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
     activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [getItems]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    Primitive2.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    Primitive.div,
     {
       "aria-hidden": true,
       ...scrollIndicatorProps,
@@ -7532,31 +7473,31 @@ var SelectScrollButtonImpl = React32.forwardRef((props, forwardedRef) => {
   );
 });
 var SEPARATOR_NAME = "SelectSeparator";
-var SelectSeparator = React32.forwardRef(
+var SelectSeparator = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Primitive2.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
   }
 );
 SelectSeparator.displayName = SEPARATOR_NAME;
 var ARROW_NAME2 = "SelectArrow";
-var SelectArrow = React32.forwardRef(
+var SelectArrow = React31.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...arrowProps } = props;
     const popperScope = usePopperScope(__scopeSelect);
     const context = useSelectContext(ARROW_NAME2, __scopeSelect);
     const contentContext = useSelectContentContext(ARROW_NAME2, __scopeSelect);
-    return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+    return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Arrow2, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
   }
 );
 SelectArrow.displayName = ARROW_NAME2;
 var BUBBLE_INPUT_NAME = "SelectBubbleInput";
-var SelectBubbleInput = React32.forwardRef(
+var SelectBubbleInput = React31.forwardRef(
   ({ __scopeSelect, value, ...props }, forwardedRef) => {
-    const ref = React32.useRef(null);
+    const ref = React31.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
     const prevValue = usePrevious(value);
-    React32.useEffect(() => {
+    React31.useEffect(() => {
       const select = ref.current;
       if (!select) return;
       const selectProto = window.HTMLSelectElement.prototype;
@@ -7571,8 +7512,8 @@ var SelectBubbleInput = React32.forwardRef(
         select.dispatchEvent(event);
       }
     }, [prevValue, value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-      Primitive2.select,
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      Primitive.select,
       {
         ...props,
         style: { ...VISUALLY_HIDDEN_STYLES, ...props.style },
@@ -7588,9 +7529,9 @@ function shouldShowPlaceholder(value) {
 }
 function useTypeaheadSearch(onSearchChange) {
   const handleSearchChange = useCallbackRef(onSearchChange);
-  const searchRef = React32.useRef("");
-  const timerRef = React32.useRef(0);
-  const handleTypeaheadSearch = React32.useCallback(
+  const searchRef = React31.useRef("");
+  const timerRef = React31.useRef(0);
+  const handleTypeaheadSearch = React31.useCallback(
     (key) => {
       const search = searchRef.current + key;
       handleSearchChange(search);
@@ -7602,11 +7543,11 @@ function useTypeaheadSearch(onSearchChange) {
     },
     [handleSearchChange]
   );
-  const resetTypeahead = React32.useCallback(() => {
+  const resetTypeahead = React31.useCallback(() => {
     searchRef.current = "";
     window.clearTimeout(timerRef.current);
   }, []);
-  React32.useEffect(() => {
+  React31.useEffect(() => {
     return () => window.clearTimeout(timerRef.current);
   }, []);
   return [searchRef, handleTypeaheadSearch, resetTypeahead];
@@ -7641,16 +7582,16 @@ var ScrollDownButton = SelectScrollDownButton;
 
 // shadcn/select.tsx
 var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Select2({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Root23, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Root23, { "data-slot": "select", ...props });
 }
 function SelectValue2({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger2({
   className,
@@ -7658,7 +7599,7 @@ function SelectTrigger2({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     Trigger,
     {
       "data-slot": "select-trigger",
@@ -7670,7 +7611,7 @@ function SelectTrigger2({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon3, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react8.ChevronDownIcon, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon3, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.ChevronDownIcon, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -7682,7 +7623,7 @@ function SelectContent2({
   align = "center",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Portal2, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Portal2, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     Content2,
     {
       "data-slot": "select-content",
@@ -7695,8 +7636,8 @@ function SelectContent2({
       align,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectScrollUpButton2, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectScrollUpButton2, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           Viewport,
           {
             className: cn(
@@ -7706,7 +7647,7 @@ function SelectContent2({
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectScrollDownButton2, {})
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectScrollDownButton2, {})
       ]
     }
   ) });
@@ -7716,7 +7657,7 @@ function SelectItem2({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     Item,
     {
       "data-slot": "select-item",
@@ -7726,15 +7667,15 @@ function SelectItem2({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "span",
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react8.CheckIcon, { className: "size-4" }) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.CheckIcon, { className: "size-4" }) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ItemText, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ItemText, { children })
       ]
     }
   );
@@ -7743,7 +7684,7 @@ function SelectScrollUpButton2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -7752,7 +7693,7 @@ function SelectScrollUpButton2({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react8.ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -7760,7 +7701,7 @@ function SelectScrollDownButton2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -7769,13 +7710,13 @@ function SelectScrollDownButton2({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react8.ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react8.ChevronDownIcon, { className: "size-4" })
     }
   );
 }
 
 // fields/EntryBoundTextField.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function isEntryBoundValue7(value) {
   return typeof value === "object" && value !== null && "useEntry" in value;
 }
@@ -7830,10 +7771,10 @@ function EntryBoundTextField({
     }
   };
   const hasEntries = entryNames.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-sm font-medium", children: label }),
-      hasEntries && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-sm font-medium", children: label }),
+      hasEntries && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         Toggle,
         {
           pressed: isUsingEntry,
@@ -7846,38 +7787,38 @@ function EntryBoundTextField({
         }
       )
     ] }),
-    isUsingEntry ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    isUsingEntry ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
           Select2,
           {
             value: currentEntryName,
             onValueChange: handleEntryChange,
             disabled,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectTrigger2, { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectValue2, { placeholder: "Select entry" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectContent2, { children: entryNames.map((name) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectItem2, { value: name, children: name }, name)) })
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectTrigger2, { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectValue2, { placeholder: "Select entry" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectContent2, { children: entryNames.map((name) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectItem2, { value: name, children: name }, name)) })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
           Select2,
           {
             value: currentFieldKey,
             onValueChange: handleFieldChange,
             disabled: disabled || !currentEntryName,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectTrigger2, { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectValue2, { placeholder: "Select field" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectContent2, { children: availableFields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectItem2, { value: field, children: field }, field)) })
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectTrigger2, { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectValue2, { placeholder: "Select field" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectContent2, { children: availableFields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectItem2, { value: field, children: field }, field)) })
             ]
           }
         )
       ] }),
-      resolvedValue && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "bg-muted rounded-md p-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Label, { className: "text-muted-foreground text-xs", children: "Preview" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-sm", children: resolvedValue })
+      resolvedValue && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "bg-muted rounded-md p-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Label, { className: "text-muted-foreground text-xs", children: "Preview" }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-sm", children: resolvedValue })
       ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       Input,
       {
         value: resolvedValue,
@@ -7896,7 +7837,7 @@ function createEntryBoundTextField(label, placeholder) {
       value,
       onChange,
       readOnly
-    }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       EntryBoundTextField,
       {
         value,
@@ -7911,7 +7852,7 @@ function createEntryBoundTextField(label, placeholder) {
 
 // fields/ResponsiveToggleField.tsx
 var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var breakpoints = [
   { key: "mobile", label: "Mobile", icon: import_lucide_react9.Smartphone },
   { key: "desktop", label: "Desktop", icon: import_lucide_react9.Monitor }
@@ -7932,9 +7873,9 @@ function ResponsiveToggleField({
       [key]: !visibility[key]
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Label, { className: "text-sm font-medium", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex gap-2", children: breakpoints.map(({ key, label: bpLabel, icon: Icon4 }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Label, { className: "text-sm font-medium", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex gap-2", children: breakpoints.map(({ key, label: bpLabel, icon: Icon4 }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       "button",
       {
         type: "button",
@@ -7946,13 +7887,13 @@ function ResponsiveToggleField({
         ),
         "aria-label": `${bpLabel} visibility`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon4, { className: "size-5" }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xs font-medium", children: bpLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon4, { className: "size-5" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-xs font-medium", children: bpLabel })
         ]
       },
       key
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-muted-foreground text-xs", children: !visibility.mobile && !visibility.desktop ? "Hidden on all devices" : `Visible on ${[
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-muted-foreground text-xs", children: !visibility.mobile && !visibility.desktop ? "Hidden on all devices" : `Visible on ${[
       visibility.mobile && "mobile",
       visibility.desktop && "desktop"
     ].filter(Boolean).join(" & ")}` })
@@ -7960,7 +7901,7 @@ function ResponsiveToggleField({
 }
 
 // fields/ShadowField.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function ShadowField({
   value,
   onChangeAction,
@@ -7968,9 +7909,9 @@ function ShadowField({
   label
 }) {
   const currentValue = value ?? "none";
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label, { className: "text-sm font-medium", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "grid grid-cols-4 gap-2", children: shadowPresets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Label, { className: "text-sm font-medium", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "grid grid-cols-4 gap-2", children: shadowPresets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
       Button2,
       {
         type: "button",
@@ -7983,14 +7924,14 @@ function ShadowField({
           currentValue === preset.value && "ring-ring ring-2"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "div",
             {
               className: "bg-background size-8 rounded",
               style: { boxShadow: preset.css }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs", children: preset.label })
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xs", children: preset.label })
         ]
       },
       preset.value
@@ -8022,7 +7963,7 @@ var getClosestSpacingValue = (value) => {
 };
 
 // fields/SpacingSliderField.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var MAX_VALUE2 = spacingScale[spacingScale.length - 1].value;
 function SpacingSliderField({
   value,
@@ -8062,10 +8003,10 @@ function SpacingSliderField({
   };
   const matchingPreset = spacingScale.find((s) => s.value === currentValue);
   const displayLabel = matchingPreset?.label ?? "Custom";
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Label, { className: "text-sm font-medium", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label, { className: "text-sm font-medium", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         Toggle,
         {
           pressed: quantized,
@@ -8074,13 +8015,13 @@ function SpacingSliderField({
           variant: "outline",
           "aria-label": "Snap to grid",
           title: quantized ? "Snap to grid (on)" : "Snap to grid (off)",
-          children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react10.Magnet, { className: "size-3.5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react10.Magnet, { className: "size-3.5" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground flex-1 text-sm", children: displayLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-muted-foreground flex-1 text-sm", children: displayLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         Input,
         {
           type: "number",
@@ -8092,9 +8033,9 @@ function SpacingSliderField({
           max: MAX_VALUE2
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground text-xs", children: "px" })
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-muted-foreground text-xs", children: "px" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       Slider,
       {
         value: [currentValue],
@@ -8105,7 +8046,7 @@ function SpacingSliderField({
         disabled
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex flex-wrap gap-1", children: spacingScale.filter((_, i) => i % 2 === 0 || i === spacingScale.length - 1).map((preset) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex flex-wrap gap-1", children: spacingScale.filter((_, i) => i % 2 === 0 || i === spacingScale.length - 1).map((preset) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       Button2,
       {
         type: "button",
@@ -8121,7 +8062,7 @@ function SpacingSliderField({
 }
 
 // fields/ThemeableColorField.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function isThemeableValue12(value) {
   return typeof value === "object" && value !== null && "useTheme" in value;
 }
@@ -8146,10 +8087,10 @@ function ThemeableColorField({
   const handleColorChange = (newColor) => {
     onChange({ useTheme: false, value: newColor });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-sm font-medium", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm font-medium", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         Toggle,
         {
           pressed: isUsingTheme,
@@ -8162,8 +8103,8 @@ function ThemeableColorField({
         }
       )
     ] }),
-    isUsingTheme ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2 rounded-md border p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    isUsingTheme ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2 rounded-md border p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         "div",
         {
           className: "size-6 shrink-0 rounded border",
@@ -8172,11 +8113,11 @@ function ThemeableColorField({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "text-muted-foreground text-sm capitalize", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-muted-foreground text-sm capitalize", children: [
         "Theme: ",
         themeKey
       ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       ColorPickerField,
       {
         value: customValue,
@@ -8195,7 +8136,7 @@ function createThemeableColorField(label, themeKey) {
       value,
       onChange,
       readOnly
-    }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       ThemeableColorField,
       {
         value,
@@ -8209,10 +8150,10 @@ function createThemeableColorField(label, themeKey) {
 }
 
 // fields/TypographyField.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // fields/index.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function createColorField(label) {
   return {
     type: "custom",
@@ -8221,7 +8162,7 @@ function createColorField(label) {
       value,
       onChange,
       readOnly
-    }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       ColorPickerField,
       {
         value,
@@ -8240,7 +8181,7 @@ function createSpacingField(label) {
       value,
       onChange,
       readOnly
-    }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       SpacingSliderField,
       {
         value,
@@ -8259,7 +8200,7 @@ function createShadowField(label) {
       value,
       onChange,
       readOnly
-    }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       ShadowField,
       {
         value,
@@ -8278,7 +8219,7 @@ function createBorderRadiusField(label) {
       value,
       onChange,
       readOnly
-    }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       BorderRadiusField,
       {
         value,
@@ -8297,7 +8238,7 @@ function createResponsiveField(label) {
       value,
       onChange,
       readOnly
-    }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       ResponsiveToggleField,
       {
         value,
@@ -8310,7 +8251,7 @@ function createResponsiveField(label) {
 }
 
 // config.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var config = {
   categories: {
     typography: {
@@ -8427,7 +8368,7 @@ var config = {
         letterSpacing: "normal",
         lineHeight: "tight"
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Heading, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Heading, { ...props })
     },
     Paragraph: {
       fields: {
@@ -8478,7 +8419,7 @@ var config = {
         align: "left",
         lineHeight: "normal"
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Paragraph, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Paragraph, { ...props })
     },
     // ==================
     // ACTIONS
@@ -8551,7 +8492,7 @@ var config = {
         align: "center",
         target: "_self"
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button, { ...props })
     },
     // ==================
     // MEDIA
@@ -8631,7 +8572,7 @@ var config = {
         align: "center",
         captionColor: { useTheme: true, themeKey: "muted" }
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Image, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Image, { ...props })
     },
     ImageCarousel: {
       fields: {
@@ -8695,7 +8636,7 @@ var config = {
         arrowColor: { useTheme: true, themeKey: "background" },
         dotColor: { useTheme: true, themeKey: "primary" }
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ImageCarousel, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ImageCarousel, { ...props })
     },
     VideoEmbed: {
       fields: {
@@ -8767,7 +8708,7 @@ var config = {
         muted: false,
         loop: false
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(VideoEmbed, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(VideoEmbed, { ...props })
     },
     Icon: {
       fields: {
@@ -8804,7 +8745,7 @@ var config = {
         color: { useTheme: true, themeKey: "primary" },
         align: "center"
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { ...props })
     },
     // ==================
     // LAYOUT
@@ -8835,7 +8776,7 @@ var config = {
         contentMaxWidth: "1400px",
         visibility: { mobile: true, desktop: true }
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Section, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Section, { ...props })
     },
     Container: {
       fields: {
@@ -8888,7 +8829,7 @@ var config = {
         paddingY: "none",
         centered: true
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Container, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Container, { ...props })
     },
     Columns: {
       fields: {
@@ -8933,7 +8874,7 @@ var config = {
         verticalAlign: "top",
         stackOnMobile: true
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Columns, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Columns, { ...props })
     },
     Card: {
       fields: {
@@ -8990,7 +8931,7 @@ var config = {
         shadow: "sm",
         padding: "md"
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Card, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Card, { ...props })
     },
     Divider: {
       fields: {
@@ -9046,7 +8987,7 @@ var config = {
         align: "center",
         spacing: "md"
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Divider, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Divider, { ...props })
     },
     Spacer: {
       fields: {
@@ -9066,7 +9007,7 @@ var config = {
       defaultProps: {
         size: "md"
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Spacer, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Spacer, { ...props })
     },
     // ==================
     // LEGACY COMPONENTS
@@ -9119,7 +9060,7 @@ var config = {
         gradientColor1: { useTheme: true, themeKey: "primary" },
         gradientColor2: { useTheme: true, themeKey: "secondary" }
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TextBlock, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TextBlock, { ...props })
     },
     CustomImage: {
       fields: {
@@ -9146,7 +9087,7 @@ var config = {
         alignment: "center",
         fitContent: false
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CustomImage, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CustomImage, { ...props })
     },
     FeaturesList: {
       fields: {
@@ -9187,7 +9128,7 @@ var config = {
         size: "medium",
         iconColor: { color: "#3B82F6", opacity: 100 }
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(FeaturesList, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(FeaturesList, { ...props })
     },
     FeatureGrid: {
       fields: {
@@ -9243,7 +9184,7 @@ var config = {
         iconColor: { color: "#3B82F6", opacity: 100 },
         textColor: { color: "#000000", opacity: 100 }
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(FeatureGrid, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(FeatureGrid, { ...props })
     },
     Footer: {
       fields: {
@@ -9260,7 +9201,7 @@ var config = {
         backgroundColor: { color: "#111827", opacity: 100 },
         textColor: { color: "#FFFFFF", opacity: 100 }
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Footer, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Footer, { ...props })
     },
     Topbar: {
       fields: {
@@ -9295,7 +9236,7 @@ var config = {
         textColor: { color: "#000000", opacity: 100 },
         maxWidth: "1400px"
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Topbar, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Topbar, { ...props })
     },
     Popup: {
       fields: {
@@ -9343,7 +9284,7 @@ var config = {
         width: "medium",
         textLink: false
       },
-      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Popup, { ...props })
+      render: (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Popup, { ...props })
     }
   }
 };