randmarcomps 1.418.0 → 1.419.0

package/dist/randmarcomps.js

@@ -95260,1996 +95260,906 @@ function ProductOverviewPage({
     ] }) })
   ] });
 }
-function AssistantInsight({
-  prompt: t,
-  smartAndSlow: e = !1,
-  thinkingPlaceholderText: n = "Thinking...",
-  withCard: o = !0
-}) {
-  const {
-    response: l,
-    isLoading: d,
-    error: f,
-    sendPrompt: g
-  } = useGemini({
-    useProModel: e,
-    outputFormat: "html"
-  });
-  return useEffect(() => {
-    t && g(t);
-  }, [t, g]), /* @__PURE__ */ jsxs("div", { className: `flex items-start gap-4 ${o ? "p-4 border rounded-lg bg-background" : ""}`, children: [
-    /* @__PURE__ */ jsx(
-      Bot,
+const colClasses = {
+  base: { 1: "grid-cols-1", 2: "grid-cols-2", 3: "grid-cols-3", 4: "grid-cols-4", 5: "grid-cols-5", 6: "grid-cols-6" },
+  sm: { 1: "sm:grid-cols-1", 2: "sm:grid-cols-2", 3: "sm:grid-cols-3", 4: "sm:grid-cols-4", 5: "sm:grid-cols-5", 6: "sm:grid-cols-6" },
+  md: { 1: "md:grid-cols-1", 2: "md:grid-cols-2", 3: "md:grid-cols-3", 4: "md:grid-cols-4", 5: "md:grid-cols-5", 6: "md:grid-cols-6" },
+  lg: { 1: "lg:grid-cols-1", 2: "lg:grid-cols-2", 3: "lg:grid-cols-3", 4: "lg:grid-cols-4", 5: "lg:grid-cols-5", 6: "lg:grid-cols-6" },
+  xl: { 1: "xl:grid-cols-1", 2: "xl:grid-cols-2", 3: "xl:grid-cols-3", 4: "xl:grid-cols-4", 5: "xl:grid-cols-5", 6: "xl:grid-cols-6" }
+}, buildGridClassName = (t) => {
+  const e = { base: 1, md: 2, ...t };
+  return [
+    "grid",
+    "gap-4",
+    e.base ? colClasses.base[e.base] : "",
+    e.sm ? colClasses.sm[e.sm] : "",
+    e.md ? colClasses.md[e.md] : "",
+    e.lg ? colClasses.lg[e.lg] : "",
+    e.xl ? colClasses.xl[e.xl] : ""
+  ].filter(Boolean).join(" ");
+}, SearchPageGrid = ({
+  results: t,
+  groupBy: e,
+  renderItem: n
+}) => {
+  const o = e(t);
+  return /* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(o).map(([l, d]) => {
+    const { items: f, gridCols: g } = d;
+    if (f.length === 0)
+      return null;
+    const b = buildGridClassName(g);
+    return /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold tracking-tight mb-4", children: l }),
+      /* @__PURE__ */ jsx("div", { className: b, children: f.map((S, _) => n(S, _)) })
+    ] }, l);
+  }) });
+}, SearchPage = ({
+  query: t,
+  results: e,
+  isLoading: n,
+  children: o
+}) => n ? /* @__PURE__ */ jsx("div", { className: "flex w-full justify-center items-center py-24", children: /* @__PURE__ */ jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }) : t && e.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex w-full justify-center items-start pt-16", children: /* @__PURE__ */ jsx(Card, { className: "w-full max-w-lg", children: /* @__PURE__ */ jsxs(CardHeader, { className: "text-center items-center", children: [
+  /* @__PURE__ */ jsx("div", { className: "rounded-full border bg-muted p-3 mb-4", children: /* @__PURE__ */ jsx(SearchX, { className: "h-8 w-8 text-muted-foreground" }) }),
+  /* @__PURE__ */ jsx(CardTitle, { children: "No Results Found" }),
+  /* @__PURE__ */ jsxs(CardDescription, { children: [
+    'Your search for "',
+    t,
+    '" did not return any results. Please try a different search term.'
+  ] })
+] }) }) }) : e.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-8", children: /* @__PURE__ */ jsx("div", { className: "col-span-3", children: o }) }) : null;
+var COLLAPSIBLE_NAME = "Collapsible", [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME), [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME), Collapsible = React.forwardRef(
+  (t, e) => {
+    const {
+      __scopeCollapsible: n,
+      open: o,
+      defaultOpen: l,
+      disabled: d,
+      onOpenChange: f,
+      ...g
+    } = t, [b, S] = useControllableState({
+      prop: o,
+      defaultProp: l ?? !1,
+      onChange: f,
+      caller: COLLAPSIBLE_NAME
+    });
+    return /* @__PURE__ */ jsx(
+      CollapsibleProvider,
       {
-        className: `mt-1 h-6 w-6 flex-shrink-0 ${d ? "animate-pulse text-primary" : "text-primary"}`
+        scope: n,
+        disabled: d,
+        contentId: useId(),
+        open: b,
+        onOpenToggle: React.useCallback(() => S((_) => !_), [S]),
+        children: /* @__PURE__ */ jsx(
+          Primitive.div,
+          {
+            "data-state": getState$1(b),
+            "data-disabled": d ? "" : void 0,
+            ...g,
+            ref: e
+          }
+        )
       }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "w-full min-h-[4rem]", children: [
-      d && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-        /* @__PURE__ */ jsx("p", { className: "font-medium text-muted-foreground", children: n }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2 mt-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-5/6" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" })
-        ] })
-      ] }),
-      f && /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600", children: f }),
-      !d && !f && l && // Renders the cleaned HTML response from the AI.
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "chat-bubble-in-animation text-sm text-foreground space-y-4",
-          dangerouslySetInnerHTML: { __html: l }
-        }
-      )
-    ] })
-  ] });
-}
-function AssistantChat(t) {
-  return /* @__PURE__ */ jsx(Card, { className: "max-w-6xl", children: /* @__PURE__ */ jsx(AIChatLayout, { className: "h-[40em]", userId: t.userId, userName: t.userName, initialPrompt: t.initialPrompt }) });
-}
-function ExternalProductCard({
-  product: t,
-  viewProductLink: e
-}) {
-  return t ? /* @__PURE__ */ jsx(Card, { className: "@container border-dashed border-2 hover:shadow-md transition-shadow h-full", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6 flex flex-col h-full", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-4 @[36rem]:hidden", children: [
-      /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg pr-4 text-center w-full", children: t.Title || t.RandmarTitle }),
-      /* @__PURE__ */ jsx("div", { className: "w-24 h-10 flex-shrink-0", children: /* @__PURE__ */ jsx(
-        PartnerLogo,
-        {
-          id: t.ManufacturerId,
-          name: t.ManufacturerName,
-          width: 96,
-          height: 40
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-x-6 gap-y-4 flex-grow @[36rem]:flex-row", children: [
-      /* @__PURE__ */ jsx("div", { className: "mx-auto flex-shrink-0 @[36rem]:mx-0 @[36rem]:w-48", children: /* @__PURE__ */ jsx(
-        ProductImage,
-        {
-          randmarSKU: t.RandmarSKU || "",
-          alt: t.RandmarTitle || ""
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col text-center @[36rem]:text-left", children: [
-        /* @__PURE__ */ jsxs("div", { className: "hidden @[36rem]:flex justify-between items-start mb-4", children: [
-          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg pr-4", children: t.Title || t.RandmarTitle }),
-          /* @__PURE__ */ jsx("div", { className: "w-24 h-10 flex-shrink-0", children: /* @__PURE__ */ jsx(
-            PartnerLogo,
-            {
-              id: t.ManufacturerId,
-              name: t.ManufacturerName,
-              width: 96,
-              height: 40
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 justify-center @[36rem]:hidden", children: [
-          /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: "border-orange-300 bg-orange-50 text-orange-800",
-              children: [
-                /* @__PURE__ */ jsx(Telescope, { className: "mr-2 h-3 w-3" }),
-                /* @__PURE__ */ jsx("span", { children: "External Product" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: "outline",
-              className: "border-randmar-red bg-red-50 text-randmar-red",
-              children: [
-                /* @__PURE__ */ jsx(Warehouse, { className: "mr-2 h-3 w-3" }),
-                /* @__PURE__ */ jsxs("span", { children: [
-                  "Held by ",
-                  /* @__PURE__ */ jsx("b", { children: "Randmar" })
-                ] })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "hidden @[36rem]:grid grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center rounded-md bg-orange-50 px-4 py-2 text-orange-800 border-1 border-orange-800 text-sm", children: [
-            /* @__PURE__ */ jsx(Telescope, { className: "mr-2 h-5 w-5 flex-shrink-0" }),
-            /* @__PURE__ */ jsx("span", { children: "External Product" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center rounded-md bg-red-50 px-4 py-2 text-randmar-red border-1 border-randmar-red text-sm", children: [
-            /* @__PURE__ */ jsx(Warehouse, { className: "mr-2 h-5 w-5 flex-shrink-0" }),
-            /* @__PURE__ */ jsxs("span", { children: [
-              "Held by ",
-              /* @__PURE__ */ jsx("b", { children: "Randmar" })
-            ] })
-          ] })
-        ] }),
-        e && /* @__PURE__ */ jsx("div", { className: "mt-auto pt-4 flex justify-center @[36rem]:justify-end", children: /* @__PURE__ */ jsx(Link, { to: e, children: /* @__PURE__ */ jsxs(Button$1, { variant: "secondary", className: "w-full @[36rem]:w-auto", children: [
-          /* @__PURE__ */ jsx(Eye, { className: "mr-2 h-4 w-4" }),
-          "View Product"
-        ] }) }) })
-      ] })
-    ] })
-  ] }) }) : /* @__PURE__ */ jsx(Card, { className: "@container border-dashed border-2 h-full", children: /* @__PURE__ */ jsx(CardContent, { className: "p-6 flex flex-col h-full", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 flex-grow @[36rem]:flex-row", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 @[36rem]:w-48", children: /* @__PURE__ */ jsx(Skeleton, { className: "aspect-square w-full h-auto" }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-1/2" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 justify-center @[36rem]:hidden", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-36 rounded-full" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-36 rounded-full" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "hidden @[36rem]:grid grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-md" }),
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-md" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "mt-auto pt-4 flex justify-center @[36rem]:justify-end", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full @[36rem]:w-40" }) })
-    ] })
-  ] }) }) });
-}
-function getEndDateStatus(t) {
-  if (!t) return { text: "No End Date", variant: "neutral", daysRemaining: null };
-  const e = new Date(t);
-  if (isNaN(e.getTime()))
-    return { text: "Invalid Date", variant: "neutral", daysRemaining: null };
-  const n = /* @__PURE__ */ new Date(), o = new Date(e.getFullYear(), e.getMonth(), e.getDate()), l = new Date(n.getFullYear(), n.getMonth(), n.getDate()), d = o.getTime() - l.getTime(), f = Math.ceil(d / (1e3 * 60 * 60 * 24));
-  return f < 0 ? { text: `Ended ${Math.abs(f)}d ago`, variant: "destructive", daysRemaining: f } : f === 0 ? { text: "Ends today", variant: "destructive", daysRemaining: f } : f <= 7 ? { text: `Ends in ${f}d`, variant: "destructive", daysRemaining: f } : f <= 30 ? { text: `Ends in ${f}d`, variant: "warning", daysRemaining: f } : { text: `Ends in ${f}d`, variant: "neutral", daysRemaining: f };
-}
-const formatDate = (t) => {
-  if (!t) return "N/A";
-  try {
-    const e = new Date(t);
-    return isNaN(e.getTime()) ? "Invalid Date" : e.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
-  } catch {
-    return "Invalid Date";
+    );
   }
-};
-function OpportunitiesTable({
-  applicationId: t,
-  opportunities: e = null,
-  loading: n = !1
-}) {
-  var te;
-  const { toast: o } = useToast(), [l, d] = useState({}), [f, g] = useState(!1), [b, S] = useState(""), [_, C] = useState(null), {
-    data: E
-  } = useGetV4PartnerByApplicationIdAccountQuery({
-    applicationId: t
-  }, {
-    skip: !t
-  }), R = useCallback((ne, ae, $e) => {
-    d((Ne) => ({
-      ...Ne,
-      [ne]: {
-        ...Ne[ne],
-        [ae]: $e
+);
+Collapsible.displayName = COLLAPSIBLE_NAME;
+var TRIGGER_NAME$1 = "CollapsibleTrigger", CollapsibleTrigger = React.forwardRef(
+  (t, e) => {
+    const { __scopeCollapsible: n, ...o } = t, l = useCollapsibleContext(TRIGGER_NAME$1, n);
+    return /* @__PURE__ */ jsx(
+      Primitive.button,
+      {
+        type: "button",
+        "aria-controls": l.contentId,
+        "aria-expanded": l.open || !1,
+        "data-state": getState$1(l.open),
+        "data-disabled": l.disabled ? "" : void 0,
+        disabled: l.disabled,
+        ...o,
+        ref: e,
+        onClick: composeEventHandlers(t.onClick, l.onOpenToggle)
       }
-    }));
-  }, []), [A] = usePutV4ResellerByRouteResellerIdOpportunityAndManufacturerIdDefaultMutation(), I = useCallback(async (ne) => {
-    if (!(E != null && E.IsReseller)) return;
-    if (!ne.BidNumber) {
-      o({ title: "Error", description: "Bid Number is missing, cannot set default.", variant: "destructive" });
-      return;
+    );
+  }
+);
+CollapsibleTrigger.displayName = TRIGGER_NAME$1;
+var CONTENT_NAME$1 = "CollapsibleContent", CollapsibleContent = React.forwardRef(
+  (t, e) => {
+    const { forceMount: n, ...o } = t, l = useCollapsibleContext(CONTENT_NAME$1, t.__scopeCollapsible);
+    return /* @__PURE__ */ jsx(Presence, { present: n || l.open, children: ({ present: d }) => /* @__PURE__ */ jsx(CollapsibleContentImpl, { ...o, ref: e, present: d }) });
+  }
+);
+CollapsibleContent.displayName = CONTENT_NAME$1;
+var CollapsibleContentImpl = React.forwardRef((t, e) => {
+  const { __scopeCollapsible: n, present: o, children: l, ...d } = t, f = useCollapsibleContext(CONTENT_NAME$1, n), [g, b] = React.useState(o), S = React.useRef(null), _ = useComposedRefs(e, S), C = React.useRef(0), E = C.current, R = React.useRef(0), A = R.current, I = f.open || g, M = React.useRef(I), V = React.useRef(void 0);
+  return React.useEffect(() => {
+    const j = requestAnimationFrame(() => M.current = !1);
+    return () => cancelAnimationFrame(j);
+  }, []), useLayoutEffect2(() => {
+    const j = S.current;
+    if (j) {
+      V.current = V.current || {
+        transitionDuration: j.style.transitionDuration,
+        animationName: j.style.animationName
+      }, j.style.transitionDuration = "0s", j.style.animationName = "none";
+      const z = j.getBoundingClientRect();
+      C.current = z.height, R.current = z.width, M.current || (j.style.transitionDuration = V.current.transitionDuration, j.style.animationName = V.current.animationName), b(o);
     }
-    const ae = ne.BidNumber;
-    R(ae, "isSettingDefault", !0), A({
-      routeResellerId: t,
-      manufacturerId: ne.ManufacturerId ?? "",
-      opportunityNumber: ae
-    }).unwrap().then(() => {
-      o({
-        title: "Success",
-        description: `Opportunity "${ne.OpportunityName || ne.Opportunity || ae}" was successfully set as default.`,
-        variant: "success"
-      });
-    }).catch(($e) => {
-      var Ne;
-      console.error("Set as default error:", $e), o({
-        title: "Error",
-        description: ((Ne = $e.data) == null ? void 0 : Ne.message) || $e.message || "An error occurred while setting this opportunity as default.",
-        variant: "destructive"
-      });
-    }).finally(() => {
-      R(ae, "isSettingDefault", !1);
+  }, [f.open, o]), /* @__PURE__ */ jsx(
+    Primitive.div,
+    {
+      "data-state": getState$1(f.open),
+      "data-disabled": f.disabled ? "" : void 0,
+      id: f.contentId,
+      hidden: !I,
+      ...d,
+      ref: _,
+      style: {
+        "--radix-collapsible-content-height": E ? `${E}px` : void 0,
+        "--radix-collapsible-content-width": A ? `${A}px` : void 0,
+        ...t.style
+      },
+      children: I && l
+    }
+  );
+});
+function getState$1(t) {
+  return t ? "open" : "closed";
+}
+var Root$1 = Collapsible, Trigger = CollapsibleTrigger, Content = CollapsibleContent, ACCORDION_NAME = "Accordion", ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [Collection, useCollection, createCollectionScope] = createCollection(ACCORDION_NAME), [createAccordionContext] = createContextScope(ACCORDION_NAME, [
+  createCollectionScope,
+  createCollapsibleScope
+]), useCollapsibleScope = createCollapsibleScope(), Accordion$1 = React__default.forwardRef(
+  (t, e) => {
+    const { type: n, ...o } = t, l = o, d = o;
+    return /* @__PURE__ */ jsx(Collection.Provider, { scope: t.__scopeAccordion, children: n === "multiple" ? /* @__PURE__ */ jsx(AccordionImplMultiple, { ...d, ref: e }) : /* @__PURE__ */ jsx(AccordionImplSingle, { ...l, ref: e }) });
+  }
+);
+Accordion$1.displayName = ACCORDION_NAME;
+var [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME), [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(
+  ACCORDION_NAME,
+  { collapsible: !1 }
+), AccordionImplSingle = React__default.forwardRef(
+  (t, e) => {
+    const {
+      value: n,
+      defaultValue: o,
+      onValueChange: l = () => {
+      },
+      collapsible: d = !1,
+      ...f
+    } = t, [g, b] = useControllableState({
+      prop: n,
+      defaultProp: o ?? "",
+      onChange: l,
+      caller: ACCORDION_NAME
     });
-  }, [t, A, o, R, E == null ? void 0 : E.IsReseller]), [M] = usePostV4ResellerByRouteResellerIdOpportunityAndManufacturerIdBidNumberEmailMutation(), V = useCallback((ne) => {
-    if (E != null && E.IsReseller) {
-      if (!ne.BidNumber) {
-        o({ title: "Error", description: "Bid Number is missing, cannot prepare report.", variant: "destructive" });
-        return;
+    return /* @__PURE__ */ jsx(
+      AccordionValueProvider,
+      {
+        scope: t.__scopeAccordion,
+        value: React__default.useMemo(() => g ? [g] : [], [g]),
+        onItemOpen: b,
+        onItemClose: React__default.useCallback(() => d && b(""), [d, b]),
+        children: /* @__PURE__ */ jsx(AccordionCollapsibleProvider, { scope: t.__scopeAccordion, collapsible: d, children: /* @__PURE__ */ jsx(AccordionImpl, { ...f, ref: e }) })
       }
-      C(ne), S(""), g(!0);
-    }
-  }, [o, E == null ? void 0 : E.IsReseller]), j = useCallback(async () => {
-    if (!(E != null && E.IsReseller)) return;
-    if (!_ || !_.BidNumber) {
-      o({ title: "Error", description: "No opportunity selected or Bid Number is missing.", variant: "destructive" });
-      return;
-    }
-    if (!b.trim() || !/\S+@\S+\.\S+/.test(b)) {
-      o({ title: "Validation Error", description: "Please enter a valid email address.", variant: "destructive" });
-      return;
+    );
+  }
+), AccordionImplMultiple = React__default.forwardRef((t, e) => {
+  const {
+    value: n,
+    defaultValue: o,
+    onValueChange: l = () => {
+    },
+    ...d
+  } = t, [f, g] = useControllableState({
+    prop: n,
+    defaultProp: o ?? [],
+    onChange: l,
+    caller: ACCORDION_NAME
+  }), b = React__default.useCallback(
+    (_) => g((C = []) => [...C, _]),
+    [g]
+  ), S = React__default.useCallback(
+    (_) => g((C = []) => C.filter((E) => E !== _)),
+    [g]
+  );
+  return /* @__PURE__ */ jsx(
+    AccordionValueProvider,
+    {
+      scope: t.__scopeAccordion,
+      value: f,
+      onItemOpen: b,
+      onItemClose: S,
+      children: /* @__PURE__ */ jsx(AccordionCollapsibleProvider, { scope: t.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ jsx(AccordionImpl, { ...d, ref: e }) })
     }
-    const ne = _.BidNumber;
-    R(ne, "isSendingReport", !0), M({
-      routeResellerId: t,
-      manufacturerId: _.ManufacturerId ?? "",
-      bidNumber: ne,
-      emailAddress: b
-    }).unwrap().then(() => {
-      o({
-        title: "Success",
-        description: `A report for "${_.OpportunityName || _.Opportunity || ne}" was successfully sent to ${b}.`,
-        variant: "success"
-      }), g(!1);
-    }).catch((ae) => {
-      var $e;
-      console.error("Send report by email error:", ae), o({
-        title: "Error",
-        description: (($e = ae.data) == null ? void 0 : $e.message) || ae.message || "An error occurred while sending the report by email.",
-        variant: "destructive"
-      });
-    }).finally(() => {
-      R(ne, "isSendingReport", !1), f || (C(null), S(""));
+  );
+}), [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME), AccordionImpl = React__default.forwardRef(
+  (t, e) => {
+    const { __scopeAccordion: n, disabled: o, dir: l, orientation: d = "vertical", ...f } = t, g = React__default.useRef(null), b = useComposedRefs(g, e), S = useCollection(n), C = useDirection(l) === "ltr", E = composeEventHandlers(t.onKeyDown, (R) => {
+      var ne;
+      if (!ACCORDION_KEYS.includes(R.key)) return;
+      const A = R.target, I = S().filter((ae) => {
+        var $e;
+        return !(($e = ae.ref.current) != null && $e.disabled);
+      }), M = I.findIndex((ae) => ae.ref.current === A), V = I.length;
+      if (M === -1) return;
+      R.preventDefault();
+      let j = M;
+      const z = 0, Q = V - 1, O = () => {
+        j = M + 1, j > Q && (j = z);
+      }, F = () => {
+        j = M - 1, j < z && (j = Q);
+      };
+      switch (R.key) {
+        case "Home":
+          j = z;
+          break;
+        case "End":
+          j = Q;
+          break;
+        case "ArrowRight":
+          d === "horizontal" && (C ? O() : F());
+          break;
+        case "ArrowDown":
+          d === "vertical" && O();
+          break;
+        case "ArrowLeft":
+          d === "horizontal" && (C ? F() : O());
+          break;
+        case "ArrowUp":
+          d === "vertical" && F();
+          break;
+      }
+      const te = j % V;
+      (ne = I[te].ref.current) == null || ne.focus();
     });
-  }, [_, b, t, M, o, R, g]), z = useMemo(
-    () => [
+    return /* @__PURE__ */ jsx(
+      AccordionImplProvider,
       {
-        accessorKey: "ManufacturerId",
-        header: "Manuf.",
-        cell: ({ row: ne }) => /* @__PURE__ */ jsx("div", { className: "w-20 h-8", children: /* @__PURE__ */ jsx(
-          PartnerLogo,
+        scope: n,
+        disabled: o,
+        direction: l,
+        orientation: d,
+        children: /* @__PURE__ */ jsx(Collection.Slot, { scope: n, children: /* @__PURE__ */ jsx(
+          Primitive.div,
           {
-            id: ne.original.ManufacturerId,
-            width: 80,
-            height: 32
+            ...f,
+            "data-orientation": d,
+            ref: b,
+            onKeyDown: o ? void 0 : E
           }
-        ) }),
-        enableSorting: !0,
-        enableFiltering: !0
-      },
+        ) })
+      }
+    );
+  }
+), ITEM_NAME = "AccordionItem", [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME), AccordionItem$1 = React__default.forwardRef(
+  (t, e) => {
+    const { __scopeAccordion: n, value: o, ...l } = t, d = useAccordionContext(ITEM_NAME, n), f = useAccordionValueContext(ITEM_NAME, n), g = useCollapsibleScope(n), b = useId(), S = o && f.value.includes(o) || !1, _ = d.disabled || t.disabled;
+    return /* @__PURE__ */ jsx(
+      AccordionItemProvider,
       {
-        id: "opportunityDisplay",
-        accessorFn: (ne) => ne.OpportunityName || ne.Opportunity,
-        header: "Opportunity",
-        cell: ({ getValue: ne }) => /* @__PURE__ */ jsx("div", { className: "min-w-[150px]", children: ne() ?? "N/A" }),
-        enableSorting: !0,
-        enableFiltering: !0
-      },
+        scope: n,
+        open: S,
+        disabled: _,
+        triggerId: b,
+        children: /* @__PURE__ */ jsx(
+          Root$1,
+          {
+            "data-orientation": d.orientation,
+            "data-state": getState(S),
+            ...g,
+            ...l,
+            ref: e,
+            disabled: _,
+            open: S,
+            onOpenChange: (C) => {
+              C ? f.onItemOpen(o) : f.onItemClose(o);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+AccordionItem$1.displayName = ITEM_NAME;
+var HEADER_NAME = "AccordionHeader", AccordionHeader = React__default.forwardRef(
+  (t, e) => {
+    const { __scopeAccordion: n, ...o } = t, l = useAccordionContext(ACCORDION_NAME, n), d = useAccordionItemContext(HEADER_NAME, n);
+    return /* @__PURE__ */ jsx(
+      Primitive.h3,
       {
-        accessorKey: "BidNumber",
-        header: "Bid Number",
-        cell: ({ row: ne }) => ne.original.BidNumber ?? "N/A",
-        enableSorting: !0,
-        enableFiltering: !0
-      },
+        "data-orientation": l.orientation,
+        "data-state": getState(d.open),
+        "data-disabled": d.disabled ? "" : void 0,
+        ...o,
+        ref: e
+      }
+    );
+  }
+);
+AccordionHeader.displayName = HEADER_NAME;
+var TRIGGER_NAME = "AccordionTrigger", AccordionTrigger$1 = React__default.forwardRef(
+  (t, e) => {
+    const { __scopeAccordion: n, ...o } = t, l = useAccordionContext(ACCORDION_NAME, n), d = useAccordionItemContext(TRIGGER_NAME, n), f = useAccordionCollapsibleContext(TRIGGER_NAME, n), g = useCollapsibleScope(n);
+    return /* @__PURE__ */ jsx(Collection.ItemSlot, { scope: n, children: /* @__PURE__ */ jsx(
+      Trigger,
       {
-        id: "statusInfo",
-        header: "Status",
-        cell: ({ row: ne }) => {
-          const ae = ne.original, $e = ae.Active === !0, Ne = getEndDateStatus(ae.EndDate);
-          let oe = "border-gray-400 bg-gray-100 text-gray-600 dark:border-gray-600 dark:bg-gray-800/50 dark:text-gray-400";
-          return Ne.variant === "destructive" ? oe = "border-red-500 bg-red-100 text-red-700 dark:border-red-600 dark:bg-red-900/50 dark:text-red-400" : Ne.variant === "warning" && (oe = "border-yellow-500 bg-yellow-100 text-yellow-700 dark:border-yellow-600 dark:bg-yellow-900/50 dark:text-yellow-400"), /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 min-w-[200px]", children: [
-            /* @__PURE__ */ jsx(Badge, { variant: "outline", className: $e ? "border-green-500 bg-green-100 text-green-700 dark:border-green-600 dark:bg-green-900/50 dark:text-green-400 font-medium" : "border-gray-400 bg-gray-100 text-gray-600 dark:border-gray-600 dark:bg-gray-800/50 dark:text-gray-400 font-medium", children: $e ? "Active" : "Inactive" }),
-            ae.EndDate && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: `${oe} font-medium`, children: Ne.text }),
-            /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 100, children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
-              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button$1, { variant: "ghost", size: "icon", className: "h-6 w-6 p-0 data-[state=delayed-open]:bg-accent data-[state=instant-open]:bg-accent", children: /* @__PURE__ */ jsx(Info, { className: "h-4 w-4 text-muted-foreground" }) }) }),
-              /* @__PURE__ */ jsx(TooltipContent, { side: "top", align: "center", className: "bg-popover text-popover-foreground p-2 rounded shadow-lg", children: /* @__PURE__ */ jsxs("div", { className: "text-sm space-y-1", children: [
-                /* @__PURE__ */ jsxs("p", { children: [
-                  /* @__PURE__ */ jsx("strong", { children: "Start:" }),
-                  " ",
-                  formatDate(ae.StartDate)
-                ] }),
-                /* @__PURE__ */ jsxs("p", { children: [
-                  /* @__PURE__ */ jsx("strong", { children: "End:" }),
-                  " ",
-                  formatDate(ae.EndDate)
-                ] }),
-                /* @__PURE__ */ jsxs("p", { children: [
-                  /* @__PURE__ */ jsx("strong", { children: "Updated:" }),
-                  " ",
-                  formatDate(ae.LastUpdate)
-                ] })
-              ] }) })
-            ] }) })
-          ] });
-        },
-        enableFiltering: !1
-      },
+        "aria-disabled": d.open && !f.collapsible || void 0,
+        "data-orientation": l.orientation,
+        id: d.triggerId,
+        ...g,
+        ...o,
+        ref: e
+      }
+    ) });
+  }
+);
+AccordionTrigger$1.displayName = TRIGGER_NAME;
+var CONTENT_NAME = "AccordionContent", AccordionContent$1 = React__default.forwardRef(
+  (t, e) => {
+    const { __scopeAccordion: n, ...o } = t, l = useAccordionContext(ACCORDION_NAME, n), d = useAccordionItemContext(CONTENT_NAME, n), f = useCollapsibleScope(n);
+    return /* @__PURE__ */ jsx(
+      Content,
       {
-        id: "actions",
-        header: "Actions",
-        cell: ({ row: ne }) => {
-          var Oe, je;
-          const ae = ne.original;
-          if (!ae.BidNumber)
-            return /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Actions unavailable" });
-          const $e = ae.BidNumber, Ne = (Oe = l[$e]) == null ? void 0 : Oe.isSettingDefault, oe = (_ == null ? void 0 : _.BidNumber) === $e && ((je = l[$e]) == null ? void 0 : je.isSendingReport), Ae = Ne || oe, ge = ae.CanBeSetAsDefault === !0, Ve = E != null && E.IsManufacturer ? `/${t}/Opportunity/${ae.BidNumber}` : `/${t}/Opportunity/${ae.ManufacturerId}/${ae.BidNumber}`;
-          return /* @__PURE__ */ jsxs("div", { className: "flex space-x-2", children: [
-            /* @__PURE__ */ jsx(Link, { to: Ve, children: /* @__PURE__ */ jsxs(Button$1, { variant: "outline", size: "sm", className: "flex items-center", children: [
-              /* @__PURE__ */ jsx(Star, { className: "mr-2 h-4 w-4" }),
-              " View"
-            ] }) }),
-            (E == null ? void 0 : E.IsReseller) && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-              /* @__PURE__ */ jsxs(Button$1, { variant: "outline", size: "sm", onClick: () => I(ae), disabled: Ae || !ge, title: ge ? "Set as default" : "This opportunity cannot be set as default", className: "flex items-center", children: [
-                Ne ? /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Star, { className: "mr-2 h-4 w-4" }),
-                " Set Default"
-              ] }),
-              /* @__PURE__ */ jsxs(Button$1, { variant: "outline", size: "sm", onClick: () => V(ae), disabled: Ae, title: "Send report by email", className: "flex items-center", children: [
-                oe ? /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Send, { className: "mr-2 h-4 w-4" }),
-                " Send Report"
-              ] })
-            ] })
-          ] });
+        role: "region",
+        "aria-labelledby": d.triggerId,
+        "data-orientation": l.orientation,
+        ...f,
+        ...o,
+        ref: e,
+        style: {
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+          ...t.style
         }
       }
