@embedreach/components 0.1.23 → 0.1.25

package/dist/chunks/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import React__default, { createContext as createContext$1, Component, useContext as useContext$1, useCallback, useState, useRef, useEffect, useMemo, createElement as createElement$1, useReducer, forwardRef, useId as useId$2, useInsertionEffect, Children, isValidElement, useLayoutEffect, Fragment as Fragment$1, cloneElement } from "react";
+import React__default, { createContext as createContext$1, Component, useReducer, useMemo, useEffect, useContext as useContext$1, useCallback, useState, useRef, createElement as createElement$1, forwardRef, useId as useId$2, useInsertionEffect, Children, isValidElement, useLayoutEffect, Fragment as Fragment$1, cloneElement } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync } from "react-dom";
 var Subscribable = class {
@@ -7763,241 +7763,6 @@ let D$2 = class D extends Component {
     return React__default.createElement(a4.Provider, { value: { flags: e4, flagKeyMap: r2, ldClient: n2, error: o2 } }, this.props.children);
   }
 };
-const warn = (...args) => {
-  if (console?.warn) {
-    if (isString$1(args[0])) args[0] = `react-i18next:: ${args[0]}`;
-    console.warn(...args);
-  }
-};
-const alreadyWarned$1 = {};
-const warnOnce$1 = (...args) => {
-  if (isString$1(args[0]) && alreadyWarned$1[args[0]]) return;
-  if (isString$1(args[0])) alreadyWarned$1[args[0]] = /* @__PURE__ */ new Date();
-  warn(...args);
-};
-const loadedClb = (i18n, cb) => () => {
-  if (i18n.isInitialized) {
-    cb();
-  } else {
-    const initialized = () => {
-      setTimeout(() => {
-        i18n.off("initialized", initialized);
-      }, 0);
-      cb();
-    };
-    i18n.on("initialized", initialized);
-  }
-};
-const loadNamespaces = (i18n, ns, cb) => {
-  i18n.loadNamespaces(ns, loadedClb(i18n, cb));
-};
-const loadLanguages = (i18n, lng, ns, cb) => {
-  if (isString$1(ns)) ns = [ns];
-  if (i18n.options.preload && i18n.options.preload.indexOf(lng) > -1) return loadNamespaces(i18n, ns, cb);
-  ns.forEach((n2) => {
-    if (i18n.options.ns.indexOf(n2) < 0) i18n.options.ns.push(n2);
-  });
-  i18n.loadLanguages(lng, loadedClb(i18n, cb));
-};
-const hasLoadedNamespace = (ns, i18n, options = {}) => {
-  if (!i18n.languages || !i18n.languages.length) {
-    warnOnce$1("i18n.languages were undefined or empty", i18n.languages);
-    return true;
-  }
-  return i18n.hasLoadedNamespace(ns, {
-    lng: options.lng,
-    precheck: (i18nInstance2, loadNotPending) => {
-      if (options.bindI18n?.indexOf("languageChanging") > -1 && i18nInstance2.services.backendConnector.backend && i18nInstance2.isLanguageChangingTo && !loadNotPending(i18nInstance2.isLanguageChangingTo, ns)) return false;
-    }
-  });
-};
-const isString$1 = (obj) => typeof obj === "string";
-const isObject = (obj) => typeof obj === "object" && obj !== null;
-const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
-const htmlEntities = {
-  "&amp;": "&",
-  "&#38;": "&",
-  "&lt;": "<",
-  "&#60;": "<",
-  "&gt;": ">",
-  "&#62;": ">",
-  "&apos;": "'",
-  "&#39;": "'",
-  "&quot;": '"',
-  "&#34;": '"',
-  "&nbsp;": " ",
-  "&#160;": " ",
-  "&copy;": "©",
-  "&#169;": "©",
-  "&reg;": "®",
-  "&#174;": "®",
-  "&hellip;": "…",
-  "&#8230;": "…",
-  "&#x2F;": "/",
-  "&#47;": "/"
-};
-const unescapeHtmlEntity = (m4) => htmlEntities[m4];
-const unescape$1 = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
-let defaultOptions$2 = {
-  bindI18n: "languageChanged",
-  bindI18nStore: "",
-  transEmptyNodeValue: "",
-  transSupportBasicHtmlNodes: true,
-  transWrapTextNodes: "",
-  transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
-  useSuspense: true,
-  unescape: unescape$1
-};
-const setDefaults = (options = {}) => {
-  defaultOptions$2 = {
-    ...defaultOptions$2,
-    ...options
-  };
-};
-const getDefaults$1 = () => defaultOptions$2;
-let i18nInstance;
-const setI18n = (instance2) => {
-  i18nInstance = instance2;
-};
-const getI18n = () => i18nInstance;
-const initReactI18next = {
-  type: "3rdParty",
-  init(instance2) {
-    setDefaults(instance2.options.react);
-    setI18n(instance2);
-  }
-};
-const I18nContext = createContext$1();
-class ReportNamespaces {
-  constructor() {
-    this.usedNamespaces = {};
-  }
-  addUsedNamespaces(namespaces) {
-    namespaces.forEach((ns) => {
-      if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
-    });
-  }
-  getUsedNamespaces() {
-    return Object.keys(this.usedNamespaces);
-  }
-}
-const usePrevious$1 = (value, ignore) => {
-  const ref = useRef();
-  useEffect(() => {
-    ref.current = value;
-  }, [value, ignore]);
-  return ref.current;
-};
-const alwaysNewT = (i18n, language, namespace, keyPrefix) => i18n.getFixedT(language, namespace, keyPrefix);
-const useMemoizedT = (i18n, language, namespace, keyPrefix) => useCallback(alwaysNewT(i18n, language, namespace, keyPrefix), [i18n, language, namespace, keyPrefix]);
-const useTranslation = (ns, props = {}) => {
-  const {
-    i18n: i18nFromProps
-  } = props;
-  const {
-    i18n: i18nFromContext,
-    defaultNS: defaultNSFromContext
-  } = useContext$1(I18nContext) || {};
-  const i18n = i18nFromProps || i18nFromContext || getI18n();
-  if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
-  if (!i18n) {
-    warnOnce$1("You will need to pass in an i18next instance by using initReactI18next");
-    const notReadyT = (k3, optsOrDefaultValue) => {
-      if (isString$1(optsOrDefaultValue)) return optsOrDefaultValue;
-      if (isObject(optsOrDefaultValue) && isString$1(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;
-      return Array.isArray(k3) ? k3[k3.length - 1] : k3;
-    };
-    const retNotReady = [notReadyT, {}, false];
-    retNotReady.t = notReadyT;
-    retNotReady.i18n = {};
-    retNotReady.ready = false;
-    return retNotReady;
-  }
-  if (i18n.options.react?.wait) warnOnce$1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
-  const i18nOptions = {
-    ...getDefaults$1(),
-    ...i18n.options.react,
-    ...props
-  };
-  const {
-    useSuspense,
-    keyPrefix
-  } = i18nOptions;
-  let namespaces = defaultNSFromContext || i18n.options?.defaultNS;
-  namespaces = isString$1(namespaces) ? [namespaces] : namespaces || ["translation"];
-  i18n.reportNamespaces.addUsedNamespaces?.(namespaces);
-  const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every((n2) => hasLoadedNamespace(n2, i18n, i18nOptions));
-  const memoGetT = useMemoizedT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
-  const getT = () => memoGetT;
-  const getNewT = () => alwaysNewT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
-  const [t3, setT] = useState(getT);
-  let joinedNS = namespaces.join();
-  if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
-  const previousJoinedNS = usePrevious$1(joinedNS);
-  const isMounted = useRef(true);
-  useEffect(() => {
-    const {
-      bindI18n,
-      bindI18nStore
-    } = i18nOptions;
-    isMounted.current = true;
-    if (!ready && !useSuspense) {
-      if (props.lng) {
-        loadLanguages(i18n, props.lng, namespaces, () => {
-          if (isMounted.current) setT(getNewT);
-        });
-      } else {
-        loadNamespaces(i18n, namespaces, () => {
-          if (isMounted.current) setT(getNewT);
-        });
-      }
-    }
-    if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
-      setT(getNewT);
-    }
-    const boundReset = () => {
-      if (isMounted.current) setT(getNewT);
-    };
-    if (bindI18n) i18n?.on(bindI18n, boundReset);
-    if (bindI18nStore) i18n?.store.on(bindI18nStore, boundReset);
-    return () => {
-      isMounted.current = false;
-      if (i18n) bindI18n?.split(" ").forEach((e4) => i18n.off(e4, boundReset));
-      if (bindI18nStore && i18n) bindI18nStore.split(" ").forEach((e4) => i18n.store.off(e4, boundReset));
-    };
-  }, [i18n, joinedNS]);
-  useEffect(() => {
-    if (isMounted.current && ready) {
-      setT(getT);
-    }
-  }, [i18n, keyPrefix, ready]);
-  const ret = [t3, i18n, ready];
-  ret.t = t3;
-  ret.i18n = i18n;
-  ret.ready = ready;
-  if (ready) return ret;
-  if (!ready && !useSuspense) return ret;
-  throw new Promise((resolve) => {
-    if (props.lng) {
-      loadLanguages(i18n, props.lng, namespaces, () => resolve());
-    } else {
-      loadNamespaces(i18n, namespaces, () => resolve());
-    }
-  });
-};
-function I18nextProvider({
-  i18n,
-  defaultNS,
-  children: children2
-}) {
-  const value = useMemo(() => ({
-    i18n,
-    defaultNS
-  }), [i18n, defaultNS]);
-  return createElement$1(I18nContext.Provider, {
-    value
-  }, children2);
-}
 let EventEmitter$1 = class EventEmitter {
   handlers = /* @__PURE__ */ new Map();
   /**
@@ -8405,28 +8170,241 @@ const { Context, Provider: Provider$2 } = createDataContext(
     error: null
   }
 );
-const useThemeContext = () => {
-  const context = useContext$1(Context);
-  if (context === void 0) {
-    throw new Error("useThemeContext must be used within a ThemeProvider");
+const warn = (...args) => {
+  if (console?.warn) {
+    if (isString$1(args[0])) args[0] = `react-i18next:: ${args[0]}`;
+    console.warn(...args);
   }
-  const applyTheme = (themeConfig) => {
-    if (!themeConfig) return;
-    const mergedStyles = mergeThemeStyles(themeConfig);
-    const finalTheme = {
-      styles: mergedStyles
+};
+const alreadyWarned$1 = {};
+const warnOnce$1 = (...args) => {
+  if (isString$1(args[0]) && alreadyWarned$1[args[0]]) return;
+  if (isString$1(args[0])) alreadyWarned$1[args[0]] = /* @__PURE__ */ new Date();
+  warn(...args);
+};
+const loadedClb = (i18n, cb) => () => {
+  if (i18n.isInitialized) {
+    cb();
+  } else {
+    const initialized = () => {
+      setTimeout(() => {
+        i18n.off("initialized", initialized);
+      }, 0);
+      cb();
     };
-    context.setTheme(finalTheme);
+    i18n.on("initialized", initialized);
+  }
+};
+const loadNamespaces = (i18n, ns, cb) => {
+  i18n.loadNamespaces(ns, loadedClb(i18n, cb));
+};
+const loadLanguages = (i18n, lng, ns, cb) => {
+  if (isString$1(ns)) ns = [ns];
+  if (i18n.options.preload && i18n.options.preload.indexOf(lng) > -1) return loadNamespaces(i18n, ns, cb);
+  ns.forEach((n2) => {
+    if (i18n.options.ns.indexOf(n2) < 0) i18n.options.ns.push(n2);
+  });
+  i18n.loadLanguages(lng, loadedClb(i18n, cb));
+};
+const hasLoadedNamespace = (ns, i18n, options = {}) => {
+  if (!i18n.languages || !i18n.languages.length) {
+    warnOnce$1("i18n.languages were undefined or empty", i18n.languages);
+    return true;
+  }
+  return i18n.hasLoadedNamespace(ns, {
+    lng: options.lng,
+    precheck: (i18nInstance2, loadNotPending) => {
+      if (options.bindI18n?.indexOf("languageChanging") > -1 && i18nInstance2.services.backendConnector.backend && i18nInstance2.isLanguageChangingTo && !loadNotPending(i18nInstance2.isLanguageChangingTo, ns)) return false;
+    }
+  });
+};
+const isString$1 = (obj) => typeof obj === "string";
+const isObject = (obj) => typeof obj === "object" && obj !== null;
+const matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
+const htmlEntities = {
+  "&amp;": "&",
+  "&#38;": "&",
+  "&lt;": "<",
+  "&#60;": "<",
+  "&gt;": ">",
+  "&#62;": ">",
+  "&apos;": "'",
+  "&#39;": "'",
+  "&quot;": '"',
+  "&#34;": '"',
+  "&nbsp;": " ",
+  "&#160;": " ",
+  "&copy;": "©",
+  "&#169;": "©",
+  "&reg;": "®",
+  "&#174;": "®",
+  "&hellip;": "…",
+  "&#8230;": "…",
+  "&#x2F;": "/",
+  "&#47;": "/"
+};
+const unescapeHtmlEntity = (m4) => htmlEntities[m4];
+const unescape$1 = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
+let defaultOptions$2 = {
+  bindI18n: "languageChanged",
+  bindI18nStore: "",
+  transEmptyNodeValue: "",
+  transSupportBasicHtmlNodes: true,
+  transWrapTextNodes: "",
+  transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
+  useSuspense: true,
+  unescape: unescape$1
+};
+const setDefaults = (options = {}) => {
+  defaultOptions$2 = {
+    ...defaultOptions$2,
+    ...options
   };
-  return {
-    ...context.state,
-    setTheme: context.setTheme,
-    setLoading: context.setLoading,
-    setError: context.setError,
-    // Add the helper function
-    applyTheme
+};
+const getDefaults$1 = () => defaultOptions$2;
+let i18nInstance;
+const setI18n = (instance2) => {
+  i18nInstance = instance2;
+};
+const getI18n = () => i18nInstance;
+const initReactI18next = {
+  type: "3rdParty",
+  init(instance2) {
+    setDefaults(instance2.options.react);
+    setI18n(instance2);
+  }
+};
+const I18nContext = createContext$1();
+class ReportNamespaces {
+  constructor() {
+    this.usedNamespaces = {};
+  }
+  addUsedNamespaces(namespaces) {
+    namespaces.forEach((ns) => {
+      if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
+    });
+  }
+  getUsedNamespaces() {
+    return Object.keys(this.usedNamespaces);
+  }
+}
+const usePrevious$1 = (value, ignore) => {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = value;
+  }, [value, ignore]);
+  return ref.current;
+};
+const alwaysNewT = (i18n, language, namespace, keyPrefix) => i18n.getFixedT(language, namespace, keyPrefix);
+const useMemoizedT = (i18n, language, namespace, keyPrefix) => useCallback(alwaysNewT(i18n, language, namespace, keyPrefix), [i18n, language, namespace, keyPrefix]);
+const useTranslation = (ns, props = {}) => {
+  const {
+    i18n: i18nFromProps
+  } = props;
+  const {
+    i18n: i18nFromContext,
+    defaultNS: defaultNSFromContext
+  } = useContext$1(I18nContext) || {};
+  const i18n = i18nFromProps || i18nFromContext || getI18n();
+  if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
+  if (!i18n) {
+    warnOnce$1("You will need to pass in an i18next instance by using initReactI18next");
+    const notReadyT = (k3, optsOrDefaultValue) => {
+      if (isString$1(optsOrDefaultValue)) return optsOrDefaultValue;
+      if (isObject(optsOrDefaultValue) && isString$1(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;
+      return Array.isArray(k3) ? k3[k3.length - 1] : k3;
+    };
+    const retNotReady = [notReadyT, {}, false];
+    retNotReady.t = notReadyT;
+    retNotReady.i18n = {};
+    retNotReady.ready = false;
+    return retNotReady;
+  }
+  if (i18n.options.react?.wait) warnOnce$1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  const i18nOptions = {
+    ...getDefaults$1(),
+    ...i18n.options.react,
+    ...props
   };
+  const {
+    useSuspense,
+    keyPrefix
+  } = i18nOptions;
+  let namespaces = defaultNSFromContext || i18n.options?.defaultNS;
+  namespaces = isString$1(namespaces) ? [namespaces] : namespaces || ["translation"];
+  i18n.reportNamespaces.addUsedNamespaces?.(namespaces);
+  const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every((n2) => hasLoadedNamespace(n2, i18n, i18nOptions));
+  const memoGetT = useMemoizedT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
+  const getT = () => memoGetT;
+  const getNewT = () => alwaysNewT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
+  const [t3, setT] = useState(getT);
+  let joinedNS = namespaces.join();
+  if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
+  const previousJoinedNS = usePrevious$1(joinedNS);
+  const isMounted = useRef(true);
+  useEffect(() => {
+    const {
+      bindI18n,
+      bindI18nStore
+    } = i18nOptions;
+    isMounted.current = true;
+    if (!ready && !useSuspense) {
+      if (props.lng) {
+        loadLanguages(i18n, props.lng, namespaces, () => {
+          if (isMounted.current) setT(getNewT);
+        });
+      } else {
+        loadNamespaces(i18n, namespaces, () => {
+          if (isMounted.current) setT(getNewT);
+        });
+      }
+    }
+    if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
+      setT(getNewT);
+    }
+    const boundReset = () => {
+      if (isMounted.current) setT(getNewT);
+    };
+    if (bindI18n) i18n?.on(bindI18n, boundReset);
+    if (bindI18nStore) i18n?.store.on(bindI18nStore, boundReset);
+    return () => {
+      isMounted.current = false;
+      if (i18n) bindI18n?.split(" ").forEach((e4) => i18n.off(e4, boundReset));
+      if (bindI18nStore && i18n) bindI18nStore.split(" ").forEach((e4) => i18n.store.off(e4, boundReset));
+    };
+  }, [i18n, joinedNS]);
+  useEffect(() => {
+    if (isMounted.current && ready) {
+      setT(getT);
+    }
+  }, [i18n, keyPrefix, ready]);
+  const ret = [t3, i18n, ready];
+  ret.t = t3;
+  ret.i18n = i18n;
+  ret.ready = ready;
+  if (ready) return ret;
+  if (!ready && !useSuspense) return ret;
+  throw new Promise((resolve) => {
+    if (props.lng) {
+      loadLanguages(i18n, props.lng, namespaces, () => resolve());
+    } else {
+      loadNamespaces(i18n, namespaces, () => resolve());
+    }
+  });
 };
+function I18nextProvider({
+  i18n,
+  defaultNS,
+  children: children2
+}) {
+  const value = useMemo(() => ({
+    i18n,
+    defaultNS
+  }), [i18n, defaultNS]);
+  return createElement$1(I18nContext.Provider, {
+    value
+  }, children2);
+}
 const isString = (obj) => typeof obj === "string";
 const defer = () => {
   let res;
@@ -11899,6 +11877,28 @@ const I18nProvider = ({
   }, [initialLanguage]);
   return /* @__PURE__ */ jsx(I18nextProvider, { i18n: instance, children: children2 });
 };
+const useThemeContext = () => {
+  const context = useContext$1(Context);
+  if (context === void 0) {
+    throw new Error("useThemeContext must be used within a ThemeProvider");
+  }
+  const applyTheme = (themeConfig) => {
+    if (!themeConfig) return;
+    const mergedStyles = mergeThemeStyles(themeConfig);
+    const finalTheme = {
+      styles: mergedStyles
+    };
+    context.setTheme(finalTheme);
+  };
+  return {
+    ...context.state,
+    setTheme: context.setTheme,
+    setLoading: context.setLoading,
+    setError: context.setError,
+    // Add the helper function
+    applyTheme
+  };
+};
 const H3 = ({ children: children2 }) => {
   return /* @__PURE__ */ jsx("h3", { className: "scroll-m-20 text-2xl font-semibold tracking-tight", children: children2 });
 };
@@ -12020,6 +12020,24 @@ const SpinLoader = ({
         ` })
   ] }) });
 };
+const ReachProviderThemeProvider = ({
+  children: children2,
+  theme: theme2
+}) => {
+  const { t: t3 } = useTranslation();
+  const { loading: themeLoading, applyTheme } = useThemeContext();
+  const themeApplied = useRef(false);
+  useEffect(() => {
+    if (!themeApplied.current && theme2) {
+      applyTheme(theme2);
+      themeApplied.current = true;
+    }
+  }, [applyTheme, theme2]);
+  if (themeLoading && theme2) {
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-center items-center h-screen", children: /* @__PURE__ */ jsx(SpinLoader, { text: [t3("loading")] }) });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: children2 });
+};
 const TOAST_LIMIT = 1;
 const TOAST_REMOVE_DELAY = 1e6;
 let count$2 = 0;
@@ -16538,24 +16556,12 @@ const ReachProvider = ({
   children: children2,
   theme: theme2
 }) => {
-  const { t: t3 } = useTranslation();
   const [queryClient] = React__default.useState(() => {
     if (authToken2) {
       setAuthToken(authToken2);
     }
     return createQueryClient();
   });
-  const { loading: themeLoading, applyTheme } = useThemeContext();
-  const themeApplied = useRef(false);
-  useEffect(() => {
-    if (!themeApplied.current && theme2) {
-      applyTheme(theme2);
-      themeApplied.current = true;
-    }
-  }, [applyTheme, theme2]);
-  if (themeLoading && theme2) {
-    return /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-center items-center h-screen", children: /* @__PURE__ */ jsx(SpinLoader, { text: [t3("loading")] }) });
-  }
   return /* @__PURE__ */ jsxs(QueryClientProvider, { client: queryClient, children: [
     /* @__PURE__ */ jsx(
       D$2,
@@ -16578,7 +16584,7 @@ const ReachProvider = ({
           sendEventsOnFlagRead: true
         },
         children: /* @__PURE__ */ jsx(I18nProvider, { initialLanguage: language, children: /* @__PURE__ */ jsx(Provider$2, { children: /* @__PURE__ */ jsxs(Provider$3, { children: [
-          children2,
+          /* @__PURE__ */ jsx(ReachProviderThemeProvider, { theme: theme2, children: children2 }),
           /* @__PURE__ */ jsx(Toaster, {})
         ] }) }) })
       }
@@ -37829,7 +37835,7 @@ const ConditionSelectors = ({
     setConditionState(newState);
   };
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: conditionState.map((condition, index2) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+    /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: conditionState.map((condition, index2) => /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
         SingleConditionLineItem,
         {