@rock.star/ui 1.1.2 → 1.1.4

package/dist/ui/index.js

@@ -3472,6 +3472,51 @@ function EmptyContent({ className, ...props }) {
   );
 }
 
+// src/hooks/useMediaQuery.ts
+import { useEffect as useEffect4, useState as useState4 } from "react";
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState4(false);
+  useEffect4(() => {
+    const mediaQuery = window.matchMedia(query);
+    const handleChange = () => setMatches(mediaQuery.matches);
+    handleChange();
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, [query]);
+  return matches;
+}
+
+// src/ui/farmer/div.tsx
+import { motion as motion5 } from "motion/react";
+import React9 from "react";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var AnimatedDiv = React9.forwardRef(
+  ({ variants, mobileVariants, className, children, infinity, ...motionProps }, ref) => {
+    const isDesktop = useMediaQuery("(min-width: 768px)");
+    const selectedVariants = !isDesktop && mobileVariants ? mobileVariants : variants;
+    return /* @__PURE__ */ jsx29(
+      motion5.div,
+      {
+        ref,
+        layout: true,
+        className,
+        initial: "hidden",
+        transition: {
+          staggerChildren: 0.1,
+          delayChildren: 0.2
+        },
+        variants: selectedVariants,
+        viewport: { once: !infinity },
+        whileInView: "visible",
+        ...motionProps,
+        children
+      }
+    );
+  }
+);
+AnimatedDiv.displayName = "AnimatedDiv";
+var div_default = AnimatedDiv;
+
 // src/ui/farmer/FramerMotionVariants.ts
 var activityItemAnimation = {
   hidden: {
@@ -3769,9 +3814,9 @@ import { cva as cva7 } from "class-variance-authority";
 import { useMemo as useMemo3 } from "react";
 
 // src/ui/label.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "label",
     {
       "data-slot": "label",
@@ -3785,9 +3830,9 @@ function Label({ className, ...props }) {
 }
 
 // src/ui/field.tsx
-import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -3804,7 +3849,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "legend",
     {
       "data-slot": "field-legend",
@@ -3818,7 +3863,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "field-group",
@@ -3850,7 +3895,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       role: "group",
@@ -3862,7 +3907,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "field-content",
@@ -3878,7 +3923,7 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     Label,
     {
       "data-slot": "field-label",
@@ -3892,7 +3937,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "field-label",
@@ -3905,7 +3950,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "p",
     {
       "data-slot": "field-description",
@@ -3935,8 +3980,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx30(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx31(
           "span",
           {
             className: "relative mx-auto block w-fit px-2 text-muted-foreground",
@@ -3967,14 +4012,14 @@ function FieldError({
     if (uniqueErrors?.length == 1) {
       return uniqueErrors[0]?.message;
     }
-    return /* @__PURE__ */ jsx30("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => error?.message && /* @__PURE__ */ jsx30("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx31("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx31("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       role: "alert",
@@ -3988,8 +4033,8 @@ function FieldError({
 
 // src/ui/image.tsx
 import NextImage from "next/image";
-import { useCallback as useCallback2, useState as useState4 } from "react";
-import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useCallback as useCallback2, useState as useState5 } from "react";
+import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
 function srcValue(src) {
   if (!src) return null;
   if (typeof src === "string") return src;
@@ -4009,12 +4054,12 @@ function Image({
   onLoad,
   onError,
   children,
-  fallback = /* @__PURE__ */ jsx31(JellyMini, { mood: "curious", className: "size-full p-4" }),
+  fallback = /* @__PURE__ */ jsx32(JellyMini, { mood: "curious", className: "size-full p-4" }),
   ...props
 }) {
   const currentSrc = srcValue(src);
-  const [loadedSrc, setLoadedSrc] = useState4(null);
-  const [failedSrc, setFailedSrc] = useState4(null);
+  const [loadedSrc, setLoadedSrc] = useState5(null);
+  const [failedSrc, setFailedSrc] = useState5(null);
   const hasSource = Boolean(currentSrc);
   const failed = hasSource && failedSrc === currentSrc;
   const loaded = hasSource && loadedSrc === currentSrc && !failed;
@@ -4030,8 +4075,8 @@ function Image({
     setFailedSrc(currentSrc);
   }, [currentSrc]);
   return /* @__PURE__ */ jsxs17("section", { className: cn("relative block overflow-hidden", wrapper), children: [
-    showSkeleton && !loaded && !failed && hasSource && /* @__PURE__ */ jsx31(Skeleton, { className: "absolute inset-0 size-full" }),
-    hasSource && !failed ? /* @__PURE__ */ jsx31(
+    showSkeleton && !loaded && !failed && hasSource && /* @__PURE__ */ jsx32(Skeleton, { className: "absolute inset-0 size-full" }),
+    hasSource && !failed ? /* @__PURE__ */ jsx32(
       NextImage,
       {
         ...props,
@@ -4061,16 +4106,16 @@ function Image({
 }
 
 // src/ui/input-otp.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
 function InputOTP({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     OTPInput,
     {
       "data-slot": "input-otp",
@@ -4085,7 +4130,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -4102,7 +4147,7 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React9.useContext(OTPInputContext);
+  const inputOTPContext = React10.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxs18(
     "div",
@@ -4116,20 +4161,20 @@ function InputOTPSlot({
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx32("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx32("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx33("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx33("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "input-otp-separator",
       className: "flex items-center [&_svg:not([class*='size-'])]:size-4",
       role: "separator",
       ...props,
-      children: /* @__PURE__ */ jsx32(MinusIcon, {})
+      children: /* @__PURE__ */ jsx33(MinusIcon, {})
     }
   );
 }
@@ -4138,9 +4183,9 @@ function InputOTPSeparator({ ...props }) {
 import { mergeProps as mergeProps4 } from "@base-ui/react/merge-props";
 import { useRender as useRender4 } from "@base-ui/react/use-render";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       role: "list",
@@ -4157,7 +4202,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Separator,
     {
       "data-slot": "item-separator",
@@ -4231,7 +4276,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-media",
@@ -4242,7 +4287,7 @@ function ItemMedia({
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-content",
@@ -4255,7 +4300,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-title",
@@ -4268,7 +4313,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "p",
     {
       "data-slot": "item-description",
@@ -4281,7 +4326,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-actions",
@@ -4291,7 +4336,7 @@ function ItemActions({ className, ...props }) {
   );
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-header",
@@ -4304,7 +4349,7 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-footer",
@@ -4318,10 +4363,10 @@ function ItemFooter({ className, ...props }) {
 }
 
 // src/hooks/useMounted.ts
-import { useEffect as useEffect4, useState as useState5 } from "react";
+import { useEffect as useEffect5, useState as useState6 } from "react";
 function useMounted() {
-  const [mounted, setMounted] = useState5(false);
-  useEffect4(() => {
+  const [mounted, setMounted] = useState6(false);
+  useEffect5(() => {
     setMounted(true);
   }, []);
   return { mounted };
@@ -4332,15 +4377,15 @@ import {
   BlobSpeech,
   JellyBlobMascot
 } from "feral-blob";
-import * as React10 from "react";
+import * as React11 from "react";
 import {
   BlobSpeech as BlobSpeech2,
   JellyBlobMascot as JellyBlobMascot2,
   JellyBlobMascotDemo
 } from "feral-blob";
-import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 function JellyBlob({ ...props }) {
-  return /* @__PURE__ */ jsx34("span", { className: "inline-block", children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35("span", { className: "inline-block", children: /* @__PURE__ */ jsx35(
     JellyBlobMascot,
     {
       ...props,
@@ -4370,7 +4415,7 @@ function JellyMini({
   ...props
 }) {
   const { mounted } = useMounted();
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "span",
     {
       "aria-hidden": "true",
@@ -4378,7 +4423,7 @@ function JellyMini({
         "inline-flex size-5 shrink-0 items-center justify-center select-none",
         className
       ),
-      children: mounted ? /* @__PURE__ */ jsx34(
+      children: mounted ? /* @__PURE__ */ jsx35(
         JellyBlobMascot,
         {
           ...props,
@@ -4390,10 +4435,10 @@ function JellyMini({
     }
   );
 }
-var JellyMascotContext = React10.createContext(null);
+var JellyMascotContext = React11.createContext(null);
 function useJellyMood() {
-  const state = React10.useContext(JellyMascotContext);
-  return React10.useCallback(
+  const state = React11.useContext(JellyMascotContext);
+  return React11.useCallback(
     (mood) => {
       if (!mood || !state) return {};
       return {
@@ -4420,14 +4465,14 @@ function JellyAction({
   ...props
 }) {
   const preview = useJellyMood();
-  return /* @__PURE__ */ jsx34(Button, { ...props, ...withPreviewHandlers(preview, { ...props, mood }) });
+  return /* @__PURE__ */ jsx35(Button, { ...props, ...withPreviewHandlers(preview, { ...props, mood }) });
 }
 function JellyLink({
   mood,
   ...props
 }) {
   const preview = useJellyMood();
-  return /* @__PURE__ */ jsx34("a", { ...props, ...withPreviewHandlers(preview, { ...props, mood }) });
+  return /* @__PURE__ */ jsx35("a", { ...props, ...withPreviewHandlers(preview, { ...props, mood }) });
 }
 function JellyMascotProvider({
   mood = "neutral",
@@ -4436,7 +4481,7 @@ function JellyMascotProvider({
   ...blobProps
 }) {
   const { mounted } = useMounted();
-  const [previewMood, setPreviewMood] = React10.useState(
+  const [previewMood, setPreviewMood] = React11.useState(
     null
   );
   const activeMood = previewMood ?? mood;
@@ -4449,7 +4494,7 @@ function JellyMascotProvider({
     blobProps,
     setPreview: setPreviewMood
   };
-  return /* @__PURE__ */ jsx34(JellyMascotContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx35(JellyMascotContext.Provider, { value, children });
 }
 var SIZE_WRAPPER = {
   sm: "w-20",
@@ -4461,7 +4506,7 @@ function JellyMascotFace({
   size = "md",
   className
 }) {
-  const mascot = React10.useContext(JellyMascotContext);
+  const mascot = React11.useContext(JellyMascotContext);
   if (!mascot) return null;
   return /* @__PURE__ */ jsxs19(
     "div",
@@ -4473,14 +4518,14 @@ function JellyMascotFace({
         className
       ),
       children: [
-        mascot.speech ? /* @__PURE__ */ jsx34(
+        mascot.speech ? /* @__PURE__ */ jsx35(
           BlobSpeech,
           {
             mood: mascot.mood,
             messages: { [mascot.mood]: mascot.speech }
           }
         ) : null,
-        mascot.mounted ? /* @__PURE__ */ jsx34(
+        mascot.mounted ? /* @__PURE__ */ jsx35(
           JellyBlobMascot,
           {
             ...mascot.blobProps,
@@ -4499,15 +4544,15 @@ function JellyMascot({
   className,
   ...config
 }) {
-  const existing = React10.useContext(JellyMascotContext);
-  if (existing) return /* @__PURE__ */ jsx34(JellyMascotFace, { size, className });
-  return /* @__PURE__ */ jsx34(JellyMascotProvider, { ...config, children: /* @__PURE__ */ jsx34(JellyMascotFace, { size, className }) });
+  const existing = React11.useContext(JellyMascotContext);
+  if (existing) return /* @__PURE__ */ jsx35(JellyMascotFace, { size, className });
+  return /* @__PURE__ */ jsx35(JellyMascotProvider, { ...config, children: /* @__PURE__ */ jsx35(JellyMascotFace, { size, className }) });
 }
 function JellyGroup({
   children,
   ...config
 }) {
-  return /* @__PURE__ */ jsx34(JellyMascotProvider, { ...config, children });
+  return /* @__PURE__ */ jsx35(JellyMascotProvider, { ...config, children });
 }
 function JellyEmpty({
   title,
@@ -4517,20 +4562,20 @@ function JellyEmpty({
   className,
   ...config
 }) {
-  return /* @__PURE__ */ jsx34(JellyMascotProvider, { ...config, children: /* @__PURE__ */ jsxs19(Empty, { className: cn("gap-4", className), children: [
+  return /* @__PURE__ */ jsx35(JellyMascotProvider, { ...config, children: /* @__PURE__ */ jsxs19(Empty, { className: cn("gap-4", className), children: [
     /* @__PURE__ */ jsxs19(EmptyHeader, { className: "gap-2", children: [
-      /* @__PURE__ */ jsx34(JellyMascotFace, { size }),
-      title ? /* @__PURE__ */ jsx34(EmptyTitle, { className: "text-base font-semibold sm:text-lg", children: title }) : null,
-      description ? /* @__PURE__ */ jsx34(EmptyDescription, { className: "max-w-sm", children: description }) : null
+      /* @__PURE__ */ jsx35(JellyMascotFace, { size }),
+      title ? /* @__PURE__ */ jsx35(EmptyTitle, { className: "text-base font-semibold sm:text-lg", children: title }) : null,
+      description ? /* @__PURE__ */ jsx35(EmptyDescription, { className: "max-w-sm", children: description }) : null
     ] }),
-    actions ? /* @__PURE__ */ jsx34(EmptyContent, { children: actions }) : null
+    actions ? /* @__PURE__ */ jsx35(EmptyContent, { children: actions }) : null
   ] }) });
 }
 
 // src/ui/kbd.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "kbd",
     {
       "data-slot": "kbd",
@@ -4543,7 +4588,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -4554,9 +4599,9 @@ function KbdGroup({ className, ...props }) {
 }
 
 // src/ui/message.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function MessageGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-group",
@@ -4570,7 +4615,7 @@ function Message({
   align = "start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message",
@@ -4584,7 +4629,7 @@ function Message({
   );
 }
 function MessageAvatar({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-avatar",
@@ -4597,7 +4642,7 @@ function MessageAvatar({ className, ...props }) {
   );
 }
 function MessageContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-content",
@@ -4610,7 +4655,7 @@ function MessageContent({ className, ...props }) {
   );
 }
 function MessageHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-header",
@@ -4623,7 +4668,7 @@ function MessageHeader({ className, ...props }) {
   );
 }
 function MessageFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-footer",
@@ -4644,15 +4689,15 @@ import {
   useMessageScrollerVisibility
 } from "@shadcn/react/message-scroller";
 import { ArrowDownIcon } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
 function MessageScrollerProvider(props) {
-  return /* @__PURE__ */ jsx37(MessageScrollerPrimitive.Provider, { ...props });
+  return /* @__PURE__ */ jsx38(MessageScrollerPrimitive.Provider, { ...props });
 }
 function MessageScroller({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MessageScrollerPrimitive.Root,
     {
       "data-slot": "message-scroller",
@@ -4668,7 +4713,7 @@ function MessageScrollerViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MessageScrollerPrimitive.Viewport,
     {
       "data-slot": "message-scroller-viewport",
@@ -4684,7 +4729,7 @@ function MessageScrollerContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MessageScrollerPrimitive.Content,
     {
       "data-slot": "message-scroller-content",
@@ -4698,7 +4743,7 @@ function MessageScrollerItem({
   scrollAnchor = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MessageScrollerPrimitive.Item,
     {
       "data-slot": "message-scroller-item",
@@ -4720,7 +4765,7 @@ function MessageScrollerButton({
   size = "icon-sm",
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MessageScrollerPrimitive.Button,
     {
       "data-slot": "message-scroller-button",
@@ -4732,11 +4777,11 @@ function MessageScrollerButton({
         "data-[active=true]:ease-out-quint absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180",
         className
       ),
-      render: render ?? /* @__PURE__ */ jsx37(Button, { variant, size }),
+      render: render ?? /* @__PURE__ */ jsx38(Button, { variant, size }),
       ...props,
       children: children ?? /* @__PURE__ */ jsxs20(Fragment2, { children: [
-        /* @__PURE__ */ jsx37(ArrowDownIcon, {}),
-        /* @__PURE__ */ jsx37("span", { className: "sr-only", children: direction === "end" ? "Scroll to end" : "Scroll to start" })
+        /* @__PURE__ */ jsx38(ArrowDownIcon, {}),
+        /* @__PURE__ */ jsx38("span", { className: "sr-only", children: direction === "end" ? "Scroll to end" : "Scroll to start" })
       ] })
     }
   );
@@ -4747,12 +4792,12 @@ import { clsx as clsx2 } from "clsx";
 import {
   AnimatePresence as AnimatePresence2,
   animate,
-  motion as motion5,
+  motion as motion6,
   useReducedMotion
 } from "motion/react";
-import { Fragment as Fragment3, useEffect as useEffect5, useId as useId2, useRef as useRef3, useState as useState7 } from "react";
+import { Fragment as Fragment3, useEffect as useEffect6, useId as useId2, useRef as useRef3, useState as useState8 } from "react";
 import { twMerge as twMerge2 } from "tailwind-merge";
-import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
 var EASE_OUT = [0.16, 1, 0.3, 1];
 var EASE_IN_OUT = [0.77, 0, 0.175, 1];
 var EASE_DRAWER = [0.32, 0.72, 0, 1];
@@ -4812,15 +4857,15 @@ function OTPInput2({
   const inputRef = useRef3(null);
   const slotsRef = useRef3(null);
   const controlled = controlledValue !== void 0;
-  const [slots, setSlots] = useState7(
+  const [slots, setSlots] = useState8(
     () => toSlots(controlled ? controlledValue : defaultValue, length)
   );
-  const [focused, setFocused] = useState7(false);
-  const [active, setActive] = useState7(0);
+  const [focused, setFocused] = useState8(false);
+  const [active, setActive] = useState8(0);
   const joined = slots.join("");
   const joinedRef = useRef3(joined);
   joinedRef.current = joined;
-  useEffect5(() => {
+  useEffect6(() => {
     if (!controlled) return;
     const incoming = sanitize(controlledValue, length);
     if (incoming !== joinedRef.current) {
@@ -4904,7 +4949,7 @@ function OTPInput2({
     commit(toSlots(digits, length));
     setActive(Math.min(digits.length, length - 1));
   };
-  useEffect5(() => {
+  useEffect6(() => {
     if (status !== "error" || reduce || !slotsRef.current) return;
     animate(
       slotsRef.current,
@@ -4921,7 +4966,7 @@ function OTPInput2({
   const activeIndex = focused ? active : -1;
   const message = showSuccess ? successMessage : status === "error" ? errorMessage : hint;
   return /* @__PURE__ */ jsxs21("div", { className: otpCn("inline-flex flex-col gap-2", className), children: [
-    label ? /* @__PURE__ */ jsx38(
+    label ? /* @__PURE__ */ jsx39(
       "label",
       {
         htmlFor: `${uid}-input`,
@@ -4942,7 +4987,7 @@ function OTPInput2({
           inputRef.current?.focus();
         },
         children: [
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx39(
             "input",
             {
               ref: inputRef,
@@ -4969,7 +5014,7 @@ function OTPInput2({
               className: "absolute inset-0 z-20 h-full w-full cursor-text bg-transparent text-transparent caret-transparent opacity-0 outline-none disabled:cursor-not-allowed"
             }
           ),
-          /* @__PURE__ */ jsx38("div", { ref: slotsRef, className: "flex items-center gap-3", children: Array.from({ length }, (_, i) => {
+          /* @__PURE__ */ jsx39("div", { ref: slotsRef, className: "flex items-center gap-3", children: Array.from({ length }, (_, i) => {
             const char = slots[i] ?? "";
             const isActive = i === activeIndex;
             return /* @__PURE__ */ jsxs21(Fragment3, { children: [
@@ -4986,8 +5031,8 @@ function OTPInput2({
                     disabled && "opacity-50"
                   ),
                   children: [
-                    isActive && !showSuccess ? /* @__PURE__ */ jsx38(
-                      motion5.span,
+                    isActive && !showSuccess ? /* @__PURE__ */ jsx39(
+                      motion6.span,
                       {
                         "aria-hidden": true,
                         animate: reduce ? void 0 : { opacity: [1, 1, 0, 0] },
@@ -5002,8 +5047,8 @@ function OTPInput2({
                         )
                       }
                     ) : null,
-                    /* @__PURE__ */ jsx38(AnimatePresence2, { initial: false, children: char ? /* @__PURE__ */ jsx38(
-                      motion5.span,
+                    /* @__PURE__ */ jsx39(AnimatePresence2, { initial: false, children: char ? /* @__PURE__ */ jsx39(
+                      motion6.span,
                       {
                         initial: reduce ? {
                           opacity: 0
@@ -5040,11 +5085,11 @@ function OTPInput2({
                   ]
                 }
               ),
-              i === 2 ? /* @__PURE__ */ jsx38("span", { "aria-hidden": "true", className: "h-0.5 w-4 bg-primary" }) : null
+              i === 2 ? /* @__PURE__ */ jsx39("span", { "aria-hidden": "true", className: "h-0.5 w-4 bg-primary" }) : null
             ] }, `${uid}-${i}`);
           }) }),
-          /* @__PURE__ */ jsx38(AnimatePresence2, { children: showSuccess ? /* @__PURE__ */ jsx38(
-            motion5.span,
+          /* @__PURE__ */ jsx39(AnimatePresence2, { children: showSuccess ? /* @__PURE__ */ jsx39(
+            motion6.span,
             {
               initial: reduce ? {
                 opacity: 0
@@ -5085,9 +5130,9 @@ function OTPInput2({
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
                   children: [
-                    /* @__PURE__ */ jsx38("title", { children: "Verified" }),
-                    /* @__PURE__ */ jsx38(
-                      motion5.path,
+                    /* @__PURE__ */ jsx39("title", { children: "Verified" }),
+                    /* @__PURE__ */ jsx39(
+                      motion6.path,
                       {
                         d: "M5 13l4 4L19 7",
                         initial: reduce ? {
@@ -5115,7 +5160,7 @@ function OTPInput2({
         ]
       }
     ),
-    message ? /* @__PURE__ */ jsx38(
+    message ? /* @__PURE__ */ jsx39(
       "p",
       {
         "aria-live": "polite",
@@ -5138,12 +5183,12 @@ function toSlots(raw, length) {
 
 // src/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Popover({ ...props }) {
-  return /* @__PURE__ */ jsx39(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx39(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -5153,7 +5198,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx40(
     PopoverPrimitive.Positioner,
     {
       align,
@@ -5161,7 +5206,7 @@ function PopoverContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx39(
+      children: /* @__PURE__ */ jsx40(
         PopoverPrimitive.Popup,
         {
           "data-slot": "popover-content",
@@ -5176,7 +5221,7 @@ function PopoverContent({
   ) });
 }
 function PopoverHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "popover-header",
@@ -5186,7 +5231,7 @@ function PopoverHeader({ className, ...props }) {
   );
 }
 function PopoverTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     PopoverPrimitive.Title,
     {
       "data-slot": "popover-title",
@@ -5199,7 +5244,7 @@ function PopoverDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     PopoverPrimitive.Description,
     {
       "data-slot": "popover-description",
@@ -5212,12 +5257,12 @@ function PopoverDescription({
 // src/ui/quantity.tsx
 import { NumberField } from "@base-ui/react/number-field";
 import { Minus, Plus } from "@gravity-ui/icons";
-import * as React11 from "react";
-import { jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
-var QuantityInput = React11.forwardRef(function QuantityInput2({ ...props }, ref) {
-  const id = React11.useId();
-  return /* @__PURE__ */ jsx40(NumberField.Root, { id, ...props, className: "flex flex-col items-start", children: /* @__PURE__ */ jsxs22(NumberField.Group, { className: "flex h-8 gap-1", children: [
-    /* @__PURE__ */ jsx40(
+import * as React12 from "react";
+import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
+var QuantityInput = React12.forwardRef(function QuantityInput2({ ...props }, ref) {
+  const id = React12.useId();
+  return /* @__PURE__ */ jsx41(NumberField.Root, { id, ...props, className: "flex flex-col items-start", children: /* @__PURE__ */ jsxs22(NumberField.Group, { className: "flex h-8 gap-1", children: [
+    /* @__PURE__ */ jsx41(
       NumberField.Decrement,
       {
         className: buttonVariants({
@@ -5225,10 +5270,10 @@ var QuantityInput = React11.forwardRef(function QuantityInput2({ ...props }, ref
           size: "icon-sm",
           className: "rounded-full! border-border!"
         }),
-        children: /* @__PURE__ */ jsx40(Minus, {})
+        children: /* @__PURE__ */ jsx41(Minus, {})
       }
     ),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41(
       NumberField.Input,
       {
         ref,
@@ -5236,7 +5281,7 @@ var QuantityInput = React11.forwardRef(function QuantityInput2({ ...props }, ref
         "data-no-ring": true
       }
     ),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41(
       NumberField.Increment,
       {
         className: buttonVariants({
@@ -5244,7 +5289,7 @@ var QuantityInput = React11.forwardRef(function QuantityInput2({ ...props }, ref
           size: "icon-sm",
           className: "rounded-full! border-border!"
         }),
-        children: /* @__PURE__ */ jsx40(Plus, {})
+        children: /* @__PURE__ */ jsx41(Plus, {})
       }
     )
   ] }) });
@@ -5253,9 +5298,9 @@ var QuantityInput = React11.forwardRef(function QuantityInput2({ ...props }, ref
 // src/ui/radio-group.tsx
 import { Radio as RadioPrimitive } from "@base-ui/react/radio";
 import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function RadioGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     RadioGroupPrimitive,
     {
       "data-slot": "radio-group",
@@ -5265,7 +5310,7 @@ function RadioGroup({ className, ...props }) {
   );
 }
 function RadioGroupItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     RadioPrimitive.Root,
     {
       "data-slot": "radio-group-item",
@@ -5274,12 +5319,12 @@ function RadioGroupItem({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsx42(
         RadioPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "flex size-4 items-center justify-center",
-          children: /* @__PURE__ */ jsx41("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
+          children: /* @__PURE__ */ jsx42("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
         }
       )
     }
@@ -5293,21 +5338,21 @@ import {
   createContext as createContext5,
   useCallback as useCallback4,
   useContext as useContext6,
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useId as useId4,
   useMemo as useMemo4,
   useRef as useRef4,
-  useState as useState8
+  useState as useState9
 } from "react";
 
 // src/ui/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
-import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
 function TooltipProvider({
   delay = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -5317,10 +5362,10 @@ function TooltipProvider({
   );
 }
 function Tooltip2({ ...props }) {
-  return /* @__PURE__ */ jsx42(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+  return /* @__PURE__ */ jsx43(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx42(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx43(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -5331,7 +5376,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx43(
     TooltipPrimitive.Positioner,
     {
       align,
@@ -5350,7 +5395,7 @@ function TooltipContent({
           ...props,
           children: [
             children,
-            /* @__PURE__ */ jsx42(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
+            /* @__PURE__ */ jsx43(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
           ]
         }
       )
@@ -5360,7 +5405,7 @@ function TooltipContent({
 
 // src/ui/reui/filters.tsx
 import { AlertCircleIcon, CheckIcon as CheckIcon2, PlusIcon, XIcon } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
 var DEFAULT_I18N = {
   // UI Labels
   addFilter: "Filter",
@@ -5467,10 +5512,10 @@ function FilterInput({
   ...props
 }) {
   const context = useFilterContext();
-  const [isValid, setIsValid] = useState8(true);
-  const [validationMessage, setValidationMessage] = useState8("");
+  const [isValid, setIsValid] = useState9(true);
+  const [validationMessage, setValidationMessage] = useState9("");
   const inputRef = useRef4(null);
-  useEffect6(() => {
+  useEffect7(() => {
     if (props.autoFocus) {
       const timer = setTimeout(() => {
         inputRef.current?.focus();
@@ -5544,8 +5589,8 @@ function FilterInput({
         className
       ),
       children: [
-        field?.prefix && /* @__PURE__ */ jsx43(InputGroupAddon, { children: /* @__PURE__ */ jsx43(InputGroupText, { children: field.prefix }) }),
-        /* @__PURE__ */ jsx43(
+        field?.prefix && /* @__PURE__ */ jsx44(InputGroupAddon, { children: /* @__PURE__ */ jsx44(InputGroupText, { children: field.prefix }) }),
+        /* @__PURE__ */ jsx44(
           InputGroupInput,
           {
             ref: inputRef,
@@ -5560,22 +5605,22 @@ function FilterInput({
             ...props
           }
         ),
-        !isValid && validationMessage && /* @__PURE__ */ jsx43(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsxs24(Tooltip2, { children: [
-          /* @__PURE__ */ jsx43(TooltipTrigger, { render: /* @__PURE__ */ jsx43(InputGroupButton, { size: "icon-xs" }), children: /* @__PURE__ */ jsx43(AlertCircleIcon, { className: "size-3.5 text-destructive" }) }),
-          /* @__PURE__ */ jsx43(TooltipContent, { children: /* @__PURE__ */ jsx43("p", { className: "text-sm", children: validationMessage }) })
+        !isValid && validationMessage && /* @__PURE__ */ jsx44(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsxs24(Tooltip2, { children: [
+          /* @__PURE__ */ jsx44(TooltipTrigger, { render: /* @__PURE__ */ jsx44(InputGroupButton, { size: "icon-xs" }), children: /* @__PURE__ */ jsx44(AlertCircleIcon, { className: "size-3.5 text-destructive" }) }),
+          /* @__PURE__ */ jsx44(TooltipContent, { children: /* @__PURE__ */ jsx44("p", { className: "text-sm", children: validationMessage }) })
         ] }) }),
-        field?.suffix && /* @__PURE__ */ jsx43(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx43(InputGroupText, { children: field.suffix }) })
+        field?.suffix && /* @__PURE__ */ jsx44(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx44(InputGroupText, { children: field.suffix }) })
       ]
     }
   );
 }
 function FilterRemoveButton({
   className,
-  icon = /* @__PURE__ */ jsx43(XIcon, {}),
+  icon = /* @__PURE__ */ jsx44(XIcon, {}),
   ...props
 }) {
   const context = useFilterContext();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     Button,
     {
       variant: "outline",
@@ -5633,9 +5678,9 @@ function useFieldOptions(field, searchInput, enabled) {
       cache.set(opt.value, opt);
     }
   }
-  const [state, setState] = useState8(() => ({ options: field.options ?? [], loading: false, error: false }));
-  const [debouncedQuery, setDebouncedQuery] = useState8(searchInput);
-  useEffect6(() => {
+  const [state, setState] = useState9(() => ({ options: field.options ?? [], loading: false, error: false }));
+  const [debouncedQuery, setDebouncedQuery] = useState9(searchInput);
+  useEffect7(() => {
     if (!isAsync) return;
     const timer = setTimeout(() => setDebouncedQuery(searchInput), 250);
     return () => clearTimeout(timer);
@@ -5643,7 +5688,7 @@ function useFieldOptions(field, searchInput, enabled) {
   const requestIdRef = useRef4(0);
   const loaderRef = useRef4(field.loadOptions);
   loaderRef.current = field.loadOptions;
-  useEffect6(() => {
+  useEffect7(() => {
     if (!isAsync || !enabled) return;
     const loader = loaderRef.current;
     if (!loader) return;
@@ -5747,10 +5792,10 @@ function FilterOperatorDropdown({
   );
   const operatorLabel = operators.find((op) => op.value === operator)?.label || context.i18n.helpers.formatOperator(operator);
   return /* @__PURE__ */ jsxs24(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44(
       DropdownMenuTrigger,
       {
-        render: /* @__PURE__ */ jsx43(
+        render: /* @__PURE__ */ jsx44(
           Button,
           {
             variant: "outline",
@@ -5761,7 +5806,7 @@ function FilterOperatorDropdown({
         )
       }
     ),
-    /* @__PURE__ */ jsx43(DropdownMenuContent, { align: "start", className: "w-fit min-w-fit", children: operators.map((op) => /* @__PURE__ */ jsxs24(
+    /* @__PURE__ */ jsx44(DropdownMenuContent, { align: "start", className: "w-fit min-w-fit", children: operators.map((op) => /* @__PURE__ */ jsxs24(
       DropdownMenuItem,
       {
         onClick: () => onChange(op.value),
@@ -5769,8 +5814,8 @@ function FilterOperatorDropdown({
           "flex items-center justify-between data-highlighted:bg-accent data-highlighted:text-accent-foreground"
         ),
         children: [
-          /* @__PURE__ */ jsx43("span", { children: op.label }),
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx44("span", { children: op.label }),
+          /* @__PURE__ */ jsx44(
             CheckIcon2,
             {
               className: cn(
@@ -5792,21 +5837,21 @@ function SelectOptionsPopover({
   onClose,
   inline = false
 }) {
-  const [open, setOpen] = useState8(false);
-  const [searchInput, setSearchInput] = useState8("");
-  const [highlightedIndex, setHighlightedIndex] = useState8(-1);
+  const [open, setOpen] = useState9(false);
+  const [searchInput, setSearchInput] = useState9("");
+  const [highlightedIndex, setHighlightedIndex] = useState9(-1);
   const inputRef = useRef4(null);
   const context = useFilterContext();
   const baseId = useId4();
-  useEffect6(() => {
+  useEffect7(() => {
     if (open) {
       inputRef.current?.focus();
     }
   }, [open]);
-  useEffect6(() => {
+  useEffect7(() => {
     setHighlightedIndex(-1);
   }, [searchInput, open]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (highlightedIndex >= 0 && open) {
       const element = document.getElementById(
         `${baseId}-item-${highlightedIndex}`
@@ -5873,7 +5918,7 @@ function SelectOptionsPopover({
         onCheckedChange: () => toggleOption(option),
         children: [
           option.icon && option.icon,
-          /* @__PURE__ */ jsx43("span", { className: "truncate", children: option.label })
+          /* @__PURE__ */ jsx44("span", { className: "truncate", children: option.label })
         ]
       },
       String(option.value)
@@ -5881,7 +5926,7 @@ function SelectOptionsPopover({
   };
   const renderMenuContent = () => /* @__PURE__ */ jsxs24(Fragment4, { children: [
     field.searchable !== false && /* @__PURE__ */ jsxs24(Fragment4, { children: [
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx44(
         Input,
         {
           ref: inputRef,
@@ -5942,24 +5987,24 @@ function SelectOptionsPopover({
           }
         }
       ),
-      /* @__PURE__ */ jsx43(DropdownMenuSeparator, {})
+      /* @__PURE__ */ jsx44(DropdownMenuSeparator, {})
     ] }),
-    /* @__PURE__ */ jsx43("div", { className: "relative flex max-h-full", children: /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44("div", { className: "relative flex max-h-full", children: /* @__PURE__ */ jsx44(
       "div",
       {
         className: "flex max-h-[min(var(--available-height),24rem)] w-full scroll-pt-2 scroll-pb-2 flex-col overscroll-contain",
         role: "listbox",
         id: `${baseId}-listbox`,
-        children: isAsync && loading && allFilteredOptions.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: context.i18n.loadingOptions ?? DEFAULT_I18N.loadingOptions }) : isAsync && error ? /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: context.i18n.errorLoadingOptions ?? DEFAULT_I18N.errorLoadingOptions }) : allFilteredOptions.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: context.i18n.noResultsFound }) : field.renderOptionList ? field.renderOptionList({
+        children: isAsync && loading && allFilteredOptions.length === 0 ? /* @__PURE__ */ jsx44("div", { className: "py-2 text-center text-sm text-muted-foreground", children: context.i18n.loadingOptions ?? DEFAULT_I18N.loadingOptions }) : isAsync && error ? /* @__PURE__ */ jsx44("div", { className: "py-2 text-center text-sm text-muted-foreground", children: context.i18n.errorLoadingOptions ?? DEFAULT_I18N.errorLoadingOptions }) : allFilteredOptions.length === 0 ? /* @__PURE__ */ jsx44("div", { className: "py-2 text-center text-sm text-muted-foreground", children: context.i18n.noResultsFound }) : field.renderOptionList ? field.renderOptionList({
           options: allFilteredOptions,
           highlightedIndex,
           renderOption: renderOptionItem
         }) : /* @__PURE__ */ jsxs24(ScrollArea, { className: "size-full min-h-0 **:data-[slot=scroll-area-scrollbar]:m-0 **:data-[slot=scroll-area-viewport]:h-full **:data-[slot=scroll-area-viewport]:overscroll-contain", children: [
-          filteredSelectedOptions.length > 0 && /* @__PURE__ */ jsx43(DropdownMenuGroup, { className: "px-1", children: filteredSelectedOptions.map(
+          filteredSelectedOptions.length > 0 && /* @__PURE__ */ jsx44(DropdownMenuGroup, { className: "px-1", children: filteredSelectedOptions.map(
             (option, index) => renderOptionItem(option, index)
           ) }),
-          filteredSelectedOptions.length > 0 && filteredUnselectedOptions.length > 0 && /* @__PURE__ */ jsx43(DropdownMenuSeparator, { className: "mx-0" }),
-          filteredUnselectedOptions.length > 0 && /* @__PURE__ */ jsx43(DropdownMenuGroup, { className: "px-1", children: filteredUnselectedOptions.map(
+          filteredSelectedOptions.length > 0 && filteredUnselectedOptions.length > 0 && /* @__PURE__ */ jsx44(DropdownMenuSeparator, { className: "mx-0" }),
+          filteredUnselectedOptions.length > 0 && /* @__PURE__ */ jsx44(DropdownMenuGroup, { className: "px-1", children: filteredUnselectedOptions.map(
             (option, index) => renderOptionItem(
               option,
               index + filteredSelectedOptions.length
@@ -5970,7 +6015,7 @@ function SelectOptionsPopover({
     ) })
   ] });
   if (inline) {
-    return /* @__PURE__ */ jsx43("div", { className: "w-full", children: renderMenuContent() });
+    return /* @__PURE__ */ jsx44("div", { className: "w-full", children: renderMenuContent() });
   }
   return /* @__PURE__ */ jsxs24(
     DropdownMenu,
@@ -5983,19 +6028,19 @@ function SelectOptionsPopover({
         }
       },
       children: [
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           DropdownMenuTrigger,
           {
-            render: /* @__PURE__ */ jsx43(Button, { variant: "outline", size: context.size, children: /* @__PURE__ */ jsx43("div", { className: "flex items-center gap-1.5", children: field.customValueRenderer ? field.customValueRenderer(
+            render: /* @__PURE__ */ jsx44(Button, { variant: "outline", size: context.size, children: /* @__PURE__ */ jsx44("div", { className: "flex items-center gap-1.5", children: field.customValueRenderer ? field.customValueRenderer(
               values,
               isAsync ? resolveSelected(values) : field.options || []
             ) : /* @__PURE__ */ jsxs24(Fragment4, { children: [
-              selectedOptions.length > 0 && /* @__PURE__ */ jsx43("div", { className: "flex items-center -space-x-1.5", children: selectedOptions.slice(0, 3).map((option) => /* @__PURE__ */ jsx43("div", { children: option.icon }, String(option.value))) }),
+              selectedOptions.length > 0 && /* @__PURE__ */ jsx44("div", { className: "flex items-center -space-x-1.5", children: selectedOptions.slice(0, 3).map((option) => /* @__PURE__ */ jsx44("div", { children: option.icon }, String(option.value))) }),
               selectedOptions.length === 1 ? selectedOptions[0].label : selectedOptions.length > 1 ? `${selectedOptions.length} ${context.i18n.selectedCount}` : context.i18n.select
             ] }) }) })
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           DropdownMenuContent,
           {
             align: "start",
@@ -6018,10 +6063,10 @@ function FilterValueSelector({
     return null;
   }
   if (field.customRenderer) {
-    return /* @__PURE__ */ jsx43(ButtonGroupText, { className: "bg-background text-start whitespace-nowrap outline-hidden hover:bg-accent aria-expanded:bg-accent dark:bg-input/30", children: field.customRenderer({ field, values, onChange, operator }) });
+    return /* @__PURE__ */ jsx44(ButtonGroupText, { className: "bg-background text-start whitespace-nowrap outline-hidden hover:bg-accent aria-expanded:bg-accent dark:bg-input/30", children: field.customRenderer({ field, values, onChange, operator }) });
   }
   if (field.type === "text") {
-    return /* @__PURE__ */ jsx43(
+    return /* @__PURE__ */ jsx44(
       FilterInput,
       {
         type: "text",
@@ -6036,9 +6081,9 @@ function FilterValueSelector({
     );
   }
   if (field.type === "select" || field.type === "multiselect") {
-    return /* @__PURE__ */ jsx43(SelectOptionsPopover, { field, values, onChange });
+    return /* @__PURE__ */ jsx44(SelectOptionsPopover, { field, values, onChange });
   }
-  return /* @__PURE__ */ jsx43(SelectOptionsPopover, { field, values, onChange });
+  return /* @__PURE__ */ jsx44(SelectOptionsPopover, { field, values, onChange });
 }
 var FiltersContent = ({
   filters,
@@ -6070,7 +6115,7 @@ var FiltersContent = ({
     },
     [filters, onChange]
   );
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       className: cn(
@@ -6092,7 +6137,7 @@ var FiltersContent = ({
                 field.icon && field.icon,
                 field.label
               ] }),
-              /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx44(
                 FilterOperatorDropdown,
                 {
                   field,
@@ -6101,7 +6146,7 @@ var FiltersContent = ({
                   onChange: (operator) => updateFilter(filter.id, { operator })
                 }
               ),
-              /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx44(
                 FilterValueSelector,
                 {
                   field,
@@ -6111,7 +6156,7 @@ var FiltersContent = ({
                   autoFocus: false
                 }
               ),
-              /* @__PURE__ */ jsx43(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
+              /* @__PURE__ */ jsx44(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
             ]
           },
           filter.id
@@ -6131,8 +6176,8 @@ function FilterSubmenuContent({
   onBack,
   onClose
 }) {
-  const [searchInput, setSearchInput] = useState8("");
-  const [highlightedIndex, setHighlightedIndex] = useState8(-1);
+  const [searchInput, setSearchInput] = useState9("");
+  const [highlightedIndex, setHighlightedIndex] = useState9(-1);
   const inputRef = useRef4(null);
   const baseId = useId4();
   const {
@@ -6142,7 +6187,7 @@ function FilterSubmenuContent({
     error,
     resolveSelected
   } = useFieldOptions(field, searchInput, true);
-  useEffect6(() => {
+  useEffect7(() => {
     if (isActive) {
       if (field.searchable !== false) {
         inputRef.current?.focus();
@@ -6152,10 +6197,10 @@ function FilterSubmenuContent({
       }
     }
   }, [isActive, field.searchable, baseId]);
-  useEffect6(() => {
+  useEffect7(() => {
     setHighlightedIndex(-1);
   }, [searchInput]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (highlightedIndex >= 0 && isActive) {
       const element = document.getElementById(
         `${baseId}-item-${highlightedIndex}`
@@ -6208,20 +6253,20 @@ function FilterSubmenuContent({
         onCheckedChange: () => onToggle(option.value, isSelected),
         children: [
           option.icon && option.icon,
-          /* @__PURE__ */ jsx43("span", { className: "truncate", children: option.label })
+          /* @__PURE__ */ jsx44("span", { className: "truncate", children: option.label })
         ]
       },
       String(option.value)
     );
   };
-  useEffect6(() => {
+  useEffect7(() => {
     if (isActive && filteredOptions.length > 0) {
       setHighlightedIndex(0);
     }
   }, [isActive, filteredOptions.length]);
   return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col", onMouseEnter: onActive, children: [
     field.searchable !== false && /* @__PURE__ */ jsxs24(Fragment4, { children: [
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx44(
         Input,
         {
           ref: inputRef,
@@ -6284,9 +6329,9 @@ function FilterSubmenuContent({
           }
         }
       ),
-      /* @__PURE__ */ jsx43(DropdownMenuSeparator, {})
+      /* @__PURE__ */ jsx44(DropdownMenuSeparator, {})
     ] }),
-    /* @__PURE__ */ jsx43("div", { className: "relative flex max-h-full", children: /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44("div", { className: "relative flex max-h-full", children: /* @__PURE__ */ jsx44(
       "div",
       {
         className: "flex max-h-[min(var(--available-height),24rem)] w-full scroll-pt-2 scroll-pb-2 flex-col overscroll-contain outline-hidden",
@@ -6331,11 +6376,11 @@ function FilterSubmenuContent({
             e.stopPropagation();
           }
         },
-        children: isAsync && loading && filteredOptions.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: i18n.loadingOptions ?? DEFAULT_I18N.loadingOptions }) : isAsync && error ? /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: i18n.errorLoadingOptions ?? DEFAULT_I18N.errorLoadingOptions }) : filteredOptions.length === 0 ? /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: i18n.noResultsFound }) : field.renderOptionList ? field.renderOptionList({
+        children: isAsync && loading && filteredOptions.length === 0 ? /* @__PURE__ */ jsx44("div", { className: "py-2 text-center text-sm text-muted-foreground", children: i18n.loadingOptions ?? DEFAULT_I18N.loadingOptions }) : isAsync && error ? /* @__PURE__ */ jsx44("div", { className: "py-2 text-center text-sm text-muted-foreground", children: i18n.errorLoadingOptions ?? DEFAULT_I18N.errorLoadingOptions }) : filteredOptions.length === 0 ? /* @__PURE__ */ jsx44("div", { className: "py-2 text-center text-sm text-muted-foreground", children: i18n.noResultsFound }) : field.renderOptionList ? field.renderOptionList({
           options: filteredOptions,
           highlightedIndex,
           renderOption: renderOptionItem
-        }) : /* @__PURE__ */ jsx43(ScrollArea, { className: "size-full min-h-0 **:data-[slot=scroll-area-scrollbar]:m-0 **:data-[slot=scroll-area-viewport]:h-full **:data-[slot=scroll-area-viewport]:overscroll-contain", children: /* @__PURE__ */ jsx43(DropdownMenuGroup, { children: filteredOptions.map(
+        }) : /* @__PURE__ */ jsx44(ScrollArea, { className: "size-full min-h-0 **:data-[slot=scroll-area-scrollbar]:m-0 **:data-[slot=scroll-area-viewport]:h-full **:data-[slot=scroll-area-viewport]:overscroll-contain", children: /* @__PURE__ */ jsx44(DropdownMenuGroup, { children: filteredOptions.map(
           (option, index) => renderOptionItem(option, index)
         ) }) })
       }
@@ -6359,17 +6404,17 @@ function Filters({
   shortcutKey = "f",
   shortcutLabel = "F"
 }) {
-  const [addFilterOpen, setAddFilterOpen] = useState8(false);
-  const [menuSearchInput, setMenuSearchInput] = useState8("");
-  const [activeMenu, setActiveMenu] = useState8("root");
-  const [openSubMenu, setOpenSubMenu] = useState8(null);
-  const [highlightedIndex, setHighlightedIndex] = useState8(-1);
-  const [lastAddedFilterId, setLastAddedFilterId] = useState8(
+  const [addFilterOpen, setAddFilterOpen] = useState9(false);
+  const [menuSearchInput, setMenuSearchInput] = useState9("");
+  const [activeMenu, setActiveMenu] = useState9("root");
+  const [openSubMenu, setOpenSubMenu] = useState9(null);
+  const [highlightedIndex, setHighlightedIndex] = useState9(-1);
+  const [lastAddedFilterId, setLastAddedFilterId] = useState9(
     null
   );
   const rootInputRef = useRef4(null);
   const rootId = useId4();
-  useEffect6(() => {
+  useEffect7(() => {
     if (!enableShortcut) return;
     const handleKeyDown = (e) => {
       if (e.key.toLowerCase() === shortcutKey.toLowerCase() && !addFilterOpen && !(document.activeElement instanceof HTMLInputElement || document.activeElement instanceof HTMLTextAreaElement)) {
@@ -6380,15 +6425,15 @@ function Filters({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [enableShortcut, shortcutKey, addFilterOpen]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (addFilterOpen && activeMenu === "root") {
       rootInputRef.current?.focus();
     }
   }, [addFilterOpen, activeMenu]);
-  useEffect6(() => {
+  useEffect7(() => {
     setHighlightedIndex(-1);
   }, [menuSearchInput]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (highlightedIndex >= 0 && addFilterOpen) {
       const element = document.getElementById(
         `${rootId}-item-${highlightedIndex}`
@@ -6396,13 +6441,13 @@ function Filters({
       element?.scrollIntoView({ block: "nearest" });
     }
   }, [highlightedIndex, addFilterOpen, rootId]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!addFilterOpen) {
       setOpenSubMenu(null);
     }
   }, [addFilterOpen]);
-  const [sessionFilterIds, setSessionFilterIds] = useState8({});
-  useEffect6(() => {
+  const [sessionFilterIds, setSessionFilterIds] = useState9({});
+  useEffect7(() => {
     if (lastAddedFilterId) {
       const timer = setTimeout(() => {
         setLastAddedFilterId(null);
@@ -6476,14 +6521,14 @@ function Filters({
       (f) => !menuSearchInput || f.label?.toLowerCase().includes(menuSearchInput.toLowerCase())
     );
   }, [selectableFields, menuSearchInput]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (addFilterOpen && filteredFields.length > 0) {
       setHighlightedIndex(0);
     }
   }, [addFilterOpen, filteredFields.length]);
   const triggerButton = useRender5({
     render: trigger ?? /* @__PURE__ */ jsxs24(Button, { variant: "outline", children: [
-      /* @__PURE__ */ jsx43(PlusIcon, {}),
+      /* @__PURE__ */ jsx44(PlusIcon, {}),
       mergedI18n.addFilter
     ] }),
     defaultTagName: "button"
@@ -6500,7 +6545,7 @@ function Filters({
     }),
     [variant, size, radius, mergedI18n, className, trigger, allowMultiple]
   );
-  return /* @__PURE__ */ jsx43(FilterContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx44(FilterContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs24(
     "div",
     {
       className: cn(filtersContainerVariants({ variant, size }), className),
@@ -6519,7 +6564,7 @@ function Filters({
               }
             },
             children: [
-              /* @__PURE__ */ jsx43(DropdownMenuTrigger, { render: triggerButton }),
+              /* @__PURE__ */ jsx44(DropdownMenuTrigger, { render: triggerButton }),
               /* @__PURE__ */ jsxs24(
                 DropdownMenuContent,
                 {
@@ -6528,7 +6573,7 @@ function Filters({
                   children: [
                     showSearchInput && /* @__PURE__ */ jsxs24(Fragment4, { children: [
                       /* @__PURE__ */ jsxs24("div", { className: "relative", children: [
-                        /* @__PURE__ */ jsx43(
+                        /* @__PURE__ */ jsx44(
                           Input,
                           {
                             ref: rootInputRef,
@@ -6600,20 +6645,20 @@ function Filters({
                             }
                           }
                         ),
-                        enableShortcut && shortcutLabel && /* @__PURE__ */ jsx43(Kbd, { className: "absolute top-1/2 right-2 -translate-y-1/2 border bg-background", children: shortcutLabel })
+                        enableShortcut && shortcutLabel && /* @__PURE__ */ jsx44(Kbd, { className: "absolute top-1/2 right-2 -translate-y-1/2 border bg-background", children: shortcutLabel })
                       ] }),
-                      /* @__PURE__ */ jsx43(DropdownMenuSeparator, {})
+                      /* @__PURE__ */ jsx44(DropdownMenuSeparator, {})
                     ] }),
-                    /* @__PURE__ */ jsx43("div", { className: "relative flex max-h-full", children: /* @__PURE__ */ jsx43(
+                    /* @__PURE__ */ jsx44("div", { className: "relative flex max-h-full", children: /* @__PURE__ */ jsx44(
                       "div",
                       {
                         className: "flex max-h-[min(var(--available-height),24rem)] w-full scroll-pt-2 scroll-pb-2 flex-col overscroll-contain",
                         role: "listbox",
                         id: `${rootId}-listbox`,
                         onMouseEnter: () => setActiveMenu("root"),
-                        children: /* @__PURE__ */ jsx43(ScrollArea, { className: "**:data-[slot=scroll-area-scrollbar]:m-0", children: (() => {
+                        children: /* @__PURE__ */ jsx44(ScrollArea, { className: "**:data-[slot=scroll-area-scrollbar]:m-0", children: (() => {
                           if (filteredFields.length === 0) {
-                            return /* @__PURE__ */ jsx43("div", { className: "py-2 text-center text-sm text-muted-foreground", children: mergedI18n.noFieldsFound });
+                            return /* @__PURE__ */ jsx44("div", { className: "py-2 text-center text-sm text-muted-foreground", children: mergedI18n.noFieldsFound });
                           }
                           return filteredFields.map((field, index) => {
                             const isHighlighted = highlightedIndex === index;
@@ -6654,16 +6699,16 @@ function Filters({
                                         className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground data-popup-open:bg-accent data-popup-open:text-accent-foreground",
                                         children: [
                                           field.icon,
-                                          /* @__PURE__ */ jsx43("span", { children: field.label })
+                                          /* @__PURE__ */ jsx44("span", { children: field.label })
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ jsx43(
+                                    /* @__PURE__ */ jsx44(
                                       DropdownMenuSubContent,
                                       {
                                         className: "w-50",
                                         side: "right",
-                                        children: /* @__PURE__ */ jsx43(
+                                        children: /* @__PURE__ */ jsx44(
                                           FilterSubmenuContent,
                                           {
                                             field,
@@ -6748,7 +6793,7 @@ function Filters({
                                 className: "data-highlighted:bg-accent data-highlighted:text-accent-foreground",
                                 children: [
                                   field.icon,
-                                  /* @__PURE__ */ jsx43("span", { children: field.label })
+                                  /* @__PURE__ */ jsx44("span", { children: field.label })
                                 ]
                               },
                               field.key
@@ -6775,7 +6820,7 @@ function Filters({
                   field.icon && field.icon,
                   field.label
                 ] }),
-                /* @__PURE__ */ jsx43(
+                /* @__PURE__ */ jsx44(
                   FilterOperatorDropdown,
                   {
                     field,
@@ -6784,7 +6829,7 @@ function Filters({
                     onChange: (operator) => updateFilter(filter.id, { operator })
                   }
                 ),
-                /* @__PURE__ */ jsx43(
+                /* @__PURE__ */ jsx44(
                   FilterValueSelector,
                   {
                     field,
@@ -6794,7 +6839,7 @@ function Filters({
                     autoFocus: filter.id === lastAddedFilterId
                   }
                 ),
-                /* @__PURE__ */ jsx43(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
+                /* @__PURE__ */ jsx44(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
               ]
             },
             filter.id
@@ -6820,10 +6865,10 @@ var createFilterGroup = (id, label, fields, initialFilters = []) => ({
 // src/ui/select.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { Check as Check2, ChevronDown as ChevronDown3, ChevronUp as ChevronUp2 } from "@gravity-ui/icons";
-import { jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 function SelectGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.Group,
     {
       "data-slot": "select-group",
@@ -6833,7 +6878,7 @@ function SelectGroup({ className, ...props }) {
   );
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.Value,
     {
       "data-slot": "select-value",
@@ -6860,10 +6905,10 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(
           SelectPrimitive.Icon,
           {
-            render: /* @__PURE__ */ jsx44(ChevronDown3, { className: "pointer-events-none size-4 text-muted-foreground" })
+            render: /* @__PURE__ */ jsx45(ChevronDown3, { className: "pointer-events-none size-4 text-muted-foreground" })
           }
         )
       ]
@@ -6880,7 +6925,7 @@ function SelectContent({
   alignItemWithTrigger = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx45(
     SelectPrimitive.Positioner,
     {
       side,
@@ -6900,9 +6945,9 @@ function SelectContent({
           ),
           ...props,
           children: [
-            /* @__PURE__ */ jsx44(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx44(SelectPrimitive.List, { className: "p-1", children }),
-            /* @__PURE__ */ jsx44(SelectScrollDownButton, {})
+            /* @__PURE__ */ jsx45(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx45(SelectPrimitive.List, { className: "p-1", children }),
+            /* @__PURE__ */ jsx45(SelectScrollDownButton, {})
           ]
         }
       )
@@ -6913,7 +6958,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.GroupLabel,
     {
       "data-slot": "select-label",
@@ -6937,12 +6982,12 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx44(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
+        /* @__PURE__ */ jsx45(
           SelectPrimitive.ItemIndicator,
           {
-            render: /* @__PURE__ */ jsx44("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-            children: /* @__PURE__ */ jsx44(Check2, { className: "pointer-events-none" })
+            render: /* @__PURE__ */ jsx45("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ jsx45(Check2, { className: "pointer-events-none" })
           }
         )
       ]
@@ -6953,7 +6998,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -6966,7 +7011,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
@@ -6975,7 +7020,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx44(ChevronUp2, {})
+      children: /* @__PURE__ */ jsx45(ChevronUp2, {})
     }
   );
 }
@@ -6983,7 +7028,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
@@ -6992,7 +7037,7 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx44(ChevronDown3, {})
+      children: /* @__PURE__ */ jsx45(ChevronDown3, {})
     }
   );
 }
@@ -7002,7 +7047,7 @@ import {
   forwardRef as forwardRef4,
   useLayoutEffect
 } from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var componentThemeClassName = "[--ic-background:#ffffff] [--ic-foreground:#111111] [--ic-primary:#111111] [--ic-secondary:#646b75] [--ic-surface-border:#e9edf2] [--ic-border:#e3e7ec] [--ic-card:#ffffff] [--ic-card-foreground:#111111] [--ic-muted:#f5f7fa] [--ic-muted-foreground:#6d7480] [--ic-accent:#f3f5f8] [--color-accent:var(--ic-accent)] [--color-accent-foreground:var(--ic-accent-foreground)] [--ic-accent-foreground:#111111] [--ic-input:#e3e7ec] [--ic-ring:rgba(17,17,17,0.16)] [--ic-destructive:#dc2626] [--ic-paper:#fcfcfd] [--ic-popover-foreground:#111111] [--ic-brand:#0ea5e9] [--ic-brand-soft:#bae6fd] [--ic-shadow-soft:0_18px_38px_-24px_rgba(15,23,42,0.35)] [--ic-chart-1:oklch(0.52_0.19_254)] [--ic-chart-2:oklch(0.74_0.11_232)] [--ic-chart-3:oklch(0.42_0.16_262)] [--ic-chart-4:oklch(0.84_0.07_228)] [--ic-chart-5:oklch(0.62_0.14_240)] [--color-background:var(--ic-background)] [--color-foreground:var(--ic-foreground)] [--color-primary:var(--ic-primary)] [--color-secondary:var(--ic-secondary)] [--color-border:var(--ic-border)] [--color-card:var(--ic-card)] [--color-card-foreground:var(--ic-card-foreground)] [--color-muted:var(--ic-muted)] [--color-muted-foreground:var(--ic-muted-foreground)] [--color-accent:var(--ic-accent)] [--color-accent-foreground:var(--ic-accent-foreground)] [--color-input:var(--ic-input)] [--color-ring:var(--ic-ring)] [--color-destructive:var(--ic-destructive)] [--color-paper:var(--ic-paper)] [--color-popover-foreground:var(--ic-popover-foreground)] [--color-brand:var(--ic-brand)] [--color-brand-soft:var(--ic-brand-soft)] [--color-chart-1:var(--ic-chart-1)] [--color-chart-2:var(--ic-chart-2)] [--color-chart-3:var(--ic-chart-3)] [--color-chart-4:var(--ic-chart-4)] [--color-chart-5:var(--ic-chart-5)] dark:[--ic-background:#111111] dark:[--ic-foreground:#f6f3ec] dark:[--ic-primary:#f6f3ec] dark:[--ic-secondary:#cbc6bb] dark:[--ic-surface-border:#2a2a25] dark:[--ic-border:#2b2a25] dark:[--ic-card:#111111] dark:[--ic-card-foreground:#f6f3ec] dark:[--ic-muted:#171716] dark:[--ic-muted-foreground:#9a958a] dark:[--ic-accent:#1a1a18] [--color-accent:var(--ic-accent)] [--color-accent-foreground:var(--ic-accent-foreground)] dark:[--ic-accent-foreground:#f6f3ec] dark:[--ic-input:#2b2a25] dark:[--ic-ring:rgba(246,243,236,0.18)] dark:[--ic-destructive:#f87171] dark:[--ic-paper:#171716] dark:[--ic-popover-foreground:#f6f3ec] dark:[--ic-brand:#38bdf8] dark:[--ic-brand-soft:#0c4a6e] dark:[--ic-shadow-soft:0_20px_44px_-28px_rgba(0,0,0,0.6)] dark:[--ic-chart-1:oklch(0.68_0.17_250)] dark:[--ic-chart-2:oklch(0.82_0.09_225)] dark:[--ic-chart-3:oklch(0.58_0.15_260)] dark:[--ic-chart-4:oklch(0.75_0.12_235)] dark:[--ic-chart-5:oklch(0.88_0.06_220)]";
 var STYLE_ID = "iconiq-skeleton-styles";
 var SKELETON_CSS = `
@@ -7123,7 +7168,7 @@ var Skeleton = forwardRef4(function Skeleton2({
     ...style,
     "--iconiq-skeleton-duration": `${variantDuration}s`
   } : style;
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       className: cn(
@@ -7137,7 +7182,7 @@ var Skeleton = forwardRef4(function Skeleton2({
       style: animatedStyle,
       ...resolveSkeletonA11yProps({ animate: animate2, decorative, label }),
       ...props,
-      children: showShimmer ? /* @__PURE__ */ jsx45(
+      children: showShimmer ? /* @__PURE__ */ jsx46(
         "span",
         {
           "aria-hidden": "true",
@@ -7152,7 +7197,7 @@ function SkeletonAvatar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Skeleton,
     {
       className: cn("size-10", className),
@@ -7163,13 +7208,13 @@ function SkeletonAvatar({
   );
 }
 function SkeletonText({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(Skeleton, { className: cn("h-3", className), decorative: true, ...props });
+  return /* @__PURE__ */ jsx46(Skeleton, { className: cn("h-3", className), decorative: true, ...props });
 }
 function SkeletonButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Skeleton,
     {
       className: cn("h-9 w-24", className),
@@ -7184,11 +7229,11 @@ var ShimmerSkeleton = Skeleton;
 // src/ui/sonner.tsx
 import { GooeyToaster } from "goey-toast";
 import { useTheme } from "next-themes";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var Toaster = ({ closeButton = "top-left", ...props }) => {
   const { theme = "system" } = useTheme();
   const toasterTheme = theme === "dark" ? "dark" : "light";
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     GooeyToaster,
     {
       theme: toasterTheme,
@@ -7228,11 +7273,11 @@ import {
   verticalListSortingStrategy
 } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import * as React14 from "react";
+import * as React15 from "react";
 import * as ReactDOM from "react-dom";
 
 // src/lib/compose-refs.ts
-import * as React12 from "react";
+import * as React13 from "react";
 function setRef(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -7266,15 +7311,15 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React12.useCallback(composeRefs(...refs), refs);
+  return React13.useCallback(composeRefs(...refs), refs);
 }
 
 // src/hooks/use-isomorphic-layout-effect.ts
-import * as React13 from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React13.useLayoutEffect : React13.useEffect;
+import * as React14 from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React14.useLayoutEffect : React14.useEffect;
 
 // src/ui/sortable.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var orientationConfig = {
   vertical: {
     modifiers: [restrictToVerticalAxis, restrictToParentElement],
@@ -7297,9 +7342,9 @@ var CONTENT_NAME = "SortableContent";
 var ITEM_NAME = "SortableItem";
 var ITEM_HANDLE_NAME = "SortableItemHandle";
 var OVERLAY_NAME = "SortableOverlay";
-var SortableRootContext = React14.createContext(null);
+var SortableRootContext = React15.createContext(null);
 function useSortableContext(consumerName) {
-  const context = React14.useContext(SortableRootContext);
+  const context = React15.useContext(SortableRootContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
   }
@@ -7319,8 +7364,8 @@ function Sortable(props) {
     accessibility,
     ...sortableProps
   } = props;
-  const id = React14.useId();
-  const [activeId, setActiveId] = React14.useState(null);
+  const id = React15.useId();
+  const [activeId, setActiveId] = React15.useState(null);
   const sensors = useSensors(
     useSensor(MouseSensor),
     useSensor(TouchSensor),
@@ -7328,11 +7373,11 @@ function Sortable(props) {
       coordinateGetter: sortableKeyboardCoordinates
     })
   );
-  const config = React14.useMemo(
+  const config = React15.useMemo(
     () => orientationConfig[orientation],
     [orientation]
   );
-  const getItemValue = React14.useCallback(
+  const getItemValue = React15.useCallback(
     (item) => {
       if (typeof item === "object" && !getItemValueProp) {
         throw new Error(
@@ -7343,10 +7388,10 @@ function Sortable(props) {
     },
     [getItemValueProp]
   );
-  const items = React14.useMemo(() => {
+  const items = React15.useMemo(() => {
     return value.map((item) => getItemValue(item));
   }, [value, getItemValue]);
-  const onDragStart = React14.useCallback(
+  const onDragStart = React15.useCallback(
     (event) => {
       sortableProps.onDragStart?.(event);
       if (event.activatorEvent.defaultPrevented) return;
@@ -7354,7 +7399,7 @@ function Sortable(props) {
     },
     [sortableProps.onDragStart]
   );
-  const onDragEnd = React14.useCallback(
+  const onDragEnd = React15.useCallback(
     (event) => {
       sortableProps.onDragEnd?.(event);
       if (event.activatorEvent.defaultPrevented) return;
@@ -7376,7 +7421,7 @@ function Sortable(props) {
     },
     [value, onValueChange, onMove, getItemValue, sortableProps.onDragEnd]
   );
-  const onDragCancel = React14.useCallback(
+  const onDragCancel = React15.useCallback(
     (event) => {
       sortableProps.onDragCancel?.(event);
       if (event.activatorEvent.defaultPrevented) return;
@@ -7384,7 +7429,7 @@ function Sortable(props) {
     },
     [sortableProps.onDragCancel]
   );
-  const announcements = React14.useMemo(
+  const announcements = React15.useMemo(
     () => ({
       onDragStart({ active }) {
         const activeValue = active.id.toString();
@@ -7426,7 +7471,7 @@ function Sortable(props) {
     }),
     [value]
   );
-  const screenReaderInstructions = React14.useMemo(
+  const screenReaderInstructions = React15.useMemo(
     () => ({
       draggable: `
         To pick up a sortable item, press space or enter.
@@ -7436,7 +7481,7 @@ function Sortable(props) {
     }),
     [orientation]
   );
-  const contextValue = React14.useMemo(
+  const contextValue = React15.useMemo(
     () => ({
       id,
       items,
@@ -7459,11 +7504,11 @@ function Sortable(props) {
       flatCursor
     ]
   );
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     SortableRootContext.Provider,
     {
       value: contextValue,
-      children: /* @__PURE__ */ jsx47(
+      children: /* @__PURE__ */ jsx48(
         DndContext,
         {
           collisionDetection: collisionDetection ?? config.collisionDetection,
@@ -7484,7 +7529,7 @@ function Sortable(props) {
     }
   );
 }
-var SortableContentContext = React14.createContext(false);
+var SortableContentContext = React15.createContext(false);
 function SortableContent(props) {
   const {
     strategy: strategyProp,
@@ -7512,7 +7557,7 @@ function SortableContent(props) {
     },
     enabled: !withoutSlot
   });
-  return /* @__PURE__ */ jsx47(SortableContentContext.Provider, { value: true, children: /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(SortableContentContext.Provider, { value: true, children: /* @__PURE__ */ jsx48(
     SortableContext,
     {
       items: context.items,
@@ -7521,9 +7566,9 @@ function SortableContent(props) {
     }
   ) });
 }
-var SortableItemContext = React14.createContext(null);
+var SortableItemContext = React15.createContext(null);
 function useSortableItemContext(consumerName) {
-  const context = React14.useContext(SortableItemContext);
+  const context = React15.useContext(SortableItemContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${ITEM_NAME}\``);
   }
@@ -7540,8 +7585,8 @@ function SortableItem(props) {
     ref,
     ...itemProps
   } = props;
-  const inSortableContent = React14.useContext(SortableContentContext);
-  const inSortableOverlay = React14.useContext(SortableOverlayContext);
+  const inSortableContent = React15.useContext(SortableContentContext);
+  const inSortableOverlay = React15.useContext(SortableOverlayContext);
   if (!inSortableContent && !inSortableOverlay) {
     throw new Error(
       `\`${ITEM_NAME}\` must be used within \`${CONTENT_NAME}\` or \`${OVERLAY_NAME}\``
@@ -7551,7 +7596,7 @@ function SortableItem(props) {
     throw new Error(`\`${ITEM_NAME}\` value cannot be an empty string`);
   }
   const context = useSortableContext(ITEM_NAME);
-  const id = React14.useId();
+  const id = React15.useId();
   const {
     attributes,
     listeners,
@@ -7561,7 +7606,7 @@ function SortableItem(props) {
     transition,
     isDragging
   } = useSortable({ id: value, disabled });
-  const onNodeRefChange = React14.useCallback(
+  const onNodeRefChange = React15.useCallback(
     (node) => {
       if (disabled) return;
       setNodeRef(node);
@@ -7570,14 +7615,14 @@ function SortableItem(props) {
     [disabled, asHandle, setNodeRef, setActivatorNodeRef]
   );
   const composedRef = useComposedRefs(ref, onNodeRefChange);
-  const composedStyle = React14.useMemo(() => {
+  const composedStyle = React15.useMemo(() => {
     return {
       transform: CSS.Translate.toString(transform),
       transition,
       ...style
     };
   }, [transform, transition, style]);
-  const itemContext = React14.useMemo(
+  const itemContext = React15.useMemo(
     () => ({
       id,
       attributes,
@@ -7619,7 +7664,7 @@ function SortableItem(props) {
       ...isDragging && { dragging: "" }
     }
   });
-  return /* @__PURE__ */ jsx47(SortableItemContext.Provider, { value: itemContext, children: element });
+  return /* @__PURE__ */ jsx48(SortableItemContext.Provider, { value: itemContext, children: element });
 }
 function SortableItemHandle(props) {
   const { disabled, className, render, ref, ...itemHandleProps } = props;
@@ -7627,7 +7672,7 @@ function SortableItemHandle(props) {
   const itemContext = useSortableItemContext(ITEM_HANDLE_NAME);
   const isDisabled = disabled ?? itemContext.disabled;
   const { setActivatorNodeRef } = itemContext;
-  const onActivatorNodeRef = React14.useCallback(
+  const onActivatorNodeRef = React15.useCallback(
     (node) => {
       if (isDisabled) return;
       setActivatorNodeRef(node);
@@ -7661,7 +7706,7 @@ function SortableItemHandle(props) {
     }
   });
 }
-var SortableOverlayContext = React14.createContext(false);
+var SortableOverlayContext = React15.createContext(false);
 var dropAnimation = {
   sideEffects: defaultDropAnimationSideEffects({
     styles: {
@@ -7674,19 +7719,19 @@ var dropAnimation = {
 function SortableOverlay(props) {
   const { container: containerProp, children, ...overlayProps } = props;
   const context = useSortableContext(OVERLAY_NAME);
-  const [mounted, setMounted] = React14.useState(false);
+  const [mounted, setMounted] = React15.useState(false);
   useIsomorphicLayoutEffect(() => setMounted(true), []);
   const container = containerProp ?? (mounted ? globalThis.document?.body : null);
   if (!container) return null;
   return ReactDOM.createPortal(
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx48(
       DragOverlay,
       {
         dropAnimation,
         modifiers: context.modifiers,
         className: cn(!context.flatCursor && "cursor-grabbing"),
         ...overlayProps,
-        children: /* @__PURE__ */ jsx47(SortableOverlayContext.Provider, { value: true, children: context.activeId ? typeof children === "function" ? children({ value: context.activeId }) : children : null })
+        children: /* @__PURE__ */ jsx48(SortableOverlayContext.Provider, { value: true, children: context.activeId ? typeof children === "function" ? children({ value: context.activeId }) : children : null })
       }
     ),
     container
@@ -7695,13 +7740,13 @@ function SortableOverlay(props) {
 
 // src/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function Switch({
   className,
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -7711,7 +7756,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx48(
+      children: /* @__PURE__ */ jsx49(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -7738,6 +7783,7 @@ export {
   AlertDialogPortal,
   AlertDialogTitle,
   AlertDialogTrigger,
+  div_default as AnimatedDiv,
   Apple,
   Ariakit,
   Autocomplete,