-    ],
-    [
-      l,
-      I,
-      V,
-      _,
-      E == null ? void 0 : E.IsReseller,
+    );
+  }
+);
+AccordionContent$1.displayName = CONTENT_NAME;
+function getState(t) {
+  return t ? "open" : "closed";
+}
+var Root2 = Accordion$1, Item = AccordionItem$1, Header = AccordionHeader, Trigger2 = AccordionTrigger$1, Content2 = AccordionContent$1;
+const Accordion = Root2, AccordionItem = React.forwardRef(({ className: t, ...e }, n) => /* @__PURE__ */ jsx(
+  Item,
+  {
+    ref: n,
+    className: cn("border-b", t),
+    ...e
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React.forwardRef(({ className: t, children: e, ...n }, o) => /* @__PURE__ */ jsx(Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  Trigger2,
+  {
+    ref: o,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
       t
+    ),
+    ...n,
+    children: [
+      e,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
     ]
-  ), Q = useMemo(() => {
-    const ne = {};
-    if (e) {
-      const ae = Array.from(
-        new Set(e.map((Ne) => Ne.ManufacturerId).filter((Ne) => Ne != null))
-      );
-      ne.ManufacturerId = ae;
-      const $e = Array.from(
-        new Set(e.map((Ne) => Ne.OpportunityName || Ne.Opportunity).filter((Ne) => Ne != null))
-      );
-      ne.opportunityDisplay = $e;
-    }
-    return ne;
-  }, [e]), O = e || [], F = _ != null && _.BidNumber ? (te = l[_.BidNumber]) == null ? void 0 : te.isSendingReport : !1;
-  return n ? /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
-    /* @__PURE__ */ jsxs(CardHeader, { children: [
-      " ",
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-48" }),
-      " "
-    ] }),
-    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full rounded-md border" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-48 w-full rounded-md border" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-4", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-[130px]" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-20" }),
-          " ",
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" }),
-          " ",
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9" }),
-          " ",
-          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9" })
-        ] })
-      ] })
-    ] })
-  ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
-      /* @__PURE__ */ jsxs(CardHeader, { children: [
-        " ",
-        /* @__PURE__ */ jsx(CardTitle, { className: "text-1xl font-bold", children: "Opportunities" }),
-        " "
-      ] }),
-      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(DataTable, { columns: z, data: O, uniqueValues: Q }) })
-    ] }),
-    /* @__PURE__ */ jsx(Dialog, { open: f, onOpenChange: (ne) => {
-      g(ne), ne || (C(null), S(""));
-    }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "@sm:max-w-[425px]", children: [
-      /* @__PURE__ */ jsxs(DialogHeader, { children: [
-        /* @__PURE__ */ jsx(DialogTitle, { children: "Send Opportunity Report" }),
-        /* @__PURE__ */ jsxs(DialogDescription, { children: [
-          "Enter the email address to send the report for opportunity: ",
-          /* @__PURE__ */ jsx("br", {}),
-          /* @__PURE__ */ jsx("span", { className: "font-semibold", children: (_ == null ? void 0 : _.OpportunityName) || (_ == null ? void 0 : _.Opportunity) || "N/A" }),
-          (_ == null ? void 0 : _.BidNumber) && /* @__PURE__ */ jsxs("span", { className: "block text-sm text-muted-foreground", children: [
-            "Bid Number: ",
-            _.BidNumber
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 items-center gap-4", children: [
-        /* @__PURE__ */ jsx(Label$2, { htmlFor: "email", className: "text-right", children: "Email" }),
-        /* @__PURE__ */ jsx(Input, { id: "email", type: "email", value: b, onChange: (ne) => S(ne.target.value), placeholder: "recipient@example.com", className: "col-span-3", disabled: F })
-      ] }) }),
-      /* @__PURE__ */ jsxs(DialogFooter, { children: [
-        /* @__PURE__ */ jsx(Button$1, { variant: "outline", onClick: () => g(!1), disabled: F, children: "Cancel" }),
-        /* @__PURE__ */ jsxs(Button$1, { type: "submit", onClick: j, disabled: F, children: [
-          F && /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
-          " Send Report"
+  }
+) }));
+AccordionTrigger.displayName = Trigger2.displayName;
+const AccordionContent = React.forwardRef(({ className: t, children: e, ...n }, o) => /* @__PURE__ */ jsx(
+  Content2,
+  {
+    ref: o,
+    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...n,
+    children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", t), children: e })
+  }
+));
+AccordionContent.displayName = Content2.displayName;
+function AssistantInsight({
+  prompt: t,
+  smartAndSlow: e = !1,
+  thinkingPlaceholderText: n = "Thinking...",
+  withCard: o = !0
+}) {
+  const {
+    response: l,
+    isLoading: d,
+    error: f,
+    sendPrompt: g
+  } = useGemini({
+    useProModel: e,
+    outputFormat: "html"
+  });
+  return useEffect(() => {
+    t && g(t);
+  }, [t, g]), /* @__PURE__ */ jsxs("div", { className: `flex items-start gap-4 ${o ? "p-4 border rounded-lg bg-background" : ""}`, children: [
+    /* @__PURE__ */ jsx(
+      Bot,
+      {
+        className: `mt-1 h-6 w-6 flex-shrink-0 ${d ? "animate-pulse text-primary" : "text-primary"}`
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "w-full min-h-[4rem]", children: [
+      d && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium text-muted-foreground", children: n }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2 mt-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-5/6" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" })
         ] })
-      ] })
-    ] }) })
+      ] }),
+      f && /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600", children: f }),
+      !d && !f && l && // Renders the cleaned HTML response from the AI.
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "chat-bubble-in-animation text-sm text-foreground space-y-4",
+          dangerouslySetInnerHTML: { __html: l }
+        }
+      )
+    ] })
   ] });
 }
-function useLoadScript(t) {
-  const [e, n] = useState(!0), [o, l] = useState(null), [d, f] = useState(!1), g = () => {
-    n(!1), f(!0);
-  };
-  return useEffect(() => {
-    if (!document) {
-      const C = new Error(`[ScriptLoadingError] document not defined when attempting to load ${t}`);
-      l(C);
-      return;
-    }
-    const b = document.querySelector(`script[src="${t}"]`);
-    if (b != null && b.dataset.loaded) {
-      g();
-      return;
-    }
-    const S = b || document.createElement("script");
-    b || (S.src = t);
-    const _ = () => {
-      S.dataset.loaded = "1", g();
-    };
-    S.addEventListener("load", _), S.addEventListener("error", (C) => {
-      console.error("Failed to load script:", t, C);
-      const E = new Error(`[ScriptLoadingError] Failed to load script: ${t}`);
-      l(E);
-    }), b || document.head.append(S);
-  }, []), {
-    isLoading: e,
-    error: o,
-    isSuccess: d
-  };
+function tzName(t, e, n = "long") {
+  return new Intl.DateTimeFormat("en-US", {
+    // Enforces engine to render the time. Without the option JavaScriptCore omits it.
+    hour: "numeric",
+    timeZone: t,
+    timeZoneName: n
+  }).format(e).split(/\s/g).slice(2).join(" ");
 }
-const isGoogleReady = (t) => t && t.charts, isGoogleChartsReady = (t, e) => {
-  const { controls: n, toolbarItems: o, getChartEditor: l } = t;
-  return e && e.charts && e.visualization && e.visualization.ChartWrapper && e.visualization.Dashboard && (!n || e.visualization.ChartWrapper) && (!l || e.visualization.ChartEditor) && (!o || e.visualization.drawToolbar);
-}, getGoogleInstanceFromWindow = (t) => window.google;
-function useLoadGoogleCharts(t) {
-  const { chartVersion: e = "current", chartPackages: n = [
-    "corechart",
-    "controls"
-  ], chartLanguage: o = "en", mapsApiKey: l } = t, [d, f] = useState(null), [g, b] = useState(null), [S, _] = useState(null), { isLoading: C, error: E, isSuccess: R } = useLoadScript(t.chartLoaderScriptUrl || "https://www.gstatic.com/charts/loader.js");
-  return useEffect(() => {
-    if (!R)
-      return;
-    const A = getGoogleInstanceFromWindow();
-    if (!isGoogleReady(A)) {
-      const I = new Error("[ScriptInitializationError] Script loaded but Google not attached to window.");
-      b(I);
-      return;
-    }
-    if (isGoogleChartsReady(t, A)) {
-      f(A);
-      return;
-    }
-    A.charts.load(e, {
-      packages: n,
-      language: o,
-      mapsApiKey: l
-    }), A.charts.setOnLoadCallback(() => {
-      if (!isGoogleChartsReady(t, A)) {
-        const I = new Error("[GoogleChartsInitializationError] Google Charts not ready after load callback.");
-        console.error(I), _(I);
-        return;
-      }
-      f(A);
-    });
-  }, [
-    R
-  ]), {
-    error: E || g || S,
-    isLoading: C,
-    google: d
-  };
+const offsetFormatCache = {}, offsetCache = {};
+function tzOffset(t, e) {
+  try {
+    const o = (offsetFormatCache[t] || (offsetFormatCache[t] = new Intl.DateTimeFormat("en-US", {
+      timeZone: t,
+      timeZoneName: "longOffset"
+    }).format))(e).split("GMT")[1];
+    return o in offsetCache ? offsetCache[o] : calcOffset(o, o.split(":"));
+  } catch {
+    if (t in offsetCache) return offsetCache[t];
+    const n = t == null ? void 0 : t.match(offsetRe);
+    return n ? calcOffset(t, n.slice(1)) : NaN;
+  }
 }
-const chartDefaultProps = {
-  // <DEPRECATED_PROPS>
-  legend_toggle: !1,
-  // </DEPRECATED_PROPS>
-  options: {},
-  legendToggle: !1,
-  getChartWrapper: () => {
-  },
-  spreadSheetQueryParameters: {
-    headers: 1,
-    gid: 1
-  },
-  rootProps: {},
-  chartWrapperParams: {},
-  chartLoaderScriptUrl: "https://www.gstatic.com/charts/loader.js"
-}, GoogleChartControls = (t) => {
-  const { isReady: e, chartControls: n, filter: o } = t;
-  return !e || !n || !(n != null && n.length) ? null : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, n.filter((l) => {
-    let { controlProp: d, control: f } = l;
-    return o ? o({
-      control: f,
-      controlProp: d
-    }) : !0;
-  }).map((l) => {
-    let { control: d } = l;
-    return /* @__PURE__ */ React__default.createElement("div", {
-      key: d.getContainerId(),
-      id: d.getContainerId()
-    });
+const offsetRe = /([+-]\d\d):?(\d\d)?/;
+function calcOffset(t, e) {
+  const n = +(e[0] || 0), o = +(e[1] || 0), l = +(e[2] || 0) / 60;
+  return offsetCache[t] = n * 60 + o > 0 ? n * 60 + o + l : n * 60 - o - l;
+}
+class TZDateMini extends Date {
+  //#region static
+  constructor(...e) {
+    super(), e.length > 1 && typeof e[e.length - 1] == "string" && (this.timeZone = e.pop()), this.internal = /* @__PURE__ */ new Date(), isNaN(tzOffset(this.timeZone, this)) ? this.setTime(NaN) : e.length ? typeof e[0] == "number" && (e.length === 1 || e.length === 2 && typeof e[1] != "number") ? this.setTime(e[0]) : typeof e[0] == "string" ? this.setTime(+new Date(e[0])) : e[0] instanceof Date ? this.setTime(+e[0]) : (this.setTime(+new Date(...e)), adjustToSystemTZ(this), syncToInternal(this)) : this.setTime(Date.now());
+  }
+  static tz(e, ...n) {
+    return n.length ? new TZDateMini(...n, e) : new TZDateMini(Date.now(), e);
+  }
+  //#endregion
+  //#region time zone
+  withTimeZone(e) {
+    return new TZDateMini(+this, e);
+  }
+  getTimezoneOffset() {
+    const e = -tzOffset(this.timeZone, this);
+    return e > 0 ? Math.floor(e) : Math.ceil(e);
+  }
+  //#endregion
+  //#region time
+  setTime(e) {
+    return Date.prototype.setTime.apply(this, arguments), syncToInternal(this), +this;
+  }
+  //#endregion
+  //#region date-fns integration
+  [Symbol.for("constructDateFrom")](e) {
+    return new TZDateMini(+new Date(e), this.timeZone);
+  }
+  //#endregion
+}
+const re = /^(get|set)(?!UTC)/;
+Object.getOwnPropertyNames(Date.prototype).forEach((t) => {
+  if (!re.test(t)) return;
+  const e = t.replace(re, "$1UTC");
+  TZDateMini.prototype[e] && (t.startsWith("get") ? TZDateMini.prototype[t] = function() {
+    return this.internal[e]();
+  } : (TZDateMini.prototype[t] = function() {
+    return Date.prototype[e].apply(this.internal, arguments), syncFromInternal(this), +this;
+  }, TZDateMini.prototype[e] = function() {
+    return Date.prototype[e].apply(this, arguments), syncToInternal(this), +this;
   }));
-};
-let uniqueID = 0;
-const generateUniqueID = () => (uniqueID += 1, `reactgooglegraph-${uniqueID}`), Vr = class Vr {
-};
-/**
-* Initialize the controls once chart is ready
-*/
-er(Vr, "initializeControls", (e) => {
-  for (let n = 0; n < e.length; n += 1) {
-    const { controlType: o, options: l, controlWrapperParams: d } = e[n].controlProp;
-    d && "state" in d && e[n].control.setState(d.state), e[n].control.setOptions(l), e[n].control.setControlType(o);
+});
+function syncToInternal(t) {
+  t.internal.setTime(+t), t.internal.setUTCSeconds(t.internal.getUTCSeconds() - Math.round(-tzOffset(t.timeZone, t) * 60));
+}
+function syncFromInternal(t) {
+  Date.prototype.setFullYear.call(t, t.internal.getUTCFullYear(), t.internal.getUTCMonth(), t.internal.getUTCDate()), Date.prototype.setHours.call(t, t.internal.getUTCHours(), t.internal.getUTCMinutes(), t.internal.getUTCSeconds(), t.internal.getUTCMilliseconds()), adjustToSystemTZ(t);
+}
+function adjustToSystemTZ(t) {
+  const e = tzOffset(t.timeZone, t), n = e > 0 ? Math.floor(e) : Math.ceil(e), o = /* @__PURE__ */ new Date(+t);
+  o.setUTCHours(o.getUTCHours() - 1);
+  const l = -(/* @__PURE__ */ new Date(+t)).getTimezoneOffset(), d = -(/* @__PURE__ */ new Date(+o)).getTimezoneOffset(), f = l - d, g = Date.prototype.getHours.apply(t) !== t.internal.getUTCHours();
+  f && g && t.internal.setUTCMinutes(t.internal.getUTCMinutes() + f);
+  const b = l - n;
+  b && Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + b);
+  const S = /* @__PURE__ */ new Date(+t);
+  S.setUTCSeconds(0);
+  const _ = l > 0 ? S.getSeconds() : (S.getSeconds() - 60) % 60, C = Math.round(-(tzOffset(t.timeZone, t) * 60)) % 60;
+  (C || _) && (t.internal.setUTCSeconds(t.internal.getUTCSeconds() + C), Date.prototype.setUTCSeconds.call(t, Date.prototype.getUTCSeconds.call(t) + C + _));
+  const E = tzOffset(t.timeZone, t), R = E > 0 ? Math.floor(E) : Math.ceil(E), I = -(/* @__PURE__ */ new Date(+t)).getTimezoneOffset() - R, M = R !== n, V = I - b;
+  if (M && V) {
+    Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + V);
+    const j = tzOffset(t.timeZone, t), z = j > 0 ? Math.floor(j) : Math.ceil(j), Q = R - z;
+    Q && (t.internal.setUTCMinutes(t.internal.getUTCMinutes() + Q), Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + Q));
   }
-}), /**
-* listen to the control events (ready, statechange, error) specified in the controlEvents prop
-*/
-er(Vr, "listenToControlEvents", (e, n) => {
-  const { google: o } = n;
-  return e.flatMap((l) => {
-    const { control: d, controlProp: f } = l, { controlEvents: g = [] } = f;
-    return g.map((b) => {
-      const { callback: S, eventName: _ } = b;
-      return o.visualization.events.addListener(d, _, function() {
-        for (var C = arguments.length, E = new Array(C), R = 0; R < C; R++)
-          E[R] = arguments[R];
-        S({
-          chartWrapper: null,
-          controlWrapper: d,
-          props: n,
-          google: o,
-          eventArgs: E
-        });
-      });
+}
+class TZDate extends TZDateMini {
+  //#region static
+  static tz(e, ...n) {
+    return n.length ? new TZDate(...n, e) : new TZDate(Date.now(), e);
+  }
+  //#endregion
+  //#region representation
+  toISOString() {
+    const [e, n, o] = this.tzComponents(), l = `${e}${n}:${o}`;
+    return this.internal.toISOString().slice(0, -1) + l;
+  }
+  toString() {
+    return `${this.toDateString()} ${this.toTimeString()}`;
+  }
+  toDateString() {
+    const [e, n, o, l] = this.internal.toUTCString().split(" ");
+    return `${e == null ? void 0 : e.slice(0, -1)} ${o} ${n} ${l}`;
+  }
+  toTimeString() {
+    const e = this.internal.toUTCString().split(" ")[4], [n, o, l] = this.tzComponents();
+    return `${e} GMT${n}${o}${l} (${tzName(this.timeZone, this)})`;
+  }
+  toLocaleString(e, n) {
+    return Date.prototype.toLocaleString.call(this, e, {
+      ...n,
+      timeZone: (n == null ? void 0 : n.timeZone) || this.timeZone
     });
-  });
-}), /**
-* If controlID is not provided, generate a unique controlID
-*/
-er(Vr, "createControlId", (e) => {
-  let n;
-  return typeof e > "u" ? n = `googlechart-control-${generateUniqueID()}` : n = e, n;
-}), /**
-* Map the control props to Google Chart Controls
-*/
-er(Vr, "createChartControls", (e) => {
-  const { controls: n, google: o } = e;
-  return n ? n.map((l, d) => {
-    const { controlID: f, controlType: g, options: b, controlWrapperParams: S } = l, _ = Vr.createControlId(f);
-    return {
-      controlProp: l,
-      control: new o.visualization.ControlWrapper({
-        containerId: _,
-        controlType: g,
-        options: b,
-        ...S
-      })
-    };
-  }) : null;
-}), er(Vr, "addControls", (e) => {
-  const { chartWrapper: n, chartDashboard: o } = e, l = Vr.createChartControls(e);
-  return !l || !o || !n ? null : (o.bind(l.map((d) => {
-    let { control: f } = d;
-    return f;
-  }), n), Vr.initializeControls(l), l);
-});
-let GoogleChartControlsInternal = Vr;
-const useCreateChartControls = (t) => {
-  const [e, n] = React.useState(null);
-  return [
-    React.useMemo(() => !e || !t ? null : t.map((l, d) => {
-      const f = e[d];
-      return f ? {
-        controlProp: l,
-        control: f
-      } : void 0;
-    }).flatMap((l) => l ? [
-      l
-    ] : []), [
-      e,
-      t
-    ]),
-    n
-  ];
-}, useListenToControlEvents = (t, e) => {
-  React.useEffect(() => {
-    const n = GoogleChartControlsInternal.listenToControlEvents(t ?? [], e);
-    return () => {
-      n.forEach((o) => {
-        e.google.visualization.events.removeListener(o);
-      });
-    };
-  }, [
-    t,
-    e
-  ]);
-}, useChartControls = (t) => {
-  const [e, n] = useCreateChartControls(t.controls);
-  return useListenToControlEvents(e ?? [], t), {
-    addControls: (l) => {
-      const d = GoogleChartControlsInternal.addControls(l);
-      n((d == null ? void 0 : d.map((f) => f.control)) ?? null);
-    },
-    renderControl: (l) => {
-      const { chartWrapper: d, chartDashboard: f } = t;
-      return /* @__PURE__ */ React.createElement(GoogleChartControls, {
-        ...t,
-        isReady: !!(d && f),
-        chartControls: e,
-        filter: l
-      });
-    }
-  };
-}, useChartId = (t) => {
-  const e = React.useRef(null);
-  return {
-    chartId: (() => {
-      const { graphID: l, graph_id: d } = t, f = l || d;
-      let g;
-      return f ? g = f : g = e.current || generateUniqueID(), e.current = g, e.current;
-    })()
-  };
-}, DEFAULT_CHART_COLORS = [
-  "#3366CC",
-  "#DC3912",
-  "#FF9900",
-  "#109618",
-  "#990099",
-  "#3B3EAC",
-  "#0099C6",
-  "#DD4477",
-  "#66AA00",
-  "#B82E2E",
-  "#316395",
-  "#994499",
-  "#22AA99",
-  "#AAAA11",
-  "#6633CC",
-  "#E67300",
-  "#8B0707",
-  "#329262",
-  "#5574A6",
-  "#3B3EAC"
-], loadDataTableFromSpreadSheet = async function(t, e) {
-  let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  return new Promise((o, l) => {
-    const d = `${n.headers ? `headers=${n.headers}` : "headers=0"}`, f = `${n.query ? `&tq=${encodeURIComponent(n.query)}` : ""}`, g = `${n.gid ? `&gid=${n.gid}` : ""}`, b = `${n.sheet ? `&sheet=${n.sheet}` : ""}`, S = `${n.access_token ? `&access_token=${n.access_token}` : ""}`, _ = `${d}${g}${b}${f}${S}`, C = `${e}/gviz/tq?${_}`;
-    new t.visualization.Query(C).send((R) => {
-      R.isError() ? l(`Error in query:  ${R.getMessage()} ${R.getDetailedMessage()}`) : o(R.getDataTable());
+  }
+  toLocaleDateString(e, n) {
+    return Date.prototype.toLocaleDateString.call(this, e, {
+      ...n,
+      timeZone: (n == null ? void 0 : n.timeZone) || this.timeZone
     });
-  });
-}, GRAY_COLOR = "#CCCCCC", Rr = class Rr {
-};
-er(Rr, "grayOutHiddenColumnsLabel", (e, n) => {
-  const { googleChartWrapper: o, options: l } = e;
-  if (!o) {
-    console.error("googleChartWrapper is not defined");
-    return;
   }
-  const d = o.getDataTable();
-  if (!d) return;
-  const f = d.getNumberOfColumns();
-  if (n.length > 0 === !1) return;
-  const b = Array.from({
-    length: f - 1
-  }).map((S, _) => {
-    const C = Rr.getColumnId(d, _ + 1);
-    return n.includes(C) ? GRAY_COLOR : l && l.colors ? l.colors[_] : DEFAULT_CHART_COLORS[_];
-  });
-  o.setOptions({
-    ...l,
-    colors: b
-  }), o.draw();
-}), /**
-* Listens to user clicking on the legend to toggle the visibility of a column.
-* When a user clicks on a legend item, the column id is added to / removed from the hiddenColumns state.
-*/
-er(Rr, "listenToLegendToggle", (e, n) => {
-  const [o, l] = n, { google: d, googleChartWrapper: f } = e;
-  if (!f) {
-    console.error("googleChartWrapper is not defined");
-    return;
+  toLocaleTimeString(e, n) {
+    return Date.prototype.toLocaleTimeString.call(this, e, {
+      ...n,
+      timeZone: (n == null ? void 0 : n.timeZone) || this.timeZone
+    });
   }
-  return d.visualization.events.addListener(f, "select", () => {
-    const b = f.getChart().getSelection(), S = f.getDataTable();
-    if (b.length === 0 || // We want to listen to when a whole row is selected. This is the case only when row === null
-    b[0].row !== null || !S)
-      return;
-    const _ = b[0].column, C = Rr.getColumnId(S, _);
-    o != null && o.includes(C) ? l((E) => [
-      ...E.filter((R) => R !== C)
-    ]) : l((E) => [
-      ...E,
-      C
-    ]);
-  });
-}), /**
-* (Re-)Draw a Google Chart with the given data, options, and chart type.
-*/
-er(Rr, "draw", async (e) => {
-  const { data: n, diffdata: o, rows: l, columns: d, options: f, chartType: g, formatters: b, spreadSheetUrl: S, spreadSheetQueryParameters: _, googleChartDashboard: C, googleChartWrapper: E, google: R, hiddenColumns: A, legendToggle: I, legend_toggle: M } = e;
-  if (!E) {
-    console.error("draw was called with googleChartWrapper = null");
-    return;
+  //#endregion
+  //#region private
+  tzComponents() {
+    const e = this.getTimezoneOffset(), n = e > 0 ? "-" : "+", o = String(Math.floor(Math.abs(e) / 60)).padStart(2, "0"), l = String(Math.abs(e) % 60).padStart(2, "0");
+    return [n, o, l];
   }
-  let V, j = null;
-  if (o) {
-    const te = R.visualization.arrayToDataTable(o.old), ne = R.visualization.arrayToDataTable(o.new);
-    j = R.visualization[g].prototype.computeDiff(te, ne);
+  //#endregion
+  withTimeZone(e) {
+    return new TZDate(+this, e);
   }
-  n ? n instanceof R.visualization.DataTable ? V = n : Array.isArray(n) ? V = R.visualization.arrayToDataTable(n) : V = new R.visualization.DataTable(n) : l && d ? V = R.visualization.arrayToDataTable([
-    d,
-    ...l
-  ]) : S ? V = await loadDataTableFromSpreadSheet(R, S, _) : V = R.visualization.arrayToDataTable([]);
-  const z = V.getNumberOfColumns(), Q = Array(z).fill(0).map((te, ne) => {
-    const ae = Rr.getColumnId(V, ne);
-    return A.includes(ae) ? {
-      label: V.getColumnLabel(ne),
-      type: V.getColumnType(ne),
-      calc: () => null
-    } : ne;
-  }), O = E.getChart();
-  E.getChartType() === "Timeline" && O && O.clearChart(), E.setChartType(g), E.setOptions(f || {});
-  const F = new R.visualization.DataView(V);
-  F.setColumns(Q), E.setDataTable(F), E.draw(), C && C.draw(V), j && (E.setDataTable(j), E.draw()), b && (Rr.applyFormatters({
-    dataTable: V,
-    formatters: b,
-    google: R
-  }), E.setDataTable(V), E.draw()), (I === !0 || M === !0) && Rr.grayOutHiddenColumnsLabel(e, A);
-}), /**
-* Get the column ID of a column in a GoogleDataTable.
-* If the column has an ID, return the ID, otherwise return the label.
-*/
-er(Rr, "getColumnId", (e, n) => e.getColumnId(n) || e.getColumnLabel(n)), /**
-* Apply Chart Formatters passed under the formatters prop to the GoogleDataTable
-*/
-er(Rr, "applyFormatters", (e) => {
-  let { dataTable: n, formatters: o, google: l } = e;
-  for (let d of o)
-    switch (d.type) {
-      case "ArrowFormat": {
-        new l.visualization.ArrowFormat(d.options).format(n, d.column);
-        return;
-      }
-      case "BarFormat": {
-        new l.visualization.BarFormat(d.options).format(n, d.column);
-        return;
-      }
-      case "ColorFormat": {
-        const f = new l.visualization.ColorFormat(d.options), { ranges: g } = d;
-        if (g)
-          for (let b of g)
-            f.addRange(...b);
-        f.format(n, d.column);
-        return;
-      }
-      case "DateFormat": {
-        new l.visualization.DateFormat(d.options).format(n, d.column);
-        return;
-      }
-      case "NumberFormat": {
-        new l.visualization.NumberFormat(d.options).format(n, d.column);
-        return;
-      }
-      case "PatternFormat": {
-        new l.visualization.PatternFormat(d.options).format(n, d.column);
-        return;
-      }
-      default: {
-        console.warn(`Unknown formatter type: ${d.type}`);
-        return;
-      }
-    }
-});
-let GoogleChartInternal = Rr;
-const useGoogleChartDataTable = (t) => {
-  const { google: e, googleChartWrapper: n, googleChartDashboard: o } = t, [l, d] = React.useState([]);
-  React.useEffect(() => {
-    n && GoogleChartInternal.draw({
-      ...t,
-      hiddenColumns: l,
-      googleChartWrapper: n,
-      googleChartDashboard: o,
-      google: e
-    });
-  }, [
-    l,
-    t.data,
-    t.rows,
-    t.columns,
-    t.options,
-    t.chartLoaderScriptUrl,
-    t.chartType,
-    t.formatters,
-    t.spreadSheetUrl,
-    t.spreadSheetQueryParameters,
-    t.legendToggle,
-    t.legend_toggle
-  ]);
-  const f = () => {
-    const { googleChartWrapper: S } = t;
-    S && S.draw();
-  }, g = (S) => {
-    const _ = [], { legendToggle: C, legend_toggle: E } = t;
-    if (GoogleChartInternal.draw({
-      ...t,
-      hiddenColumns: l,
-      googleChartWrapper: S,
-      googleChartDashboard: o,
-      google: e
-    }), window.addEventListener("resize", f), E || C) {
-      const R = GoogleChartInternal.listenToLegendToggle(t, [
-        l,
-        d
-      ]);
-      R && _.push(R);
-    }
-    return _;
-  }, b = (S, _) => {
-    window.removeEventListener("resize", f), _.forEach((C) => {
-      e.visualization.events.removeListener(C);
-    }), S.getChartType() === "Timeline" && S.getChart() && S.getChart().clearChart();
-  };
-  React.useEffect(() => {
-    if (!n)
-      return;
-    const S = g(n);
-    return () => {
-      b(n, S);
-    };
-  }, [
-    n,
-    g,
-    b
-  ]);
-}, listenToEvents = (t) => {
-  const { chartEvents: e, google: n, googleChartWrapper: o } = t;
-  if (e) {
-    if (!o) {
-      console.warn("listenToEvents was called before chart wrapper ready.");
-      return;
-    }
-    return e.map((l) => {
-      let { eventName: d, callback: f } = l;
-      return n.visualization.events.addListener(o, d, function() {
-        for (var g = arguments.length, b = new Array(g), S = 0; S < g; S++)
-          b[S] = arguments[S];
-        f({
-          chartWrapper: o,
-          props: t,
-          google: n,
-          eventArgs: b
-        });
-      });
-    });
+  //#region date-fns integration
+  [Symbol.for("constructDateFrom")](e) {
+    return new TZDate(+new Date(e), this.timeZone);
   }
-}, useGoogleChartEvents = (t) => {
-  useEffect(() => {
-    if (!t.googleChartWrapper) return;
-    const e = listenToEvents(t);
-    return () => {
-      e == null || e.forEach((n) => {
-        t.google.visualization.events.removeListener(n);
-      });
-    };
-  }, [
-    t
-  ]);
-}, GoogleChart = (t) => {
-  const [e, n] = React.useState(null), [o, l] = React.useState(null), { addControls: d, renderControl: f } = useChartControls({
-    ...t,
-    chartDashboard: o,
-    chartWrapper: e
-  });
-  useGoogleChartEvents({
-    ...t,
-    googleChartWrapper: e
-  });
-  const { chartId: g } = useChartId(t), b = React.useRef(null), S = React.useRef(null);
-  React.useEffect(() => {
-    const { options: V, google: j, chartType: z, chartWrapperParams: Q, toolbarItems: O, getChartEditor: F, getChartWrapper: te, onLoad: ne } = t, ae = {
-      chartType: z,
-      options: V,
-      containerId: g,
-      ...Q
-    }, $e = new j.visualization.ChartWrapper(ae);
-    $e.setOptions(V || {}), te == null || te($e, j);
-    const Ne = new j.visualization.Dashboard(b.current);
-    O && j.visualization.drawToolbar(S.current, O);
-    let oe = null;
-    F && (oe = new j.visualization.ChartEditor(), F({
-      chartEditor: oe,
-      chartWrapper: $e,
-      google: j
-    })), d({
-      ...t,
-      chartDashboard: Ne,
-      chartWrapper: $e
-    }), n($e), l(Ne), ne == null || ne(j, {
-      google: j,
-      chartWrapper: $e,
-      chartEditor: oe,
-      chartDashboard: Ne
-    });
-  }, []), useGoogleChartDataTable({
-    ...t,
-    googleChartWrapper: e,
-    googleChartDashboard: o
-  });
-  const _ = () => {
-    const { width: V, height: j, options: z, style: Q, className: O, rootProps: F, google: te } = t, ne = {
-      height: j || z && z.height,
-      width: V || z && z.width,
-      ...Q
-    };
-    return /* @__PURE__ */ React.createElement("div", {
-      id: g,
-      style: ne,
-      className: O,
-      ...F
-    });
-  }, C = () => t.toolbarItems ? /* @__PURE__ */ React.createElement("div", {
-    ref: S
-  }) : null, { width: E, height: R, options: A, style: I } = t, M = {
-    height: R || A && A.height,
-    width: E || A && A.width,
-    ...I
-  };
-  return t.render ? /* @__PURE__ */ React.createElement("div", {
-    ref: b,
-    style: M
-  }, /* @__PURE__ */ React.createElement("div", {
-    ref: S,
-    id: "toolbar"
-  }), t.render({
-    renderChart: _,
-    renderControl: f,
-    renderToolbar: C
-  })) : /* @__PURE__ */ React.createElement("div", {
-    ref: b,
-    style: M
-  }, f((V) => {
-    let { controlProp: j } = V;
-    return j.controlPosition !== "bottom";
-  }), _(), f((V) => {
-    let { controlProp: j } = V;
-    return j.controlPosition === "bottom";
-  }), C());
-}, ChartContext = /* @__PURE__ */ React.createContext(chartDefaultProps), ContextProvider = (t) => {
-  let { children: e, value: n } = t;
-  return /* @__PURE__ */ React.createElement(ChartContext.Provider, {
-    value: n
-  }, e);
-}, ChartView = (t) => {
-  const { google: e, isLoading: n, error: o } = useLoadGoogleCharts(t);
-  return n ? t.loader ?? null : o ? t.errorElement ?? null : e ? /* @__PURE__ */ React__default.createElement(GoogleChart, {
-    google: e,
-    ...t
-  }) : null;
-}, Chart = (t) => {
-  const e = {
-    ...chartDefaultProps,
-    ...t
-  };
-  return /* @__PURE__ */ React__default.createElement(ContextProvider, {
-    value: e
-  }, /* @__PURE__ */ React__default.createElement(ChartView, e));
-};
-var GoogleDataTableColumnRoleType;
-(function(t) {
-  t.annotation = "annotation", t.annotationText = "annotationText", t.certainty = "certainty", t.emphasis = "emphasis", t.interval = "interval", t.scope = "scope", t.style = "style", t.tooltip = "tooltip", t.domain = "domain";
-})(GoogleDataTableColumnRoleType || (GoogleDataTableColumnRoleType = {}));
-function parseHsl(t) {
-  const e = t.match(/(\d+\.?\d*)\s*(\d+\.?\d*)%\s*(\d+\.?\d*)%/);
-  return e ? {
-    h: parseFloat(e[1]),
-    s: parseFloat(e[2]),
-    l: parseFloat(e[3])
-  } : null;
+  //#endregion
 }
-function hslToHex(t, e, n) {
-  n /= 100;
-  const o = e * Math.min(n, 1 - n) / 100, l = (d) => {
-    const f = (d + t / 30) % 12, g = n - o * Math.max(Math.min(f - 3, 9 - f, 1), -1);
-    return Math.round(255 * g).toString(16).padStart(2, "0");
-  };
-  return `#${l(0)}${l(8)}${l(4)}`;
+const FIVE_WEEKS = 5, FOUR_WEEKS = 4;
+function getBroadcastWeeksInMonth(t, e) {
+  const n = e.startOfMonth(t), o = n.getDay() > 0 ? n.getDay() : 7, l = e.addDays(t, -o + 1), d = e.addDays(l, FIVE_WEEKS * 7 - 1);
+  return e.getMonth(t) === e.getMonth(d) ? FIVE_WEEKS : FOUR_WEEKS;
 }
-const Treemap = React.forwardRef(
-  ({ data: t, options: e, height: n = "500px", className: o, loading: l, disableClick: d = !0, ...f }, g) => {
-    const b = React.useRef(null), [S, _] = React.useState(null);
-    React.useEffect(() => {
-      if (!b.current) return;
-      const R = b.current, A = () => {
-        const j = getComputedStyle(R).getPropertyValue("--primary").trim();
-        if (j) {
-          const z = parseHsl(j);
-          if (z) {
-            const { h: Q, s: O, l: F } = z;
-            _({
-              minColor: hslToHex(Q, O, Math.min(100, F + 50)),
-              midColor: hslToHex(Q, O, Math.min(100, F + 35)),
-              maxColor: hslToHex(Q, O, Math.min(100, F + 20))
-            });
-          }
-          return !0;
-        }
-        return !1;
-      };
-      if (A())
-        return;
-      let I = 0;
-      const M = 20, V = setInterval(() => {
-        (A() || I >= M) && clearInterval(V), I++;
-      }, 100);
-      return () => {
-        V && clearInterval(V);
-      };
-    }, []);
-    const C = React.useMemo(() => {
-      const R = {
-        headerHeight: 0,
-        fontSize: 14,
-        showScale: !1,
-        isHtml: !0,
-        backgroundColor: "hsl(var(--background))",
-        generateTooltip: (A, I) => {
-          var j;
-          const M = (j = t[A + 1]) == null ? void 0 : j[0];
-          if (!M) return "";
-          const V = formatMoney(I);
-          return `<div class="p-2 bg-background text-foreground border rounded-md shadow-lg">
-                    <strong>${M}</strong><br>Value: ${V}
-                  </div>`;
-        }
-      };
-      return S && (!e || !e.colorAxis) && (R.minColor = S.minColor, R.midColor = S.midColor, R.maxColor = S.maxColor), { ...R, ...e };
-    }, [t, e, S]), E = React.useMemo(() => d ? [{
-      eventName: "select",
-      // react-google-charts is not officially maintained by Google and not up 
-      // to date with the GoogleChartWrapper type, setSelection is missing
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      callback: ({ chartWrapper: A }) => {
-        A.getChart().setSelection(null);
-      }
-    }] : void 0, [d]);
-    return React.useImperativeHandle(g, () => b.current, []), l ? /* @__PURE__ */ jsx("div", { ref: b, className: cn("w-full", o), style: { height: n }, ...f, children: /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full" }) }) : !t || t.length <= 2 ? /* @__PURE__ */ jsx("div", { ref: b, className: cn("w-full flex items-center justify-center text-muted-foreground", o), style: { height: n }, ...f, children: "No data available" }) : /* @__PURE__ */ jsx("div", { ref: b, className: cn("w-full", o), style: { height: n }, ...f, children: /* @__PURE__ */ jsx(
-      Chart,
-      {
-        chartType: "TreeMap",
-        width: "100%",
-        height: "100%",
-        data: t,
-        options: C,
-        chartEvents: E,
-        loader: /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full" })
-      }
-    ) });
+function startOfBroadcastWeek(t, e) {
+  const n = e.startOfMonth(t), o = n.getDay();
+  return o === 1 ? n : o === 0 ? e.addDays(n, -6) : e.addDays(n, -1 * (o - 1));
+}
+function endOfBroadcastWeek(t, e) {
+  const n = startOfBroadcastWeek(t, e), o = getBroadcastWeeksInMonth(t, e);
+  return e.addDays(n, o * 7 - 1);
+}
+class DateLib {
+  /**
+   * Creates an instance of `DateLib`.
+   *
+   * @param options Configuration options for the date library.
+   * @param overrides Custom overrides for the date library functions.
+   */
+  constructor(e, n) {
+    this.Date = Date, this.today = () => {
+      var o;
+      return (o = this.overrides) != null && o.today ? this.overrides.today() : this.options.timeZone ? TZDate.tz(this.options.timeZone) : new this.Date();
+    }, this.newDate = (o, l, d) => {
+      var f;
+      return (f = this.overrides) != null && f.newDate ? this.overrides.newDate(o, l, d) : this.options.timeZone ? new TZDate(o, l, d, this.options.timeZone) : new Date(o, l, d);
+    }, this.addDays = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.addDays ? this.overrides.addDays(o, l) : addDays(o, l);
+    }, this.addMonths = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.addMonths ? this.overrides.addMonths(o, l) : addMonths(o, l);
+    }, this.addWeeks = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.addWeeks ? this.overrides.addWeeks(o, l) : addWeeks(o, l);
+    }, this.addYears = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.addYears ? this.overrides.addYears(o, l) : addYears(o, l);
+    }, this.differenceInCalendarDays = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.differenceInCalendarDays ? this.overrides.differenceInCalendarDays(o, l) : differenceInCalendarDays(o, l);
+    }, this.differenceInCalendarMonths = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.differenceInCalendarMonths ? this.overrides.differenceInCalendarMonths(o, l) : differenceInCalendarMonths(o, l);
+    }, this.eachMonthOfInterval = (o) => {
+      var l;
+      return (l = this.overrides) != null && l.eachMonthOfInterval ? this.overrides.eachMonthOfInterval(o) : eachMonthOfInterval(o);
+    }, this.endOfBroadcastWeek = (o) => {
+      var l;
+      return (l = this.overrides) != null && l.endOfBroadcastWeek ? this.overrides.endOfBroadcastWeek(o) : endOfBroadcastWeek(o, this);
+    }, this.endOfISOWeek = (o) => {
+      var l;
+      return (l = this.overrides) != null && l.endOfISOWeek ? this.overrides.endOfISOWeek(o) : endOfISOWeek(o);
+    }, this.endOfMonth = (o) => {
+      var l;
+      return (l = this.overrides) != null && l.endOfMonth ? this.overrides.endOfMonth(o) : endOfMonth(o);
+    }, this.endOfWeek = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.endOfWeek ? this.overrides.endOfWeek(o, l) : endOfWeek(o, this.options);
+    }, this.endOfYear = (o) => {
+      var l;
+      return (l = this.overrides) != null && l.endOfYear ? this.overrides.endOfYear(o) : endOfYear(o);
+    }, this.format = (o, l, d) => {
+      var g;
+      const f = (g = this.overrides) != null && g.format ? this.overrides.format(o, l, this.options) : format(o, l, this.options);
+      return this.options.numerals && this.options.numerals !== "latn" ? this.replaceDigits(f) : f;
+    }, this.getISOWeek = (o) => {
+      var l;
+      return (l = this.overrides) != null && l.getISOWeek ? this.overrides.getISOWeek(o) : getISOWeek(o);
+    }, this.getMonth = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.getMonth ? this.overrides.getMonth(o, this.options) : getMonth(o, this.options);
+    }, this.getYear = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.getYear ? this.overrides.getYear(o, this.options) : getYear(o, this.options);
+    }, this.getWeek = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.getWeek ? this.overrides.getWeek(o, this.options) : getWeek(o, this.options);
+    }, this.isAfter = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.isAfter ? this.overrides.isAfter(o, l) : isAfter(o, l);
+    }, this.isBefore = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.isBefore ? this.overrides.isBefore(o, l) : isBefore(o, l);
+    }, this.isDate = (o) => {
+      var l;
+      return (l = this.overrides) != null && l.isDate ? this.overrides.isDate(o) : isDate(o);
+    }, this.isSameDay = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.isSameDay ? this.overrides.isSameDay(o, l) : isSameDay(o, l);
+    }, this.isSameMonth = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.isSameMonth ? this.overrides.isSameMonth(o, l) : isSameMonth(o, l);
+    }, this.isSameYear = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.isSameYear ? this.overrides.isSameYear(o, l) : isSameYear(o, l);
+    }, this.max = (o) => {
+      var l;
+      return (l = this.overrides) != null && l.max ? this.overrides.max(o) : max$1(o);
+    }, this.min = (o) => {
+      var l;
+      return (l = this.overrides) != null && l.min ? this.overrides.min(o) : min$1(o);
+    }, this.setMonth = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.setMonth ? this.overrides.setMonth(o, l) : setMonth(o, l);
+    }, this.setYear = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.setYear ? this.overrides.setYear(o, l) : setYear(o, l);
+    }, this.startOfBroadcastWeek = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.startOfBroadcastWeek ? this.overrides.startOfBroadcastWeek(o, this) : startOfBroadcastWeek(o, this);
+    }, this.startOfDay = (o) => {
+      var l;
+      return (l = this.overrides) != null && l.startOfDay ? this.overrides.startOfDay(o) : startOfDay(o);
+    }, this.startOfISOWeek = (o) => {
+      var l;
+      return (l = this.overrides) != null && l.startOfISOWeek ? this.overrides.startOfISOWeek(o) : startOfISOWeek(o);
+    }, this.startOfMonth = (o) => {
+      var l;
+      return (l = this.overrides) != null && l.startOfMonth ? this.overrides.startOfMonth(o) : startOfMonth(o);
+    }, this.startOfWeek = (o, l) => {
+      var d;
+      return (d = this.overrides) != null && d.startOfWeek ? this.overrides.startOfWeek(o, this.options) : startOfWeek(o, this.options);
+    }, this.startOfYear = (o) => {
+      var l;
+      return (l = this.overrides) != null && l.startOfYear ? this.overrides.startOfYear(o) : startOfYear(o);
+    }, this.options = { locale: enUS, ...e }, this.overrides = n;
   }
-);
-Treemap.displayName = "Treemap";
-const TopPercentTreemap = ({
-  data: t,
-  topPercent: e = 80,
-  title: n,
-  loading: o,
-  ...l
-}) => {
-  const d = React.useMemo(() => {
-    if (!t || t.length === 0)
-      return [["ID", "Parent", "Value"], ["Root", null, 0]];
-    const g = [...t].sort((A, I) => I.value - A.value), S = g.reduce((A, I) => A + I.value, 0) * (e / 100), _ = [
-      ["ID", "Parent", "Value"],
-      ["Root", null, 0]
-    ], C = [], E = [];
-    let R = 0;
-    for (const A of g)
-      R < S ? (C.push(A), R += A.value) : E.push(A);
-    if (C.forEach((A) => {
-      _.push([A.name, "Root", A.value]);
-    }), E.length > 0) {
-      const A = `More... (${E.length} items)`;
-      _.push([A, "Root", 0]), E.forEach((I) => {
-        _.push([I.name, A, I.value]);
-      });
-    }
-    return _;
-  }, [t, e]), f = React.useMemo(() => ({
-    title: n,
-    maxDepth: 1,
-    backgroundColor: "hsl(var(--background))"
-  }), [n]);
-  return /* @__PURE__ */ jsx(
-    Treemap,
-    {
-      data: d,
-      options: f,
-      className: cn("h-full", l.className),
-      loading: o,
-      disableClick: !1,
-      ...l
-    }
-  );
-}, SearchPage = ({
-  query: t,
-  results: e,
-  isLoading: n,
-  children: o
-}) => n ? /* @__PURE__ */ jsx("div", { className: "flex w-full justify-center items-center py-24", children: /* @__PURE__ */ jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }) : t && e.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex w-full justify-center items-start pt-16", children: /* @__PURE__ */ jsx(Card, { className: "w-full max-w-lg", children: /* @__PURE__ */ jsxs(CardHeader, { className: "text-center items-center", children: [
-  /* @__PURE__ */ jsx("div", { className: "rounded-full border bg-muted p-3 mb-4", children: /* @__PURE__ */ jsx(SearchX, { className: "h-8 w-8 text-muted-foreground" }) }),
-  /* @__PURE__ */ jsx(CardTitle, { children: "No Results Found" }),
-  /* @__PURE__ */ jsxs(CardDescription, { children: [
-    'Your search for "',
-    t,
-    '" did not return any results. Please try a different search term.'
-  ] })
-] }) }) }) : e.length > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-8", children: /* @__PURE__ */ jsx("div", { className: "col-span-3", children: o }) }) : null, colClasses = {
-  base: { 1: "grid-cols-1", 2: "grid-cols-2", 3: "grid-cols-3", 4: "grid-cols-4", 5: "grid-cols-5", 6: "grid-cols-6" },
-  sm: { 1: "sm:grid-cols-1", 2: "sm:grid-cols-2", 3: "sm:grid-cols-3", 4: "sm:grid-cols-4", 5: "sm:grid-cols-5", 6: "sm:grid-cols-6" },
-  md: { 1: "md:grid-cols-1", 2: "md:grid-cols-2", 3: "md:grid-cols-3", 4: "md:grid-cols-4", 5: "md:grid-cols-5", 6: "md:grid-cols-6" },
-  lg: { 1: "lg:grid-cols-1", 2: "lg:grid-cols-2", 3: "lg:grid-cols-3", 4: "lg:grid-cols-4", 5: "lg:grid-cols-5", 6: "lg:grid-cols-6" },
-  xl: { 1: "xl:grid-cols-1", 2: "xl:grid-cols-2", 3: "xl:grid-cols-3", 4: "xl:grid-cols-4", 5: "xl:grid-cols-5", 6: "xl:grid-cols-6" }
-}, buildGridClassName = (t) => {
-  const e = { base: 1, md: 2, ...t };
-  return [
-    "grid",
-    "gap-4",
-    e.base ? colClasses.base[e.base] : "",
-    e.sm ? colClasses.sm[e.sm] : "",
-    e.md ? colClasses.md[e.md] : "",
-    e.lg ? colClasses.lg[e.lg] : "",
-    e.xl ? colClasses.xl[e.xl] : ""
-  ].filter(Boolean).join(" ");
-}, SearchPageGrid = ({
-  results: t,
-  groupBy: e,
-  renderItem: n
-}) => {
-  const o = e(t);
-  return /* @__PURE__ */ jsx(Fragment$1, { children: Object.entries(o).map(([l, d]) => {
-    const { items: f, gridCols: g } = d;
-    if (f.length === 0)
-      return null;
-    const b = buildGridClassName(g);
-    return /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold tracking-tight mb-4", children: l }),
-      /* @__PURE__ */ jsx("div", { className: b, children: f.map((S, _) => n(S, _)) })
-    ] }, l);
-  }) });
-};
-var COLLAPSIBLE_NAME = "Collapsible", [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME), [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME), Collapsible = React.forwardRef(
-  (t, e) => {
-    const {
-      __scopeCollapsible: n,
-      open: o,
-      defaultOpen: l,
-      disabled: d,
-      onOpenChange: f,
-      ...g
-    } = t, [b, S] = useControllableState({
-      prop: o,
-      defaultProp: l ?? !1,
-      onChange: f,
-      caller: COLLAPSIBLE_NAME
-    });
-    return /* @__PURE__ */ jsx(
-      CollapsibleProvider,
-      {
-        scope: n,
-        disabled: d,
-        contentId: useId(),
-        open: b,
-        onOpenToggle: React.useCallback(() => S((_) => !_), [S]),
-        children: /* @__PURE__ */ jsx(
-          Primitive.div,
-          {
-            "data-state": getState$1(b),
-            "data-disabled": d ? "" : void 0,
-            ...g,
-            ref: e
-          }
-        )
-      }
-    );
+  /**
+   * Generates a mapping of Arabic digits (0-9) to the target numbering system
+   * digits.
+   *
+   * @since 9.5.0
+   * @returns A record mapping Arabic digits to the target numerals.
+   */
+  getDigitMap() {
+    const { numerals: e = "latn" } = this.options, n = new Intl.NumberFormat("en-US", {
+      numberingSystem: e
+    }), o = {};
+    for (let l = 0; l < 10; l++)
+      o[l.toString()] = n.format(l);
+    return o;
   }
-);
-Collapsible.displayName = COLLAPSIBLE_NAME;
-var TRIGGER_NAME$1 = "CollapsibleTrigger", CollapsibleTrigger = React.forwardRef(
-  (t, e) => {
-    const { __scopeCollapsible: n, ...o } = t, l = useCollapsibleContext(TRIGGER_NAME$1, n);
-    return /* @__PURE__ */ jsx(
-      Primitive.button,
-      {
-        type: "button",
-        "aria-controls": l.contentId,
-        "aria-expanded": l.open || !1,
-        "data-state": getState$1(l.open),
-        "data-disabled": l.disabled ? "" : void 0,
-        disabled: l.disabled,
-        ...o,
-        ref: e,
-        onClick: composeEventHandlers(t.onClick, l.onOpenToggle)
-      }
-    );
+  /**
+   * Replaces Arabic digits in a string with the target numbering system digits.
+   *
+   * @since 9.5.0
+   * @param input The string containing Arabic digits.
+   * @returns The string with digits replaced.
+   */
+  replaceDigits(e) {
+    const n = this.getDigitMap();
+    return e.replace(/\d/g, (o) => n[o] || o);
   }
-);
-CollapsibleTrigger.displayName = TRIGGER_NAME$1;
-var CONTENT_NAME$1 = "CollapsibleContent", CollapsibleContent = React.forwardRef(
-  (t, e) => {
-    const { forceMount: n, ...o } = t, l = useCollapsibleContext(CONTENT_NAME$1, t.__scopeCollapsible);
-    return /* @__PURE__ */ jsx(Presence, { present: n || l.open, children: ({ present: d }) => /* @__PURE__ */ jsx(CollapsibleContentImpl, { ...o, ref: e, present: d }) });
+  /**
+   * Formats a number using the configured numbering system.
+   *
+   * @since 9.5.0
+   * @param value The number to format.
+   * @returns The formatted number as a string.
+   */
+  formatNumber(e) {
+    return this.replaceDigits(e.toString());
   }
-);
-CollapsibleContent.displayName = CONTENT_NAME$1;
-var CollapsibleContentImpl = React.forwardRef((t, e) => {
-  const { __scopeCollapsible: n, present: o, children: l, ...d } = t, f = useCollapsibleContext(CONTENT_NAME$1, n), [g, b] = React.useState(o), S = React.useRef(null), _ = useComposedRefs(e, S), C = React.useRef(0), E = C.current, R = React.useRef(0), A = R.current, I = f.open || g, M = React.useRef(I), V = React.useRef(void 0);
-  return React.useEffect(() => {
-    const j = requestAnimationFrame(() => M.current = !1);
-    return () => cancelAnimationFrame(j);
-  }, []), useLayoutEffect2(() => {
-    const j = S.current;
-    if (j) {
-      V.current = V.current || {
-        transitionDuration: j.style.transitionDuration,
-        animationName: j.style.animationName
-      }, j.style.transitionDuration = "0s", j.style.animationName = "none";
-      const z = j.getBoundingClientRect();
-      C.current = z.height, R.current = z.width, M.current || (j.style.transitionDuration = V.current.transitionDuration, j.style.animationName = V.current.animationName), b(o);
-    }
-  }, [f.open, o]), /* @__PURE__ */ jsx(
-    Primitive.div,
-    {
-      "data-state": getState$1(f.open),
-      "data-disabled": f.disabled ? "" : void 0,
-      id: f.contentId,
-      hidden: !I,
-      ...d,
-      ref: _,
-      style: {
-        "--radix-collapsible-content-height": E ? `${E}px` : void 0,
-        "--radix-collapsible-content-width": A ? `${A}px` : void 0,
-        ...t.style
-      },
-      children: I && l
-    }
-  );
-});
-function getState$1(t) {
-  return t ? "open" : "closed";
-}
-var Root$1 = Collapsible, Trigger = CollapsibleTrigger, Content = CollapsibleContent, ACCORDION_NAME = "Accordion", ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [Collection, useCollection, createCollectionScope] = createCollection(ACCORDION_NAME), [createAccordionContext] = createContextScope(ACCORDION_NAME, [
-  createCollectionScope,
-  createCollapsibleScope
-]), useCollapsibleScope = createCollapsibleScope(), Accordion$1 = React__default.forwardRef(
-  (t, e) => {
-    const { type: n, ...o } = t, l = o, d = o;
-    return /* @__PURE__ */ jsx(Collection.Provider, { scope: t.__scopeAccordion, children: n === "multiple" ? /* @__PURE__ */ jsx(AccordionImplMultiple, { ...d, ref: e }) : /* @__PURE__ */ jsx(AccordionImplSingle, { ...l, ref: e }) });
+  /**
+   * Returns the preferred ordering for month and year labels for the current
+   * locale.
+   */
+  getMonthYearOrder() {
+    var n;
+    const e = (n = this.options.locale) == null ? void 0 : n.code;
+    return e && DateLib.yearFirstLocales.has(e) ? "year-first" : "month-first";
   }
-);
-Accordion$1.displayName = ACCORDION_NAME;
-var [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME), [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(
-  ACCORDION_NAME,
-  { collapsible: !1 }
-), AccordionImplSingle = React__default.forwardRef(
-  (t, e) => {
-    const {
-      value: n,
-      defaultValue: o,
-      onValueChange: l = () => {
-      },
-      collapsible: d = !1,
-      ...f
-    } = t, [g, b] = useControllableState({
-      prop: n,
-      defaultProp: o ?? "",
-      onChange: l,
-      caller: ACCORDION_NAME
-    });
-    return /* @__PURE__ */ jsx(
-      AccordionValueProvider,
-      {
-        scope: t.__scopeAccordion,
-        value: React__default.useMemo(() => g ? [g] : [], [g]),
-        onItemOpen: b,
-        onItemClose: React__default.useCallback(() => d && b(""), [d, b]),
-        children: /* @__PURE__ */ jsx(AccordionCollapsibleProvider, { scope: t.__scopeAccordion, collapsible: d, children: /* @__PURE__ */ jsx(AccordionImpl, { ...f, ref: e }) })
+  /**
+   * Formats the month/year pair respecting locale conventions.
+   *
+   * @since 9.11.0
+   */
+  formatMonthYear(e) {
+    const { locale: n, timeZone: o, numerals: l } = this.options, d = n == null ? void 0 : n.code;
+    if (d && DateLib.yearFirstLocales.has(d))
+      try {
+        return new Intl.DateTimeFormat(d, {
+          month: "long",
+          year: "numeric",
+          timeZone: o,
+          numberingSystem: l
+        }).format(e);
+      } catch {
       }
-    );
+    const f = this.getMonthYearOrder() === "year-first" ? "y LLLL" : "LLLL y";
+    return this.format(e, f);
   }
-), AccordionImplMultiple = React__default.forwardRef((t, e) => {
-  const {
-    value: n,
-    defaultValue: o,
-    onValueChange: l = () => {
-    },
-    ...d
-  } = t, [f, g] = useControllableState({
-    prop: n,
-    defaultProp: o ?? [],
-    onChange: l,
-    caller: ACCORDION_NAME
-  }), b = React__default.useCallback(
-    (_) => g((C = []) => [...C, _]),
-    [g]
-  ), S = React__default.useCallback(
-    (_) => g((C = []) => C.filter((E) => E !== _)),
-    [g]
-  );
-  return /* @__PURE__ */ jsx(
-    AccordionValueProvider,
-    {
-      scope: t.__scopeAccordion,
-      value: f,
-      onItemOpen: b,
-      onItemClose: S,
-      children: /* @__PURE__ */ jsx(AccordionCollapsibleProvider, { scope: t.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ jsx(AccordionImpl, { ...d, ref: e }) })
-    }
-  );
-}), [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME), AccordionImpl = React__default.forwardRef(
-  (t, e) => {
-    const { __scopeAccordion: n, disabled: o, dir: l, orientation: d = "vertical", ...f } = t, g = React__default.useRef(null), b = useComposedRefs(g, e), S = useCollection(n), C = useDirection(l) === "ltr", E = composeEventHandlers(t.onKeyDown, (R) => {
-      var ne;
-      if (!ACCORDION_KEYS.includes(R.key)) return;
-      const A = R.target, I = S().filter((ae) => {
-        var $e;
-        return !(($e = ae.ref.current) != null && $e.disabled);
-      }), M = I.findIndex((ae) => ae.ref.current === A), V = I.length;
-      if (M === -1) return;
-      R.preventDefault();
-      let j = M;
-      const z = 0, Q = V - 1, O = () => {
-        j = M + 1, j > Q && (j = z);
-      }, F = () => {
-        j = M - 1, j < z && (j = Q);
-      };
-      switch (R.key) {
-        case "Home":
-          j = z;
-          break;
-        case "End":
-          j = Q;
-          break;
-        case "ArrowRight":
-          d === "horizontal" && (C ? O() : F());
-          break;
-        case "ArrowDown":
-          d === "vertical" && O();
-          break;
-        case "ArrowLeft":
-          d === "horizontal" && (C ? F() : O());
-          break;
-        case "ArrowUp":
-          d === "vertical" && F();
-          break;
-      }
-      const te = j % V;
-      (ne = I[te].ref.current) == null || ne.focus();
-    });
-    return /* @__PURE__ */ jsx(
-      AccordionImplProvider,
-      {
-        scope: n,
-        disabled: o,
-        direction: l,
-        orientation: d,
-        children: /* @__PURE__ */ jsx(Collection.Slot, { scope: n, children: /* @__PURE__ */ jsx(
-          Primitive.div,
-          {
-            ...f,
-            "data-orientation": d,
-            ref: b,
-            onKeyDown: o ? void 0 : E
-          }
-        ) })
-      }
-    );
-  }
-), ITEM_NAME = "AccordionItem", [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME), AccordionItem$1 = React__default.forwardRef(
-  (t, e) => {
-    const { __scopeAccordion: n, value: o, ...l } = t, d = useAccordionContext(ITEM_NAME, n), f = useAccordionValueContext(ITEM_NAME, n), g = useCollapsibleScope(n), b = useId(), S = o && f.value.includes(o) || !1, _ = d.disabled || t.disabled;
-    return /* @__PURE__ */ jsx(
-      AccordionItemProvider,
-      {
-        scope: n,
-        open: S,
-        disabled: _,
-        triggerId: b,
-        children: /* @__PURE__ */ jsx(
-          Root$1,
-          {
-            "data-orientation": d.orientation,
-            "data-state": getState(S),
-            ...g,
-            ...l,
-            ref: e,
-            disabled: _,
-            open: S,
-            onOpenChange: (C) => {
-              C ? f.onItemOpen(o) : f.onItemClose(o);
-            }
-          }
-        )
-      }
-    );
-  }
-);
-AccordionItem$1.displayName = ITEM_NAME;
-var HEADER_NAME = "AccordionHeader", AccordionHeader = React__default.forwardRef(
-  (t, e) => {
-    const { __scopeAccordion: n, ...o } = t, l = useAccordionContext(ACCORDION_NAME, n), d = useAccordionItemContext(HEADER_NAME, n);
-    return /* @__PURE__ */ jsx(
-      Primitive.h3,
-      {
-        "data-orientation": l.orientation,
-        "data-state": getState(d.open),
-        "data-disabled": d.disabled ? "" : void 0,
-        ...o,
-        ref: e
-      }
-    );
-  }
-);
-AccordionHeader.displayName = HEADER_NAME;
-var TRIGGER_NAME = "AccordionTrigger", AccordionTrigger$1 = React__default.forwardRef(
-  (t, e) => {
-    const { __scopeAccordion: n, ...o } = t, l = useAccordionContext(ACCORDION_NAME, n), d = useAccordionItemContext(TRIGGER_NAME, n), f = useAccordionCollapsibleContext(TRIGGER_NAME, n), g = useCollapsibleScope(n);
-    return /* @__PURE__ */ jsx(Collection.ItemSlot, { scope: n, children: /* @__PURE__ */ jsx(
-      Trigger,
-      {
-        "aria-disabled": d.open && !f.collapsible || void 0,
-        "data-orientation": l.orientation,
-        id: d.triggerId,
-        ...g,
-        ...o,
-        ref: e
-      }
-    ) });
-  }
-);
-AccordionTrigger$1.displayName = TRIGGER_NAME;
-var CONTENT_NAME = "AccordionContent", AccordionContent$1 = React__default.forwardRef(
-  (t, e) => {
-    const { __scopeAccordion: n, ...o } = t, l = useAccordionContext(ACCORDION_NAME, n), d = useAccordionItemContext(CONTENT_NAME, n), f = useCollapsibleScope(n);
-    return /* @__PURE__ */ jsx(
-      Content,
-      {
-        role: "region",
-        "aria-labelledby": d.triggerId,
-        "data-orientation": l.orientation,
-        ...f,
-        ...o,
-        ref: e,
-        style: {
-          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
-          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
-          ...t.style
-        }
-      }
-    );
-  }
-);
-AccordionContent$1.displayName = CONTENT_NAME;
-function getState(t) {
-  return t ? "open" : "closed";
 }
-var Root2 = Accordion$1, Item = AccordionItem$1, Header = AccordionHeader, Trigger2 = AccordionTrigger$1, Content2 = AccordionContent$1;
-const Accordion = Root2, AccordionItem = React.forwardRef(({ className: t, ...e }, n) => /* @__PURE__ */ jsx(
-  Item,
-  {
-    ref: n,
-    className: cn("border-b", t),
-    ...e
+DateLib.yearFirstLocales = /* @__PURE__ */ new Set([
+  "eu",
+  "hu",
+  "ja",
+  "ja-Hira",
+  "ja-JP",
+  "ko",
+  "ko-KR",
+  "lt",
+  "lt-LT",
+  "lv",
+  "lv-LV",
+  "mn",
+  "mn-MN",
+  "zh",
+  "zh-CN",
+  "zh-HK",
+  "zh-TW"
+]);
+const defaultDateLib = new DateLib();
+class CalendarDay {
+  constructor(e, n, o = defaultDateLib) {
+    this.date = e, this.displayMonth = n, this.outside = !!(n && !o.isSameMonth(e, n)), this.dateLib = o;
   }
-));
-AccordionItem.displayName = "AccordionItem";
-const AccordionTrigger = React.forwardRef(({ className: t, children: e, ...n }, o) => /* @__PURE__ */ jsx(Header, { className: "flex", children: /* @__PURE__ */ jsxs(
-  Trigger2,
-  {
-    ref: o,
-    className: cn(
-      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
-      t
-    ),
-    ...n,
-    children: [
-      e,
-      /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
-    ]
+  /**
+   * Checks if this day is equal to another `CalendarDay`, considering both the
+   * date and the displayed month.
+   *
+   * @param day The `CalendarDay` to compare with.
+   * @returns `true` if the days are equal, otherwise `false`.
+   */
+  isEqualTo(e) {
+    return this.dateLib.isSameDay(e.date, this.date) && this.dateLib.isSameMonth(e.displayMonth, this.displayMonth);
   }
-) }));
-AccordionTrigger.displayName = Trigger2.displayName;
-const AccordionContent = React.forwardRef(({ className: t, children: e, ...n }, o) => /* @__PURE__ */ jsx(
-  Content2,
-  {
-    ref: o,
-    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...n,
-    children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", t), children: e })
+}
+class CalendarMonth {
+  constructor(e, n) {
+    this.date = e, this.weeks = n;
   }
-));
-AccordionContent.displayName = Content2.displayName;
-function tzName(t, e, n = "long") {
-  return new Intl.DateTimeFormat("en-US", {
-    // Enforces engine to render the time. Without the option JavaScriptCore omits it.
-    hour: "numeric",
-    timeZone: t,
-    timeZoneName: n
-  }).format(e).split(/\s/g).slice(2).join(" ");
 }
-const offsetFormatCache = {}, offsetCache = {};
-function tzOffset(t, e) {
-  try {
-    const o = (offsetFormatCache[t] || (offsetFormatCache[t] = new Intl.DateTimeFormat("en-US", {
-      timeZone: t,
-      timeZoneName: "longOffset"
-    }).format))(e).split("GMT")[1];
-    return o in offsetCache ? offsetCache[o] : calcOffset(o, o.split(":"));
-  } catch {
-    if (t in offsetCache) return offsetCache[t];
-    const n = t == null ? void 0 : t.match(offsetRe);
-    return n ? calcOffset(t, n.slice(1)) : NaN;
+class CalendarWeek {
+  constructor(e, n) {
+    this.days = n, this.weekNumber = e;
   }
 }
-const offsetRe = /([+-]\d\d):?(\d\d)?/;
-function calcOffset(t, e) {
-  const n = +(e[0] || 0), o = +(e[1] || 0), l = +(e[2] || 0) / 60;
-  return offsetCache[t] = n * 60 + o > 0 ? n * 60 + o + l : n * 60 - o - l;
+function Button(t) {
+  return React__default.createElement("button", { ...t });
 }
-class TZDateMini extends Date {
-  //#region static
-  constructor(...e) {
-    super(), e.length > 1 && typeof e[e.length - 1] == "string" && (this.timeZone = e.pop()), this.internal = /* @__PURE__ */ new Date(), isNaN(tzOffset(this.timeZone, this)) ? this.setTime(NaN) : e.length ? typeof e[0] == "number" && (e.length === 1 || e.length === 2 && typeof e[1] != "number") ? this.setTime(e[0]) : typeof e[0] == "string" ? this.setTime(+new Date(e[0])) : e[0] instanceof Date ? this.setTime(+e[0]) : (this.setTime(+new Date(...e)), adjustToSystemTZ(this), syncToInternal(this)) : this.setTime(Date.now());
-  }
-  static tz(e, ...n) {
-    return n.length ? new TZDateMini(...n, e) : new TZDateMini(Date.now(), e);
-  }
-  //#endregion
-  //#region time zone
-  withTimeZone(e) {
-    return new TZDateMini(+this, e);
-  }
-  getTimezoneOffset() {
-    const e = -tzOffset(this.timeZone, this);
-    return e > 0 ? Math.floor(e) : Math.ceil(e);
-  }
-  //#endregion
-  //#region time
-  setTime(e) {
-    return Date.prototype.setTime.apply(this, arguments), syncToInternal(this), +this;
-  }
-  //#endregion
-  //#region date-fns integration
-  [Symbol.for("constructDateFrom")](e) {
-    return new TZDateMini(+new Date(e), this.timeZone);
-  }
-  //#endregion
+function CaptionLabel(t) {
+  return React__default.createElement("span", { ...t });
 }
-const re = /^(get|set)(?!UTC)/;
-Object.getOwnPropertyNames(Date.prototype).forEach((t) => {
-  if (!re.test(t)) return;
-  const e = t.replace(re, "$1UTC");
-  TZDateMini.prototype[e] && (t.startsWith("get") ? TZDateMini.prototype[t] = function() {
-    return this.internal[e]();
-  } : (TZDateMini.prototype[t] = function() {
-    return Date.prototype[e].apply(this.internal, arguments), syncFromInternal(this), +this;
-  }, TZDateMini.prototype[e] = function() {
-    return Date.prototype[e].apply(this, arguments), syncToInternal(this), +this;
-  }));
-});
-function syncToInternal(t) {
-  t.internal.setTime(+t), t.internal.setUTCSeconds(t.internal.getUTCSeconds() - Math.round(-tzOffset(t.timeZone, t) * 60));
+function Chevron(t) {
+  const { size: e = 24, orientation: n = "left", className: o } = t;
+  return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: handled by the parent component
+    React__default.createElement(
+      "svg",
+      { className: o, width: e, height: e, viewBox: "0 0 24 24" },
+      n === "up" && React__default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
+      n === "down" && React__default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
+      n === "left" && React__default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
+      n === "right" && React__default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
+    )
+  );
 }
-function syncFromInternal(t) {
-  Date.prototype.setFullYear.call(t, t.internal.getUTCFullYear(), t.internal.getUTCMonth(), t.internal.getUTCDate()), Date.prototype.setHours.call(t, t.internal.getUTCHours(), t.internal.getUTCMinutes(), t.internal.getUTCSeconds(), t.internal.getUTCMilliseconds()), adjustToSystemTZ(t);
+function Day(t) {
+  const { day: e, modifiers: n, ...o } = t;
+  return React__default.createElement("td", { ...o });
 }
-function adjustToSystemTZ(t) {
-  const e = tzOffset(t.timeZone, t), n = e > 0 ? Math.floor(e) : Math.ceil(e), o = /* @__PURE__ */ new Date(+t);
-  o.setUTCHours(o.getUTCHours() - 1);
-  const l = -(/* @__PURE__ */ new Date(+t)).getTimezoneOffset(), d = -(/* @__PURE__ */ new Date(+o)).getTimezoneOffset(), f = l - d, g = Date.prototype.getHours.apply(t) !== t.internal.getUTCHours();
-  f && g && t.internal.setUTCMinutes(t.internal.getUTCMinutes() + f);
-  const b = l - n;
-  b && Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + b);
-  const S = /* @__PURE__ */ new Date(+t);
-  S.setUTCSeconds(0);
-  const _ = l > 0 ? S.getSeconds() : (S.getSeconds() - 60) % 60, C = Math.round(-(tzOffset(t.timeZone, t) * 60)) % 60;
-  (C || _) && (t.internal.setUTCSeconds(t.internal.getUTCSeconds() + C), Date.prototype.setUTCSeconds.call(t, Date.prototype.getUTCSeconds.call(t) + C + _));
-  const E = tzOffset(t.timeZone, t), R = E > 0 ? Math.floor(E) : Math.ceil(E), I = -(/* @__PURE__ */ new Date(+t)).getTimezoneOffset() - R, M = R !== n, V = I - b;
-  if (M && V) {
-    Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + V);
-    const j = tzOffset(t.timeZone, t), z = j > 0 ? Math.floor(j) : Math.ceil(j), Q = R - z;
-    Q && (t.internal.setUTCMinutes(t.internal.getUTCMinutes() + Q), Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + Q));
-  }
+function DayButton(t) {
+  const { day: e, modifiers: n, ...o } = t, l = React__default.useRef(null);
+  return React__default.useEffect(() => {
+    var d;
+    n.focused && ((d = l.current) == null || d.focus());
+  }, [n.focused]), React__default.createElement("button", { ref: l, ...o });
 }
-class TZDate extends TZDateMini {
-  //#region static
-  static tz(e, ...n) {
-    return n.length ? new TZDate(...n, e) : new TZDate(Date.now(), e);
-  }
-  //#endregion
-  //#region representation
-  toISOString() {
-    const [e, n, o] = this.tzComponents(), l = `${e}${n}:${o}`;
-    return this.internal.toISOString().slice(0, -1) + l;
-  }
-  toString() {
-    return `${this.toDateString()} ${this.toTimeString()}`;
-  }
-  toDateString() {
-    const [e, n, o, l] = this.internal.toUTCString().split(" ");
-    return `${e == null ? void 0 : e.slice(0, -1)} ${o} ${n} ${l}`;
-  }
-  toTimeString() {
-    const e = this.internal.toUTCString().split(" ")[4], [n, o, l] = this.tzComponents();
-    return `${e} GMT${n}${o}${l} (${tzName(this.timeZone, this)})`;
-  }
-  toLocaleString(e, n) {
-    return Date.prototype.toLocaleString.call(this, e, {
-      ...n,
-      timeZone: (n == null ? void 0 : n.timeZone) || this.timeZone
-    });
-  }
-  toLocaleDateString(e, n) {
-    return Date.prototype.toLocaleDateString.call(this, e, {
-      ...n,
-      timeZone: (n == null ? void 0 : n.timeZone) || this.timeZone
-    });
-  }
-  toLocaleTimeString(e, n) {
-    return Date.prototype.toLocaleTimeString.call(this, e, {
-      ...n,
-      timeZone: (n == null ? void 0 : n.timeZone) || this.timeZone
-    });
-  }
-  //#endregion
-  //#region private
-  tzComponents() {
-    const e = this.getTimezoneOffset(), n = e > 0 ? "-" : "+", o = String(Math.floor(Math.abs(e) / 60)).padStart(2, "0"), l = String(Math.abs(e) % 60).padStart(2, "0");
-    return [n, o, l];
-  }
-  //#endregion
-  withTimeZone(e) {
-    return new TZDate(+this, e);
-  }
-  //#region date-fns integration
-  [Symbol.for("constructDateFrom")](e) {
-    return new TZDate(+new Date(e), this.timeZone);
-  }
-  //#endregion
+var UI;
+(function(t) {
+  t.Root = "root", t.Chevron = "chevron", t.Day = "day", t.DayButton = "day_button", t.CaptionLabel = "caption_label", t.Dropdowns = "dropdowns", t.Dropdown = "dropdown", t.DropdownRoot = "dropdown_root", t.Footer = "footer", t.MonthGrid = "month_grid", t.MonthCaption = "month_caption", t.MonthsDropdown = "months_dropdown", t.Month = "month", t.Months = "months", t.Nav = "nav", t.NextMonthButton = "button_next", t.PreviousMonthButton = "button_previous", t.Week = "week", t.Weeks = "weeks", t.Weekday = "weekday", t.Weekdays = "weekdays", t.WeekNumber = "week_number", t.WeekNumberHeader = "week_number_header", t.YearsDropdown = "years_dropdown";
+})(UI || (UI = {}));
+var DayFlag;
+(function(t) {
+  t.disabled = "disabled", t.hidden = "hidden", t.outside = "outside", t.focused = "focused", t.today = "today";
+})(DayFlag || (DayFlag = {}));
+var SelectionState;
+(function(t) {
+  t.range_end = "range_end", t.range_middle = "range_middle", t.range_start = "range_start", t.selected = "selected";
+})(SelectionState || (SelectionState = {}));
+var Animation;
+(function(t) {
+  t.weeks_before_enter = "weeks_before_enter", t.weeks_before_exit = "weeks_before_exit", t.weeks_after_enter = "weeks_after_enter", t.weeks_after_exit = "weeks_after_exit", t.caption_after_enter = "caption_after_enter", t.caption_after_exit = "caption_after_exit", t.caption_before_enter = "caption_before_enter", t.caption_before_exit = "caption_before_exit";
+})(Animation || (Animation = {}));
+function Dropdown(t) {
+  const { options: e, className: n, components: o, classNames: l, ...d } = t, f = [l[UI.Dropdown], n].join(" "), g = e == null ? void 0 : e.find(({ value: b }) => b === d.value);
+  return React__default.createElement(
+    "span",
+    { "data-disabled": d.disabled, className: l[UI.DropdownRoot] },
+    React__default.createElement(o.Select, { className: f, ...d }, e == null ? void 0 : e.map(({ value: b, label: S, disabled: _ }) => React__default.createElement(o.Option, { key: b, value: b, disabled: _ }, S))),
+    React__default.createElement(
+      "span",
+      { className: l[UI.CaptionLabel], "aria-hidden": !0 },
+      g == null ? void 0 : g.label,
+      React__default.createElement(o.Chevron, { orientation: "down", size: 18, className: l[UI.Chevron] })
+    )
+  );
 }
-const FIVE_WEEKS = 5, FOUR_WEEKS = 4;
-function getBroadcastWeeksInMonth(t, e) {
-  const n = e.startOfMonth(t), o = n.getDay() > 0 ? n.getDay() : 7, l = e.addDays(t, -o + 1), d = e.addDays(l, FIVE_WEEKS * 7 - 1);
-  return e.getMonth(t) === e.getMonth(d) ? FIVE_WEEKS : FOUR_WEEKS;
+function DropdownNav(t) {
+  return React__default.createElement("div", { ...t });
 }
-function startOfBroadcastWeek(t, e) {
-  const n = e.startOfMonth(t), o = n.getDay();
-  return o === 1 ? n : o === 0 ? e.addDays(n, -6) : e.addDays(n, -1 * (o - 1));
+function Footer(t) {
+  return React__default.createElement("div", { ...t });
 }
-function endOfBroadcastWeek(t, e) {
-  const n = startOfBroadcastWeek(t, e), o = getBroadcastWeeksInMonth(t, e);
-  return e.addDays(n, o * 7 - 1);
-}
-class DateLib {
-  /**
-   * Creates an instance of `DateLib`.
-   *
-   * @param options Configuration options for the date library.
-   * @param overrides Custom overrides for the date library functions.
-   */
-  constructor(e, n) {
-    this.Date = Date, this.today = () => {
-      var o;
-      return (o = this.overrides) != null && o.today ? this.overrides.today() : this.options.timeZone ? TZDate.tz(this.options.timeZone) : new this.Date();
-    }, this.newDate = (o, l, d) => {
-      var f;
-      return (f = this.overrides) != null && f.newDate ? this.overrides.newDate(o, l, d) : this.options.timeZone ? new TZDate(o, l, d, this.options.timeZone) : new Date(o, l, d);
-    }, this.addDays = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.addDays ? this.overrides.addDays(o, l) : addDays(o, l);
-    }, this.addMonths = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.addMonths ? this.overrides.addMonths(o, l) : addMonths(o, l);
-    }, this.addWeeks = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.addWeeks ? this.overrides.addWeeks(o, l) : addWeeks(o, l);
-    }, this.addYears = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.addYears ? this.overrides.addYears(o, l) : addYears(o, l);
-    }, this.differenceInCalendarDays = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.differenceInCalendarDays ? this.overrides.differenceInCalendarDays(o, l) : differenceInCalendarDays(o, l);
-    }, this.differenceInCalendarMonths = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.differenceInCalendarMonths ? this.overrides.differenceInCalendarMonths(o, l) : differenceInCalendarMonths(o, l);
-    }, this.eachMonthOfInterval = (o) => {
-      var l;
-      return (l = this.overrides) != null && l.eachMonthOfInterval ? this.overrides.eachMonthOfInterval(o) : eachMonthOfInterval(o);
-    }, this.endOfBroadcastWeek = (o) => {
-      var l;
-      return (l = this.overrides) != null && l.endOfBroadcastWeek ? this.overrides.endOfBroadcastWeek(o) : endOfBroadcastWeek(o, this);
-    }, this.endOfISOWeek = (o) => {
-      var l;
-      return (l = this.overrides) != null && l.endOfISOWeek ? this.overrides.endOfISOWeek(o) : endOfISOWeek(o);
-    }, this.endOfMonth = (o) => {
-      var l;
-      return (l = this.overrides) != null && l.endOfMonth ? this.overrides.endOfMonth(o) : endOfMonth(o);
-    }, this.endOfWeek = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.endOfWeek ? this.overrides.endOfWeek(o, l) : endOfWeek(o, this.options);
-    }, this.endOfYear = (o) => {
-      var l;
-      return (l = this.overrides) != null && l.endOfYear ? this.overrides.endOfYear(o) : endOfYear(o);
-    }, this.format = (o, l, d) => {
-      var g;
-      const f = (g = this.overrides) != null && g.format ? this.overrides.format(o, l, this.options) : format(o, l, this.options);
-      return this.options.numerals && this.options.numerals !== "latn" ? this.replaceDigits(f) : f;
-    }, this.getISOWeek = (o) => {
-      var l;
-      return (l = this.overrides) != null && l.getISOWeek ? this.overrides.getISOWeek(o) : getISOWeek(o);
-    }, this.getMonth = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.getMonth ? this.overrides.getMonth(o, this.options) : getMonth(o, this.options);
-    }, this.getYear = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.getYear ? this.overrides.getYear(o, this.options) : getYear(o, this.options);
-    }, this.getWeek = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.getWeek ? this.overrides.getWeek(o, this.options) : getWeek(o, this.options);
-    }, this.isAfter = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.isAfter ? this.overrides.isAfter(o, l) : isAfter(o, l);
-    }, this.isBefore = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.isBefore ? this.overrides.isBefore(o, l) : isBefore(o, l);
-    }, this.isDate = (o) => {
-      var l;
-      return (l = this.overrides) != null && l.isDate ? this.overrides.isDate(o) : isDate(o);
-    }, this.isSameDay = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.isSameDay ? this.overrides.isSameDay(o, l) : isSameDay(o, l);
-    }, this.isSameMonth = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.isSameMonth ? this.overrides.isSameMonth(o, l) : isSameMonth(o, l);
-    }, this.isSameYear = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.isSameYear ? this.overrides.isSameYear(o, l) : isSameYear(o, l);
-    }, this.max = (o) => {
-      var l;
-      return (l = this.overrides) != null && l.max ? this.overrides.max(o) : max$1(o);
-    }, this.min = (o) => {
-      var l;
-      return (l = this.overrides) != null && l.min ? this.overrides.min(o) : min$1(o);
-    }, this.setMonth = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.setMonth ? this.overrides.setMonth(o, l) : setMonth(o, l);
-    }, this.setYear = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.setYear ? this.overrides.setYear(o, l) : setYear(o, l);
-    }, this.startOfBroadcastWeek = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.startOfBroadcastWeek ? this.overrides.startOfBroadcastWeek(o, this) : startOfBroadcastWeek(o, this);
-    }, this.startOfDay = (o) => {
-      var l;
-      return (l = this.overrides) != null && l.startOfDay ? this.overrides.startOfDay(o) : startOfDay(o);
-    }, this.startOfISOWeek = (o) => {
-      var l;
-      return (l = this.overrides) != null && l.startOfISOWeek ? this.overrides.startOfISOWeek(o) : startOfISOWeek(o);
-    }, this.startOfMonth = (o) => {
-      var l;
-      return (l = this.overrides) != null && l.startOfMonth ? this.overrides.startOfMonth(o) : startOfMonth(o);
-    }, this.startOfWeek = (o, l) => {
-      var d;
-      return (d = this.overrides) != null && d.startOfWeek ? this.overrides.startOfWeek(o, this.options) : startOfWeek(o, this.options);
-    }, this.startOfYear = (o) => {
-      var l;
-      return (l = this.overrides) != null && l.startOfYear ? this.overrides.startOfYear(o) : startOfYear(o);
-    }, this.options = { locale: enUS, ...e }, this.overrides = n;
-  }
-  /**
-   * Generates a mapping of Arabic digits (0-9) to the target numbering system
-   * digits.
-   *
-   * @since 9.5.0
-   * @returns A record mapping Arabic digits to the target numerals.
-   */
-  getDigitMap() {
-    const { numerals: e = "latn" } = this.options, n = new Intl.NumberFormat("en-US", {
-      numberingSystem: e
-    }), o = {};
-    for (let l = 0; l < 10; l++)
-      o[l.toString()] = n.format(l);
-    return o;
-  }
-  /**
-   * Replaces Arabic digits in a string with the target numbering system digits.
-   *
-   * @since 9.5.0
-   * @param input The string containing Arabic digits.
-   * @returns The string with digits replaced.
-   */
-  replaceDigits(e) {
-    const n = this.getDigitMap();
-    return e.replace(/\d/g, (o) => n[o] || o);
-  }
-  /**
-   * Formats a number using the configured numbering system.
-   *
-   * @since 9.5.0
-   * @param value The number to format.
-   * @returns The formatted number as a string.
-   */
-  formatNumber(e) {
-    return this.replaceDigits(e.toString());
-  }
-  /**
-   * Returns the preferred ordering for month and year labels for the current
-   * locale.
-   */
-  getMonthYearOrder() {
-    var n;
-    const e = (n = this.options.locale) == null ? void 0 : n.code;
-    return e && DateLib.yearFirstLocales.has(e) ? "year-first" : "month-first";
-  }
-  /**
-   * Formats the month/year pair respecting locale conventions.
-   *
-   * @since 9.11.0
-   */
-  formatMonthYear(e) {
-    const { locale: n, timeZone: o, numerals: l } = this.options, d = n == null ? void 0 : n.code;
-    if (d && DateLib.yearFirstLocales.has(d))
-      try {
-        return new Intl.DateTimeFormat(d, {
-          month: "long",
-          year: "numeric",
-          timeZone: o,
-          numberingSystem: l
-        }).format(e);
-      } catch {
-      }
-    const f = this.getMonthYearOrder() === "year-first" ? "y LLLL" : "LLLL y";
-    return this.format(e, f);
-  }
-}
-DateLib.yearFirstLocales = /* @__PURE__ */ new Set([
-  "eu",
-  "hu",
-  "ja",
-  "ja-Hira",
-  "ja-JP",
-  "ko",
-  "ko-KR",
-  "lt",
-  "lt-LT",
-  "lv",
-  "lv-LV",
-  "mn",
-  "mn-MN",
-  "zh",
-  "zh-CN",
-  "zh-HK",
-  "zh-TW"
-]);
-const defaultDateLib = new DateLib();
-class CalendarDay {
-  constructor(e, n, o = defaultDateLib) {
-    this.date = e, this.displayMonth = n, this.outside = !!(n && !o.isSameMonth(e, n)), this.dateLib = o;
-  }
-  /**
-   * Checks if this day is equal to another `CalendarDay`, considering both the
-   * date and the displayed month.
-   *
-   * @param day The `CalendarDay` to compare with.
-   * @returns `true` if the days are equal, otherwise `false`.
-   */
-  isEqualTo(e) {
-    return this.dateLib.isSameDay(e.date, this.date) && this.dateLib.isSameMonth(e.displayMonth, this.displayMonth);
-  }
-}
-class CalendarMonth {
-  constructor(e, n) {
-    this.date = e, this.weeks = n;
-  }
-}
-class CalendarWeek {
-  constructor(e, n) {
-    this.days = n, this.weekNumber = e;
-  }
-}
-function Button(t) {
-  return React__default.createElement("button", { ...t });
-}
-function CaptionLabel(t) {
-  return React__default.createElement("span", { ...t });
-}
-function Chevron(t) {
-  const { size: e = 24, orientation: n = "left", className: o } = t;
-  return (
-    // biome-ignore lint/a11y/noSvgWithoutTitle: handled by the parent component
-    React__default.createElement(
-      "svg",
-      { className: o, width: e, height: e, viewBox: "0 0 24 24" },
-      n === "up" && React__default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
-      n === "down" && React__default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
-      n === "left" && React__default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-      n === "right" && React__default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
-    )
-  );
-}
-function Day(t) {
-  const { day: e, modifiers: n, ...o } = t;
-  return React__default.createElement("td", { ...o });
-}
-function DayButton(t) {
-  const { day: e, modifiers: n, ...o } = t, l = React__default.useRef(null);
-  return React__default.useEffect(() => {
-    var d;
-    n.focused && ((d = l.current) == null || d.focus());
-  }, [n.focused]), React__default.createElement("button", { ref: l, ...o });
-}
-var UI;
-(function(t) {
-  t.Root = "root", t.Chevron = "chevron", t.Day = "day", t.DayButton = "day_button", t.CaptionLabel = "caption_label", t.Dropdowns = "dropdowns", t.Dropdown = "dropdown", t.DropdownRoot = "dropdown_root", t.Footer = "footer", t.MonthGrid = "month_grid", t.MonthCaption = "month_caption", t.MonthsDropdown = "months_dropdown", t.Month = "month", t.Months = "months", t.Nav = "nav", t.NextMonthButton = "button_next", t.PreviousMonthButton = "button_previous", t.Week = "week", t.Weeks = "weeks", t.Weekday = "weekday", t.Weekdays = "weekdays", t.WeekNumber = "week_number", t.WeekNumberHeader = "week_number_header", t.YearsDropdown = "years_dropdown";
-})(UI || (UI = {}));
-var DayFlag;
-(function(t) {
-  t.disabled = "disabled", t.hidden = "hidden", t.outside = "outside", t.focused = "focused", t.today = "today";
-})(DayFlag || (DayFlag = {}));
-var SelectionState;
-(function(t) {
-  t.range_end = "range_end", t.range_middle = "range_middle", t.range_start = "range_start", t.selected = "selected";
-})(SelectionState || (SelectionState = {}));
-var Animation;
-(function(t) {
-  t.weeks_before_enter = "weeks_before_enter", t.weeks_before_exit = "weeks_before_exit", t.weeks_after_enter = "weeks_after_enter", t.weeks_after_exit = "weeks_after_exit", t.caption_after_enter = "caption_after_enter", t.caption_after_exit = "caption_after_exit", t.caption_before_enter = "caption_before_enter", t.caption_before_exit = "caption_before_exit";
-})(Animation || (Animation = {}));
-function Dropdown(t) {
-  const { options: e, className: n, components: o, classNames: l, ...d } = t, f = [l[UI.Dropdown], n].join(" "), g = e == null ? void 0 : e.find(({ value: b }) => b === d.value);
-  return React__default.createElement(
-    "span",
-    { "data-disabled": d.disabled, className: l[UI.DropdownRoot] },
-    React__default.createElement(o.Select, { className: f, ...d }, e == null ? void 0 : e.map(({ value: b, label: S, disabled: _ }) => React__default.createElement(o.Option, { key: b, value: b, disabled: _ }, S))),
-    React__default.createElement(
-      "span",
-      { className: l[UI.CaptionLabel], "aria-hidden": !0 },
-      g == null ? void 0 : g.label,
-      React__default.createElement(o.Chevron, { orientation: "down", size: 18, className: l[UI.Chevron] })
-    )
-  );
-}
-function DropdownNav(t) {
-  return React__default.createElement("div", { ...t });
-}
-function Footer(t) {
-  return React__default.createElement("div", { ...t });
-}
-function Month(t) {
-  const { calendarMonth: e, displayIndex: n, ...o } = t;
-  return React__default.createElement("div", { ...o }, t.children);
+function Month(t) {
+  const { calendarMonth: e, displayIndex: n, ...o } = t;
+  return React__default.createElement("div", { ...o }, t.children);
 }
 function MonthCaption(t) {
   const { calendarMonth: e, displayIndex: n, ...o } = t;
@@ -98286,128 +97196,1220 @@ function Calendar({
             className: cn("size-4", S),
             ...C
           }
-        ) : /* @__PURE__ */ jsx(ChevronDown, { className: cn("size-4", S), ...C }),
-        DayButton: CalendarDayButton,
-        WeekNumber: ({ children: S, ..._ }) => /* @__PURE__ */ jsx("td", { ..._, children: /* @__PURE__ */ jsx("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children: S }) }),
-        ...f
-      },
-      ...g
+        ) : /* @__PURE__ */ jsx(ChevronDown, { className: cn("size-4", S), ...C }),
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children: S, ..._ }) => /* @__PURE__ */ jsx("td", { ..._, children: /* @__PURE__ */ jsx("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children: S }) }),
+        ...f
+      },
+      ...g
+    }
+  );
+}
+function CalendarDayButton({
+  className: t,
+  day: e,
+  modifiers: n,
+  ...o
+}) {
+  const l = getDefaultClassNames(), d = React.useRef(null);
+  return React.useEffect(() => {
+    var f;
+    n.focused && ((f = d.current) == null || f.focus());
+  }, [n.focused]), /* @__PURE__ */ jsx(
+    Button$1,
+    {
+      ref: d,
+      variant: "ghost",
+      size: "icon",
+      "data-day": e.date.toLocaleDateString(),
+      "data-selected-single": n.selected && !n.range_start && !n.range_end && !n.range_middle,
+      "data-range-start": n.range_start,
+      "data-range-end": n.range_end,
+      "data-range-middle": n.range_middle,
+      className: cn(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
+        l.day,
+        t
+      ),
+      ...o
+    }
+  );
+}
+function AssistantChat(t) {
+  return /* @__PURE__ */ jsx(Card, { className: "max-w-6xl", children: /* @__PURE__ */ jsx(AIChatLayout, { className: "h-[40em]", userId: t.userId, userName: t.userName, initialPrompt: t.initialPrompt }) });
+}
+function formatDateToISO(t) {
+  if (!t || !isValidDate(t))
+    return "";
+  const e = t.getTimezoneOffset() * 6e4;
+  return new Date(t.getTime() - e).toISOString().split("T")[0];
+}
+function isValidDate(t) {
+  return t instanceof Date && !isNaN(t.getTime());
+}
+function DatePicker({
+  date: t,
+  onDateChange: e,
+  label: n,
+  id: o,
+  className: l
+}) {
+  const [d, f] = React.useState(!1), [g, b] = React.useState(t), [S, _] = React.useState(formatDateToISO(t));
+  React.useEffect(() => {
+    _(formatDateToISO(t)), isValidDate(t) && b(t);
+  }, [t]);
+  const C = (R) => {
+    const I = R.target.value.replace(/\D/g, "").slice(0, 8);
+    let M = I;
+    if (I.length > 4 && (M = `${I.slice(0, 4)}-${I.slice(4)}`), I.length > 6 && (M = `${I.slice(0, 4)}-${I.slice(4, 6)}-${I.slice(6)}`), _(M), I.length === 8) {
+      const V = new Date(M), j = new Date(V.getUTCFullYear(), V.getUTCMonth(), V.getUTCDate());
+      isValidDate(j) ? (e(j), b(j)) : e(void 0);
+    } else
+      e(void 0);
+  }, E = (R) => {
+    R && (e(R), _(formatDateToISO(R))), f(!1);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", l), children: [
+    n && /* @__PURE__ */ jsx(Label$2, { htmlFor: o, children: n }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: o,
+          value: S,
+          placeholder: "YYYY-MM-DD",
+          className: "bg-background pr-10",
+          onChange: C,
+          onKeyDown: (R) => {
+            R.key === "ArrowDown" && (R.preventDefault(), f(!0));
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs(Popover, { open: d, onOpenChange: f, children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
+          Button$1,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "absolute right-1 top-1/2 h-7 w-7 -translate-y-1/2",
+            "aria-label": "Select date",
+            children: /* @__PURE__ */ jsx(Calendar$1, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          PopoverContent,
+          {
+            className: "w-auto min-w-[280px] p-0",
+            align: "end",
+            sideOffset: 8,
+            children: /* @__PURE__ */ jsx(
+              Calendar,
+              {
+                mode: "single",
+                selected: t,
+                onSelect: E,
+                month: g,
+                onMonthChange: b,
+                initialFocus: !0,
+                className: "w-full"
+              }
+            )
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ExternalProductCard({
+  product: t,
+  viewProductLink: e
+}) {
+  return t ? /* @__PURE__ */ jsx(Card, { className: "@container border-dashed border-2 hover:shadow-md transition-shadow h-full", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6 flex flex-col h-full", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-4 @[36rem]:hidden", children: [
+      /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg pr-4 text-center w-full", children: t.Title || t.RandmarTitle }),
+      /* @__PURE__ */ jsx("div", { className: "w-24 h-10 flex-shrink-0", children: /* @__PURE__ */ jsx(
+        PartnerLogo,
+        {
+          id: t.ManufacturerId,
+          name: t.ManufacturerName,
+          width: 96,
+          height: 40
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-x-6 gap-y-4 flex-grow @[36rem]:flex-row", children: [
+      /* @__PURE__ */ jsx("div", { className: "mx-auto flex-shrink-0 @[36rem]:mx-0 @[36rem]:w-48", children: /* @__PURE__ */ jsx(
+        ProductImage,
+        {
+          randmarSKU: t.RandmarSKU || "",
+          alt: t.RandmarTitle || ""
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col text-center @[36rem]:text-left", children: [
+        /* @__PURE__ */ jsxs("div", { className: "hidden @[36rem]:flex justify-between items-start mb-4", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg pr-4", children: t.Title || t.RandmarTitle }),
+          /* @__PURE__ */ jsx("div", { className: "w-24 h-10 flex-shrink-0", children: /* @__PURE__ */ jsx(
+            PartnerLogo,
+            {
+              id: t.ManufacturerId,
+              name: t.ManufacturerName,
+              width: 96,
+              height: 40
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 justify-center @[36rem]:hidden", children: [
+          /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: "border-orange-300 bg-orange-50 text-orange-800",
+              children: [
+                /* @__PURE__ */ jsx(Telescope, { className: "mr-2 h-3 w-3" }),
+                /* @__PURE__ */ jsx("span", { children: "External Product" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: "border-randmar-red bg-red-50 text-randmar-red",
+              children: [
+                /* @__PURE__ */ jsx(Warehouse, { className: "mr-2 h-3 w-3" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "Held by ",
+                  /* @__PURE__ */ jsx("b", { children: "Randmar" })
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "hidden @[36rem]:grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center rounded-md bg-orange-50 px-4 py-2 text-orange-800 border-1 border-orange-800 text-sm", children: [
+            /* @__PURE__ */ jsx(Telescope, { className: "mr-2 h-5 w-5 flex-shrink-0" }),
+            /* @__PURE__ */ jsx("span", { children: "External Product" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center rounded-md bg-red-50 px-4 py-2 text-randmar-red border-1 border-randmar-red text-sm", children: [
+            /* @__PURE__ */ jsx(Warehouse, { className: "mr-2 h-5 w-5 flex-shrink-0" }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              "Held by ",
+              /* @__PURE__ */ jsx("b", { children: "Randmar" })
+            ] })
+          ] })
+        ] }),
+        e && /* @__PURE__ */ jsx("div", { className: "mt-auto pt-4 flex justify-center @[36rem]:justify-end", children: /* @__PURE__ */ jsx(Link, { to: e, children: /* @__PURE__ */ jsxs(Button$1, { variant: "secondary", className: "w-full @[36rem]:w-auto", children: [
+          /* @__PURE__ */ jsx(Eye, { className: "mr-2 h-4 w-4" }),
+          "View Product"
+        ] }) }) })
+      ] })
+    ] })
+  ] }) }) : /* @__PURE__ */ jsx(Card, { className: "@container border-dashed border-2 h-full", children: /* @__PURE__ */ jsx(CardContent, { className: "p-6 flex flex-col h-full", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 flex-grow @[36rem]:flex-row", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 @[36rem]:w-48", children: /* @__PURE__ */ jsx(Skeleton, { className: "aspect-square w-full h-auto" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-1/2" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 justify-center @[36rem]:hidden", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-36 rounded-full" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-36 rounded-full" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "hidden @[36rem]:grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-md" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-md" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-auto pt-4 flex justify-center @[36rem]:justify-end", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full @[36rem]:w-40" }) })
+    ] })
+  ] }) }) });
+}
+function getEndDateStatus(t) {
+  if (!t) return { text: "No End Date", variant: "neutral", daysRemaining: null };
+  const e = new Date(t);
+  if (isNaN(e.getTime()))
+    return { text: "Invalid Date", variant: "neutral", daysRemaining: null };
+  const n = /* @__PURE__ */ new Date(), o = new Date(e.getFullYear(), e.getMonth(), e.getDate()), l = new Date(n.getFullYear(), n.getMonth(), n.getDate()), d = o.getTime() - l.getTime(), f = Math.ceil(d / (1e3 * 60 * 60 * 24));
+  return f < 0 ? { text: `Ended ${Math.abs(f)}d ago`, variant: "destructive", daysRemaining: f } : f === 0 ? { text: "Ends today", variant: "destructive", daysRemaining: f } : f <= 7 ? { text: `Ends in ${f}d`, variant: "destructive", daysRemaining: f } : f <= 30 ? { text: `Ends in ${f}d`, variant: "warning", daysRemaining: f } : { text: `Ends in ${f}d`, variant: "neutral", daysRemaining: f };
+}
+const formatDate = (t) => {
+  if (!t) return "N/A";
+  try {
+    const e = new Date(t);
+    return isNaN(e.getTime()) ? "Invalid Date" : e.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
+  } catch {
+    return "Invalid Date";
+  }
+};
+function OpportunitiesTable({
+  applicationId: t,
+  opportunities: e = null,
+  loading: n = !1
+}) {
+  var te;
+  const { toast: o } = useToast(), [l, d] = useState({}), [f, g] = useState(!1), [b, S] = useState(""), [_, C] = useState(null), {
+    data: E
+  } = useGetV4PartnerByApplicationIdAccountQuery({
+    applicationId: t
+  }, {
+    skip: !t
+  }), R = useCallback((ne, ae, $e) => {
+    d((Ne) => ({
+      ...Ne,
+      [ne]: {
+        ...Ne[ne],
+        [ae]: $e
+      }
+    }));
+  }, []), [A] = usePutV4ResellerByRouteResellerIdOpportunityAndManufacturerIdDefaultMutation(), I = useCallback(async (ne) => {
+    if (!(E != null && E.IsReseller)) return;
+    if (!ne.BidNumber) {
+      o({ title: "Error", description: "Bid Number is missing, cannot set default.", variant: "destructive" });
+      return;
+    }
+    const ae = ne.BidNumber;
+    R(ae, "isSettingDefault", !0), A({
+      routeResellerId: t,
+      manufacturerId: ne.ManufacturerId ?? "",
+      opportunityNumber: ae
+    }).unwrap().then(() => {
+      o({
+        title: "Success",
+        description: `Opportunity "${ne.OpportunityName || ne.Opportunity || ae}" was successfully set as default.`,
+        variant: "success"
+      });
+    }).catch(($e) => {
+      var Ne;
+      console.error("Set as default error:", $e), o({
+        title: "Error",
+        description: ((Ne = $e.data) == null ? void 0 : Ne.message) || $e.message || "An error occurred while setting this opportunity as default.",
+        variant: "destructive"
+      });
+    }).finally(() => {
+      R(ae, "isSettingDefault", !1);
+    });
+  }, [t, A, o, R, E == null ? void 0 : E.IsReseller]), [M] = usePostV4ResellerByRouteResellerIdOpportunityAndManufacturerIdBidNumberEmailMutation(), V = useCallback((ne) => {
+    if (E != null && E.IsReseller) {
+      if (!ne.BidNumber) {
+        o({ title: "Error", description: "Bid Number is missing, cannot prepare report.", variant: "destructive" });
+        return;
+      }
+      C(ne), S(""), g(!0);
+    }
+  }, [o, E == null ? void 0 : E.IsReseller]), j = useCallback(async () => {
+    if (!(E != null && E.IsReseller)) return;
+    if (!_ || !_.BidNumber) {
+      o({ title: "Error", description: "No opportunity selected or Bid Number is missing.", variant: "destructive" });
+      return;
+    }
+    if (!b.trim() || !/\S+@\S+\.\S+/.test(b)) {
+      o({ title: "Validation Error", description: "Please enter a valid email address.", variant: "destructive" });
+      return;
+    }
+    const ne = _.BidNumber;
+    R(ne, "isSendingReport", !0), M({
+      routeResellerId: t,
+      manufacturerId: _.ManufacturerId ?? "",
+      bidNumber: ne,
+      emailAddress: b
+    }).unwrap().then(() => {
+      o({
+        title: "Success",
+        description: `A report for "${_.OpportunityName || _.Opportunity || ne}" was successfully sent to ${b}.`,
+        variant: "success"
+      }), g(!1);
+    }).catch((ae) => {
+      var $e;
+      console.error("Send report by email error:", ae), o({
+        title: "Error",
+        description: (($e = ae.data) == null ? void 0 : $e.message) || ae.message || "An error occurred while sending the report by email.",
+        variant: "destructive"
+      });
+    }).finally(() => {
+      R(ne, "isSendingReport", !1), f || (C(null), S(""));
+    });
+  }, [_, b, t, M, o, R, g]), z = useMemo(
+    () => [
+      {
+        accessorKey: "ManufacturerId",
+        header: "Manuf.",
+        cell: ({ row: ne }) => /* @__PURE__ */ jsx("div", { className: "w-20 h-8", children: /* @__PURE__ */ jsx(
+          PartnerLogo,
+          {
+            id: ne.original.ManufacturerId,
+            width: 80,
+            height: 32
+          }
+        ) }),
+        enableSorting: !0,
+        enableFiltering: !0
+      },
+      {
+        id: "opportunityDisplay",
+        accessorFn: (ne) => ne.OpportunityName || ne.Opportunity,
+        header: "Opportunity",
+        cell: ({ getValue: ne }) => /* @__PURE__ */ jsx("div", { className: "min-w-[150px]", children: ne() ?? "N/A" }),
+        enableSorting: !0,
+        enableFiltering: !0
+      },
+      {
+        accessorKey: "BidNumber",
+        header: "Bid Number",
+        cell: ({ row: ne }) => ne.original.BidNumber ?? "N/A",
+        enableSorting: !0,
+        enableFiltering: !0
+      },
+      {
+        id: "statusInfo",
+        header: "Status",
+        cell: ({ row: ne }) => {
+          const ae = ne.original, $e = ae.Active === !0, Ne = getEndDateStatus(ae.EndDate);
+          let oe = "border-gray-400 bg-gray-100 text-gray-600 dark:border-gray-600 dark:bg-gray-800/50 dark:text-gray-400";
+          return Ne.variant === "destructive" ? oe = "border-red-500 bg-red-100 text-red-700 dark:border-red-600 dark:bg-red-900/50 dark:text-red-400" : Ne.variant === "warning" && (oe = "border-yellow-500 bg-yellow-100 text-yellow-700 dark:border-yellow-600 dark:bg-yellow-900/50 dark:text-yellow-400"), /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 min-w-[200px]", children: [
+            /* @__PURE__ */ jsx(Badge, { variant: "outline", className: $e ? "border-green-500 bg-green-100 text-green-700 dark:border-green-600 dark:bg-green-900/50 dark:text-green-400 font-medium" : "border-gray-400 bg-gray-100 text-gray-600 dark:border-gray-600 dark:bg-gray-800/50 dark:text-gray-400 font-medium", children: $e ? "Active" : "Inactive" }),
+            ae.EndDate && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: `${oe} font-medium`, children: Ne.text }),
+            /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 100, children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button$1, { variant: "ghost", size: "icon", className: "h-6 w-6 p-0 data-[state=delayed-open]:bg-accent data-[state=instant-open]:bg-accent", children: /* @__PURE__ */ jsx(Info, { className: "h-4 w-4 text-muted-foreground" }) }) }),
+              /* @__PURE__ */ jsx(TooltipContent, { side: "top", align: "center", className: "bg-popover text-popover-foreground p-2 rounded shadow-lg", children: /* @__PURE__ */ jsxs("div", { className: "text-sm space-y-1", children: [
+                /* @__PURE__ */ jsxs("p", { children: [
+                  /* @__PURE__ */ jsx("strong", { children: "Start:" }),
+                  " ",
+                  formatDate(ae.StartDate)
+                ] }),
+                /* @__PURE__ */ jsxs("p", { children: [
+                  /* @__PURE__ */ jsx("strong", { children: "End:" }),
+                  " ",
+                  formatDate(ae.EndDate)
+                ] }),
+                /* @__PURE__ */ jsxs("p", { children: [
+                  /* @__PURE__ */ jsx("strong", { children: "Updated:" }),
+                  " ",
+                  formatDate(ae.LastUpdate)
+                ] })
+              ] }) })
+            ] }) })
+          ] });
+        },
+        enableFiltering: !1
+      },
+      {
+        id: "actions",
+        header: "Actions",
+        cell: ({ row: ne }) => {
+          var Oe, je;
+          const ae = ne.original;
+          if (!ae.BidNumber)
+            return /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Actions unavailable" });
+          const $e = ae.BidNumber, Ne = (Oe = l[$e]) == null ? void 0 : Oe.isSettingDefault, oe = (_ == null ? void 0 : _.BidNumber) === $e && ((je = l[$e]) == null ? void 0 : je.isSendingReport), Ae = Ne || oe, ge = ae.CanBeSetAsDefault === !0, Ve = E != null && E.IsManufacturer ? `/${t}/Opportunity/${ae.BidNumber}` : `/${t}/Opportunity/${ae.ManufacturerId}/${ae.BidNumber}`;
+          return /* @__PURE__ */ jsxs("div", { className: "flex space-x-2", children: [
+            /* @__PURE__ */ jsx(Link, { to: Ve, children: /* @__PURE__ */ jsxs(Button$1, { variant: "outline", size: "sm", className: "flex items-center", children: [
+              /* @__PURE__ */ jsx(Star, { className: "mr-2 h-4 w-4" }),
+              " View"
+            ] }) }),
+            (E == null ? void 0 : E.IsReseller) && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              /* @__PURE__ */ jsxs(Button$1, { variant: "outline", size: "sm", onClick: () => I(ae), disabled: Ae || !ge, title: ge ? "Set as default" : "This opportunity cannot be set as default", className: "flex items-center", children: [
+                Ne ? /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Star, { className: "mr-2 h-4 w-4" }),
+                " Set Default"
+              ] }),
+              /* @__PURE__ */ jsxs(Button$1, { variant: "outline", size: "sm", onClick: () => V(ae), disabled: Ae, title: "Send report by email", className: "flex items-center", children: [
+                oe ? /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Send, { className: "mr-2 h-4 w-4" }),
+                " Send Report"
+              ] })
+            ] })
+          ] });
+        }
+      }
+    ],
+    [
+      l,
+      I,
+      V,
+      _,
+      E == null ? void 0 : E.IsReseller,
+      t
+    ]
+  ), Q = useMemo(() => {
+    const ne = {};
+    if (e) {
+      const ae = Array.from(
+        new Set(e.map((Ne) => Ne.ManufacturerId).filter((Ne) => Ne != null))
+      );
+      ne.ManufacturerId = ae;
+      const $e = Array.from(
+        new Set(e.map((Ne) => Ne.OpportunityName || Ne.Opportunity).filter((Ne) => Ne != null))
+      );
+      ne.opportunityDisplay = $e;
+    }
+    return ne;
+  }, [e]), O = e || [], F = _ != null && _.BidNumber ? (te = l[_.BidNumber]) == null ? void 0 : te.isSendingReport : !1;
+  return n ? /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      " ",
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-48" }),
+      " "
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full rounded-md border" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-48 w-full rounded-md border" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-4", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-[130px]" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-20" }),
+          " ",
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" }),
+          " ",
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9" }),
+          " ",
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9" })
+        ] })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
+      /* @__PURE__ */ jsxs(CardHeader, { children: [
+        " ",
+        /* @__PURE__ */ jsx(CardTitle, { className: "text-1xl font-bold", children: "Opportunities" }),
+        " "
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(DataTable, { columns: z, data: O, uniqueValues: Q }) })
+    ] }),
+    /* @__PURE__ */ jsx(Dialog, { open: f, onOpenChange: (ne) => {
+      g(ne), ne || (C(null), S(""));
+    }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "@sm:max-w-[425px]", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: "Send Opportunity Report" }),
+        /* @__PURE__ */ jsxs(DialogDescription, { children: [
+          "Enter the email address to send the report for opportunity: ",
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx("span", { className: "font-semibold", children: (_ == null ? void 0 : _.OpportunityName) || (_ == null ? void 0 : _.Opportunity) || "N/A" }),
+          (_ == null ? void 0 : _.BidNumber) && /* @__PURE__ */ jsxs("span", { className: "block text-sm text-muted-foreground", children: [
+            "Bid Number: ",
+            _.BidNumber
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 items-center gap-4", children: [
+        /* @__PURE__ */ jsx(Label$2, { htmlFor: "email", className: "text-right", children: "Email" }),
+        /* @__PURE__ */ jsx(Input, { id: "email", type: "email", value: b, onChange: (ne) => S(ne.target.value), placeholder: "recipient@example.com", className: "col-span-3", disabled: F })
+      ] }) }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button$1, { variant: "outline", onClick: () => g(!1), disabled: F, children: "Cancel" }),
+        /* @__PURE__ */ jsxs(Button$1, { type: "submit", onClick: j, disabled: F, children: [
+          F && /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
+          " Send Report"
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+function useLoadScript(t) {
+  const [e, n] = useState(!0), [o, l] = useState(null), [d, f] = useState(!1), g = () => {
+    n(!1), f(!0);
+  };
+  return useEffect(() => {
+    if (!document) {
+      const C = new Error(`[ScriptLoadingError] document not defined when attempting to load ${t}`);
+      l(C);
+      return;
+    }
+    const b = document.querySelector(`script[src="${t}"]`);
+    if (b != null && b.dataset.loaded) {
+      g();
+      return;
+    }
+    const S = b || document.createElement("script");
+    b || (S.src = t);
+    const _ = () => {
+      S.dataset.loaded = "1", g();
+    };
+    S.addEventListener("load", _), S.addEventListener("error", (C) => {
+      console.error("Failed to load script:", t, C);
+      const E = new Error(`[ScriptLoadingError] Failed to load script: ${t}`);
+      l(E);
+    }), b || document.head.append(S);
+  }, []), {
+    isLoading: e,
+    error: o,
+    isSuccess: d
+  };
+}
+const isGoogleReady = (t) => t && t.charts, isGoogleChartsReady = (t, e) => {
+  const { controls: n, toolbarItems: o, getChartEditor: l } = t;
+  return e && e.charts && e.visualization && e.visualization.ChartWrapper && e.visualization.Dashboard && (!n || e.visualization.ChartWrapper) && (!l || e.visualization.ChartEditor) && (!o || e.visualization.drawToolbar);
+}, getGoogleInstanceFromWindow = (t) => window.google;
+function useLoadGoogleCharts(t) {
+  const { chartVersion: e = "current", chartPackages: n = [
+    "corechart",
+    "controls"
+  ], chartLanguage: o = "en", mapsApiKey: l } = t, [d, f] = useState(null), [g, b] = useState(null), [S, _] = useState(null), { isLoading: C, error: E, isSuccess: R } = useLoadScript(t.chartLoaderScriptUrl || "https://www.gstatic.com/charts/loader.js");
+  return useEffect(() => {
+    if (!R)
+      return;
+    const A = getGoogleInstanceFromWindow();
+    if (!isGoogleReady(A)) {
+      const I = new Error("[ScriptInitializationError] Script loaded but Google not attached to window.");
+      b(I);
+      return;
+    }
+    if (isGoogleChartsReady(t, A)) {
+      f(A);
+      return;
+    }
+    A.charts.load(e, {
+      packages: n,
+      language: o,
+      mapsApiKey: l
+    }), A.charts.setOnLoadCallback(() => {
+      if (!isGoogleChartsReady(t, A)) {
+        const I = new Error("[GoogleChartsInitializationError] Google Charts not ready after load callback.");
+        console.error(I), _(I);
+        return;
+      }
+      f(A);
+    });
+  }, [
+    R
+  ]), {
+    error: E || g || S,
+    isLoading: C,
+    google: d
+  };
+}
+const chartDefaultProps = {
+  // <DEPRECATED_PROPS>
+  legend_toggle: !1,
+  // </DEPRECATED_PROPS>
+  options: {},
+  legendToggle: !1,
+  getChartWrapper: () => {
+  },
+  spreadSheetQueryParameters: {
+    headers: 1,
+    gid: 1
+  },
+  rootProps: {},
+  chartWrapperParams: {},
+  chartLoaderScriptUrl: "https://www.gstatic.com/charts/loader.js"
+}, GoogleChartControls = (t) => {
+  const { isReady: e, chartControls: n, filter: o } = t;
+  return !e || !n || !(n != null && n.length) ? null : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, n.filter((l) => {
+    let { controlProp: d, control: f } = l;
+    return o ? o({
+      control: f,
+      controlProp: d
+    }) : !0;
+  }).map((l) => {
+    let { control: d } = l;
+    return /* @__PURE__ */ React__default.createElement("div", {
+      key: d.getContainerId(),
+      id: d.getContainerId()
+    });
+  }));
+};
+let uniqueID = 0;
+const generateUniqueID = () => (uniqueID += 1, `reactgooglegraph-${uniqueID}`), Vr = class Vr {
+};
+/**
+* Initialize the controls once chart is ready
+*/
+er(Vr, "initializeControls", (e) => {
+  for (let n = 0; n < e.length; n += 1) {
+    const { controlType: o, options: l, controlWrapperParams: d } = e[n].controlProp;
+    d && "state" in d && e[n].control.setState(d.state), e[n].control.setOptions(l), e[n].control.setControlType(o);
+  }
+}), /**
+* listen to the control events (ready, statechange, error) specified in the controlEvents prop
+*/
+er(Vr, "listenToControlEvents", (e, n) => {
+  const { google: o } = n;
+  return e.flatMap((l) => {
+    const { control: d, controlProp: f } = l, { controlEvents: g = [] } = f;
+    return g.map((b) => {
+      const { callback: S, eventName: _ } = b;
+      return o.visualization.events.addListener(d, _, function() {
+        for (var C = arguments.length, E = new Array(C), R = 0; R < C; R++)
+          E[R] = arguments[R];
+        S({
+          chartWrapper: null,
+          controlWrapper: d,
+          props: n,
+          google: o,
+          eventArgs: E
+        });
+      });
+    });
+  });
+}), /**
+* If controlID is not provided, generate a unique controlID
+*/
+er(Vr, "createControlId", (e) => {
+  let n;
+  return typeof e > "u" ? n = `googlechart-control-${generateUniqueID()}` : n = e, n;
+}), /**
+* Map the control props to Google Chart Controls
+*/
+er(Vr, "createChartControls", (e) => {
+  const { controls: n, google: o } = e;
+  return n ? n.map((l, d) => {
+    const { controlID: f, controlType: g, options: b, controlWrapperParams: S } = l, _ = Vr.createControlId(f);
+    return {
+      controlProp: l,
+      control: new o.visualization.ControlWrapper({
+        containerId: _,
+        controlType: g,
+        options: b,
+        ...S
+      })
+    };
+  }) : null;
+}), er(Vr, "addControls", (e) => {
+  const { chartWrapper: n, chartDashboard: o } = e, l = Vr.createChartControls(e);
+  return !l || !o || !n ? null : (o.bind(l.map((d) => {
+    let { control: f } = d;
+    return f;
+  }), n), Vr.initializeControls(l), l);
+});
+let GoogleChartControlsInternal = Vr;
+const useCreateChartControls = (t) => {
+  const [e, n] = React.useState(null);
+  return [
+    React.useMemo(() => !e || !t ? null : t.map((l, d) => {
+      const f = e[d];
+      return f ? {
+        controlProp: l,
+        control: f
+      } : void 0;
+    }).flatMap((l) => l ? [
+      l
+    ] : []), [
+      e,
+      t
+    ]),
+    n
+  ];
+}, useListenToControlEvents = (t, e) => {
+  React.useEffect(() => {
+    const n = GoogleChartControlsInternal.listenToControlEvents(t ?? [], e);
+    return () => {
+      n.forEach((o) => {
+        e.google.visualization.events.removeListener(o);
+      });
+    };
+  }, [
+    t,
+    e
+  ]);
+}, useChartControls = (t) => {
+  const [e, n] = useCreateChartControls(t.controls);
+  return useListenToControlEvents(e ?? [], t), {
+    addControls: (l) => {
+      const d = GoogleChartControlsInternal.addControls(l);
+      n((d == null ? void 0 : d.map((f) => f.control)) ?? null);
+    },
+    renderControl: (l) => {
+      const { chartWrapper: d, chartDashboard: f } = t;
+      return /* @__PURE__ */ React.createElement(GoogleChartControls, {
+        ...t,
+        isReady: !!(d && f),
+        chartControls: e,
+        filter: l
+      });
+    }
+  };
+}, useChartId = (t) => {
+  const e = React.useRef(null);
+  return {
+    chartId: (() => {
+      const { graphID: l, graph_id: d } = t, f = l || d;
+      let g;
+      return f ? g = f : g = e.current || generateUniqueID(), e.current = g, e.current;
+    })()
+  };
+}, DEFAULT_CHART_COLORS = [
+  "#3366CC",
+  "#DC3912",
+  "#FF9900",
+  "#109618",
+  "#990099",
+  "#3B3EAC",
+  "#0099C6",
+  "#DD4477",
+  "#66AA00",
+  "#B82E2E",
+  "#316395",
+  "#994499",
+  "#22AA99",
+  "#AAAA11",
+  "#6633CC",
+  "#E67300",
+  "#8B0707",
+  "#329262",
+  "#5574A6",
+  "#3B3EAC"
+], loadDataTableFromSpreadSheet = async function(t, e) {
+  let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  return new Promise((o, l) => {
+    const d = `${n.headers ? `headers=${n.headers}` : "headers=0"}`, f = `${n.query ? `&tq=${encodeURIComponent(n.query)}` : ""}`, g = `${n.gid ? `&gid=${n.gid}` : ""}`, b = `${n.sheet ? `&sheet=${n.sheet}` : ""}`, S = `${n.access_token ? `&access_token=${n.access_token}` : ""}`, _ = `${d}${g}${b}${f}${S}`, C = `${e}/gviz/tq?${_}`;
+    new t.visualization.Query(C).send((R) => {
+      R.isError() ? l(`Error in query:  ${R.getMessage()} ${R.getDetailedMessage()}`) : o(R.getDataTable());
+    });
+  });
+}, GRAY_COLOR = "#CCCCCC", Rr = class Rr {
+};
+er(Rr, "grayOutHiddenColumnsLabel", (e, n) => {
+  const { googleChartWrapper: o, options: l } = e;
+  if (!o) {
+    console.error("googleChartWrapper is not defined");
+    return;
+  }
+  const d = o.getDataTable();
+  if (!d) return;
+  const f = d.getNumberOfColumns();
+  if (n.length > 0 === !1) return;
+  const b = Array.from({
+    length: f - 1
+  }).map((S, _) => {
+    const C = Rr.getColumnId(d, _ + 1);
+    return n.includes(C) ? GRAY_COLOR : l && l.colors ? l.colors[_] : DEFAULT_CHART_COLORS[_];
+  });
+  o.setOptions({
+    ...l,
+    colors: b
+  }), o.draw();
+}), /**
+* Listens to user clicking on the legend to toggle the visibility of a column.
+* When a user clicks on a legend item, the column id is added to / removed from the hiddenColumns state.
+*/
+er(Rr, "listenToLegendToggle", (e, n) => {
+  const [o, l] = n, { google: d, googleChartWrapper: f } = e;
+  if (!f) {
+    console.error("googleChartWrapper is not defined");
+    return;
+  }
+  return d.visualization.events.addListener(f, "select", () => {
+    const b = f.getChart().getSelection(), S = f.getDataTable();
+    if (b.length === 0 || // We want to listen to when a whole row is selected. This is the case only when row === null
+    b[0].row !== null || !S)
+      return;
+    const _ = b[0].column, C = Rr.getColumnId(S, _);
+    o != null && o.includes(C) ? l((E) => [
+      ...E.filter((R) => R !== C)
+    ]) : l((E) => [
+      ...E,
+      C
+    ]);
+  });
+}), /**
+* (Re-)Draw a Google Chart with the given data, options, and chart type.
+*/
+er(Rr, "draw", async (e) => {
+  const { data: n, diffdata: o, rows: l, columns: d, options: f, chartType: g, formatters: b, spreadSheetUrl: S, spreadSheetQueryParameters: _, googleChartDashboard: C, googleChartWrapper: E, google: R, hiddenColumns: A, legendToggle: I, legend_toggle: M } = e;
+  if (!E) {
+    console.error("draw was called with googleChartWrapper = null");
+    return;
+  }
+  let V, j = null;
+  if (o) {
+    const te = R.visualization.arrayToDataTable(o.old), ne = R.visualization.arrayToDataTable(o.new);
+    j = R.visualization[g].prototype.computeDiff(te, ne);
+  }
+  n ? n instanceof R.visualization.DataTable ? V = n : Array.isArray(n) ? V = R.visualization.arrayToDataTable(n) : V = new R.visualization.DataTable(n) : l && d ? V = R.visualization.arrayToDataTable([
+    d,
+    ...l
+  ]) : S ? V = await loadDataTableFromSpreadSheet(R, S, _) : V = R.visualization.arrayToDataTable([]);
+  const z = V.getNumberOfColumns(), Q = Array(z).fill(0).map((te, ne) => {
+    const ae = Rr.getColumnId(V, ne);
+    return A.includes(ae) ? {
+      label: V.getColumnLabel(ne),
+      type: V.getColumnType(ne),
+      calc: () => null
+    } : ne;
+  }), O = E.getChart();
+  E.getChartType() === "Timeline" && O && O.clearChart(), E.setChartType(g), E.setOptions(f || {});
+  const F = new R.visualization.DataView(V);
+  F.setColumns(Q), E.setDataTable(F), E.draw(), C && C.draw(V), j && (E.setDataTable(j), E.draw()), b && (Rr.applyFormatters({
+    dataTable: V,
+    formatters: b,
+    google: R
+  }), E.setDataTable(V), E.draw()), (I === !0 || M === !0) && Rr.grayOutHiddenColumnsLabel(e, A);
+}), /**
+* Get the column ID of a column in a GoogleDataTable.
+* If the column has an ID, return the ID, otherwise return the label.
+*/
+er(Rr, "getColumnId", (e, n) => e.getColumnId(n) || e.getColumnLabel(n)), /**
+* Apply Chart Formatters passed under the formatters prop to the GoogleDataTable
+*/
+er(Rr, "applyFormatters", (e) => {
+  let { dataTable: n, formatters: o, google: l } = e;
+  for (let d of o)
+    switch (d.type) {
+      case "ArrowFormat": {
+        new l.visualization.ArrowFormat(d.options).format(n, d.column);
+        return;
+      }
+      case "BarFormat": {
+        new l.visualization.BarFormat(d.options).format(n, d.column);
+        return;
+      }
+      case "ColorFormat": {
+        const f = new l.visualization.ColorFormat(d.options), { ranges: g } = d;
+        if (g)
+          for (let b of g)
+            f.addRange(...b);
+        f.format(n, d.column);
+        return;
+      }
+      case "DateFormat": {
+        new l.visualization.DateFormat(d.options).format(n, d.column);
+        return;
+      }
+      case "NumberFormat": {
+        new l.visualization.NumberFormat(d.options).format(n, d.column);
+        return;
+      }
+      case "PatternFormat": {
+        new l.visualization.PatternFormat(d.options).format(n, d.column);
+        return;
+      }
+      default: {
+        console.warn(`Unknown formatter type: ${d.type}`);
+        return;
+      }
+    }
+});
+let GoogleChartInternal = Rr;
+const useGoogleChartDataTable = (t) => {
+  const { google: e, googleChartWrapper: n, googleChartDashboard: o } = t, [l, d] = React.useState([]);
+  React.useEffect(() => {
+    n && GoogleChartInternal.draw({
+      ...t,
+      hiddenColumns: l,
+      googleChartWrapper: n,
+      googleChartDashboard: o,
+      google: e
+    });
+  }, [
+    l,
+    t.data,
+    t.rows,
+    t.columns,
+    t.options,
+    t.chartLoaderScriptUrl,
+    t.chartType,
+    t.formatters,
+    t.spreadSheetUrl,
+    t.spreadSheetQueryParameters,
+    t.legendToggle,
+    t.legend_toggle
+  ]);
+  const f = () => {
+    const { googleChartWrapper: S } = t;
+    S && S.draw();
+  }, g = (S) => {
+    const _ = [], { legendToggle: C, legend_toggle: E } = t;
+    if (GoogleChartInternal.draw({
+      ...t,
+      hiddenColumns: l,
+      googleChartWrapper: S,
+      googleChartDashboard: o,
+      google: e
+    }), window.addEventListener("resize", f), E || C) {
+      const R = GoogleChartInternal.listenToLegendToggle(t, [
+        l,
+        d
+      ]);
+      R && _.push(R);
+    }
+    return _;
+  }, b = (S, _) => {
+    window.removeEventListener("resize", f), _.forEach((C) => {
+      e.visualization.events.removeListener(C);
+    }), S.getChartType() === "Timeline" && S.getChart() && S.getChart().clearChart();
+  };
+  React.useEffect(() => {
+    if (!n)
+      return;
+    const S = g(n);
+    return () => {
+      b(n, S);
+    };
+  }, [
+    n,
+    g,
+    b
+  ]);
+}, listenToEvents = (t) => {
+  const { chartEvents: e, google: n, googleChartWrapper: o } = t;
+  if (e) {
+    if (!o) {
+      console.warn("listenToEvents was called before chart wrapper ready.");
+      return;
+    }
+    return e.map((l) => {
+      let { eventName: d, callback: f } = l;
+      return n.visualization.events.addListener(o, d, function() {
+        for (var g = arguments.length, b = new Array(g), S = 0; S < g; S++)
+          b[S] = arguments[S];
+        f({
+          chartWrapper: o,
+          props: t,
+          google: n,
+          eventArgs: b
+        });
+      });
+    });
+  }
+}, useGoogleChartEvents = (t) => {
+  useEffect(() => {
+    if (!t.googleChartWrapper) return;
+    const e = listenToEvents(t);
+    return () => {
+      e == null || e.forEach((n) => {
+        t.google.visualization.events.removeListener(n);
+      });
+    };
+  }, [
+    t
+  ]);
+}, GoogleChart = (t) => {
+  const [e, n] = React.useState(null), [o, l] = React.useState(null), { addControls: d, renderControl: f } = useChartControls({
+    ...t,
+    chartDashboard: o,
+    chartWrapper: e
+  });
+  useGoogleChartEvents({
+    ...t,
+    googleChartWrapper: e
+  });
+  const { chartId: g } = useChartId(t), b = React.useRef(null), S = React.useRef(null);
+  React.useEffect(() => {
+    const { options: V, google: j, chartType: z, chartWrapperParams: Q, toolbarItems: O, getChartEditor: F, getChartWrapper: te, onLoad: ne } = t, ae = {
+      chartType: z,
+      options: V,
+      containerId: g,
+      ...Q
+    }, $e = new j.visualization.ChartWrapper(ae);
+    $e.setOptions(V || {}), te == null || te($e, j);
+    const Ne = new j.visualization.Dashboard(b.current);
+    O && j.visualization.drawToolbar(S.current, O);
+    let oe = null;
+    F && (oe = new j.visualization.ChartEditor(), F({
+      chartEditor: oe,
+      chartWrapper: $e,
+      google: j
+    })), d({
+      ...t,
+      chartDashboard: Ne,
+      chartWrapper: $e
+    }), n($e), l(Ne), ne == null || ne(j, {
+      google: j,
+      chartWrapper: $e,
+      chartEditor: oe,
+      chartDashboard: Ne
+    });
+  }, []), useGoogleChartDataTable({
+    ...t,
+    googleChartWrapper: e,
+    googleChartDashboard: o
+  });
+  const _ = () => {
+    const { width: V, height: j, options: z, style: Q, className: O, rootProps: F, google: te } = t, ne = {
+      height: j || z && z.height,
+      width: V || z && z.width,
+      ...Q
+    };
+    return /* @__PURE__ */ React.createElement("div", {
+      id: g,
+      style: ne,
+      className: O,
+      ...F
+    });
+  }, C = () => t.toolbarItems ? /* @__PURE__ */ React.createElement("div", {
+    ref: S
+  }) : null, { width: E, height: R, options: A, style: I } = t, M = {
+    height: R || A && A.height,
+    width: E || A && A.width,
+    ...I
+  };
+  return t.render ? /* @__PURE__ */ React.createElement("div", {
+    ref: b,
+    style: M
+  }, /* @__PURE__ */ React.createElement("div", {
+    ref: S,
+    id: "toolbar"
+  }), t.render({
+    renderChart: _,
+    renderControl: f,
+    renderToolbar: C
+  })) : /* @__PURE__ */ React.createElement("div", {
+    ref: b,
+    style: M
+  }, f((V) => {
+    let { controlProp: j } = V;
+    return j.controlPosition !== "bottom";
+  }), _(), f((V) => {
+    let { controlProp: j } = V;
+    return j.controlPosition === "bottom";
+  }), C());
+}, ChartContext = /* @__PURE__ */ React.createContext(chartDefaultProps), ContextProvider = (t) => {
+  let { children: e, value: n } = t;
+  return /* @__PURE__ */ React.createElement(ChartContext.Provider, {
+    value: n
+  }, e);
+}, ChartView = (t) => {
+  const { google: e, isLoading: n, error: o } = useLoadGoogleCharts(t);
+  return n ? t.loader ?? null : o ? t.errorElement ?? null : e ? /* @__PURE__ */ React__default.createElement(GoogleChart, {
+    google: e,
+    ...t
+  }) : null;
+}, Chart = (t) => {
+  const e = {
+    ...chartDefaultProps,
+    ...t
+  };
+  return /* @__PURE__ */ React__default.createElement(ContextProvider, {
+    value: e
+  }, /* @__PURE__ */ React__default.createElement(ChartView, e));
+};
+var GoogleDataTableColumnRoleType;
+(function(t) {
+  t.annotation = "annotation", t.annotationText = "annotationText", t.certainty = "certainty", t.emphasis = "emphasis", t.interval = "interval", t.scope = "scope", t.style = "style", t.tooltip = "tooltip", t.domain = "domain";
+})(GoogleDataTableColumnRoleType || (GoogleDataTableColumnRoleType = {}));
+function parseHsl(t) {
+  const e = t.match(/(\d+\.?\d*)\s*(\d+\.?\d*)%\s*(\d+\.?\d*)%/);
+  return e ? {
+    h: parseFloat(e[1]),
+    s: parseFloat(e[2]),
+    l: parseFloat(e[3])
+  } : null;
+}
+function hslToHex(t, e, n) {
+  n /= 100;
+  const o = e * Math.min(n, 1 - n) / 100, l = (d) => {
+    const f = (d + t / 30) % 12, g = n - o * Math.max(Math.min(f - 3, 9 - f, 1), -1);
+    return Math.round(255 * g).toString(16).padStart(2, "0");
+  };
+  return `#${l(0)}${l(8)}${l(4)}`;
+}
+const Treemap = React.forwardRef(
+  ({ data: t, options: e, height: n = "500px", className: o, loading: l, disableClick: d = !0, ...f }, g) => {
+    const b = React.useRef(null), [S, _] = React.useState(null);
+    React.useEffect(() => {
+      if (!b.current) return;
+      const R = b.current, A = () => {
+        const j = getComputedStyle(R).getPropertyValue("--primary").trim();
+        if (j) {
+          const z = parseHsl(j);
+          if (z) {
+            const { h: Q, s: O, l: F } = z;
+            _({
+              minColor: hslToHex(Q, O, Math.min(100, F + 50)),
+              midColor: hslToHex(Q, O, Math.min(100, F + 35)),
+              maxColor: hslToHex(Q, O, Math.min(100, F + 20))
+            });
+          }
+          return !0;
+        }
+        return !1;
+      };
+      if (A())
+        return;
+      let I = 0;
+      const M = 20, V = setInterval(() => {
+        (A() || I >= M) && clearInterval(V), I++;
+      }, 100);
+      return () => {
+        V && clearInterval(V);
+      };
+    }, []);
+    const C = React.useMemo(() => {
+      const R = {
+        headerHeight: 0,
+        fontSize: 14,
+        showScale: !1,
+        isHtml: !0,
+        backgroundColor: "hsl(var(--background))",
+        generateTooltip: (A, I) => {
+          var j;
+          const M = (j = t[A + 1]) == null ? void 0 : j[0];
+          if (!M) return "";
+          const V = formatMoney(I);
+          return `<div class="p-2 bg-background text-foreground border rounded-md shadow-lg">
+                    <strong>${M}</strong><br>Value: ${V}
+                  </div>`;
+        }
+      };
+      return S && (!e || !e.colorAxis) && (R.minColor = S.minColor, R.midColor = S.midColor, R.maxColor = S.maxColor), { ...R, ...e };
+    }, [t, e, S]), E = React.useMemo(() => d ? [{
+      eventName: "select",
+      // react-google-charts is not officially maintained by Google and not up 
+      // to date with the GoogleChartWrapper type, setSelection is missing
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      callback: ({ chartWrapper: A }) => {
+        A.getChart().setSelection(null);
+      }
+    }] : void 0, [d]);
+    return React.useImperativeHandle(g, () => b.current, []), l ? /* @__PURE__ */ jsx("div", { ref: b, className: cn("w-full", o), style: { height: n }, ...f, children: /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full" }) }) : !t || t.length <= 2 ? /* @__PURE__ */ jsx("div", { ref: b, className: cn("w-full flex items-center justify-center text-muted-foreground", o), style: { height: n }, ...f, children: "No data available" }) : /* @__PURE__ */ jsx("div", { ref: b, className: cn("w-full", o), style: { height: n }, ...f, children: /* @__PURE__ */ jsx(
+      Chart,
+      {
+        chartType: "TreeMap",
+        width: "100%",
+        height: "100%",
+        data: t,
+        options: C,
+        chartEvents: E,
+        loader: /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full" })
+      }
+    ) });
+  }
+);
+Treemap.displayName = "Treemap";
+const TopPercentTreemap = ({
+  data: t,
+  topPercent: e = 80,
+  title: n,
+  loading: o,
+  ...l
+}) => {
+  const d = React.useMemo(() => {
+    if (!t || t.length === 0)
+      return [["ID", "Parent", "Value"], ["Root", null, 0]];
+    const g = [...t].sort((A, I) => I.value - A.value), S = g.reduce((A, I) => A + I.value, 0) * (e / 100), _ = [
+      ["ID", "Parent", "Value"],
+      ["Root", null, 0]
+    ], C = [], E = [];
+    let R = 0;
+    for (const A of g)
+      R < S ? (C.push(A), R += A.value) : E.push(A);
+    if (C.forEach((A) => {
+      _.push([A.name, "Root", A.value]);
+    }), E.length > 0) {
+      const A = `More... (${E.length} items)`;
+      _.push([A, "Root", 0]), E.forEach((I) => {
+        _.push([I.name, A, I.value]);
+      });
     }
-  );
-}
-function CalendarDayButton({
-  className: t,
-  day: e,
-  modifiers: n,
-  ...o
-}) {
-  const l = getDefaultClassNames(), d = React.useRef(null);
-  return React.useEffect(() => {
-    var f;
-    n.focused && ((f = d.current) == null || f.focus());
-  }, [n.focused]), /* @__PURE__ */ jsx(
-    Button$1,
+    return _;
+  }, [t, e]), f = React.useMemo(() => ({
+    title: n,
+    maxDepth: 1,
+    backgroundColor: "hsl(var(--background))"
+  }), [n]);
+  return /* @__PURE__ */ jsx(
+    Treemap,
     {
-      ref: d,
-      variant: "ghost",
-      size: "icon",
-      "data-day": e.date.toLocaleDateString(),
-      "data-selected-single": n.selected && !n.range_start && !n.range_end && !n.range_middle,
-      "data-range-start": n.range_start,
-      "data-range-end": n.range_end,
-      "data-range-middle": n.range_middle,
-      className: cn(
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
-        l.day,
-        t
-      ),
-      ...o
+      data: d,
+      options: f,
+      className: cn("h-full", l.className),
+      loading: o,
+      disableClick: !1,
+      ...l
     }
   );
-}
-function formatDateToISO(t) {
-  if (!t || !isValidDate(t))
-    return "";
-  const e = t.getTimezoneOffset() * 6e4;
-  return new Date(t.getTime() - e).toISOString().split("T")[0];
-}
-function isValidDate(t) {
-  return t instanceof Date && !isNaN(t.getTime());
-}
-function DatePicker({
-  date: t,
-  onDateChange: e,
-  label: n,
-  id: o,
-  className: l
-}) {
-  const [d, f] = React.useState(!1), [g, b] = React.useState(t), [S, _] = React.useState(formatDateToISO(t));
-  React.useEffect(() => {
-    _(formatDateToISO(t)), isValidDate(t) && b(t);
-  }, [t]);
-  const C = (R) => {
-    const I = R.target.value.replace(/\D/g, "").slice(0, 8);
-    let M = I;
-    if (I.length > 4 && (M = `${I.slice(0, 4)}-${I.slice(4)}`), I.length > 6 && (M = `${I.slice(0, 4)}-${I.slice(4, 6)}-${I.slice(6)}`), _(M), I.length === 8) {
-      const V = new Date(M), j = new Date(V.getUTCFullYear(), V.getUTCMonth(), V.getUTCDate());
-      isValidDate(j) ? (e(j), b(j)) : e(void 0);
-    } else
-      e(void 0);
-  }, E = (R) => {
-    R && (e(R), _(formatDateToISO(R))), f(!1);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", l), children: [
-    n && /* @__PURE__ */ jsx(Label$2, { htmlFor: o, children: n }),
-    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          id: o,
-          value: S,
-          placeholder: "YYYY-MM-DD",
-          className: "bg-background pr-10",
-          onChange: C,
-          onKeyDown: (R) => {
-            R.key === "ArrowDown" && (R.preventDefault(), f(!0));
-          }
-        }
-      ),
-      /* @__PURE__ */ jsxs(Popover, { open: d, onOpenChange: f, children: [
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
-          Button$1,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "absolute right-1 top-1/2 h-7 w-7 -translate-y-1/2",
-            "aria-label": "Select date",
-            children: /* @__PURE__ */ jsx(Calendar$1, { className: "h-4 w-4" })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(
-          PopoverContent,
-          {
-            className: "w-auto min-w-[280px] p-0",
-            align: "end",
-            sideOffset: 8,
-            children: /* @__PURE__ */ jsx(
-              Calendar,
-              {
-                mode: "single",
-                selected: t,
-                onSelect: E,
-                month: g,
-                onMonthChange: b,
-                initialFocus: !0,
-                className: "w-full"
-              }
-            )
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
+};
 export {
+  AIChatLayout,
   Accordion,
   AccordionContent,
   AccordionItem,