@rock.star/ui 1.1.2 → 1.1.4

package/dist/index.js

@@ -3553,6 +3553,37 @@ function useMediaQuery(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: {
@@ -3850,9 +3881,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",
@@ -3866,9 +3897,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",
@@ -3885,7 +3916,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "legend",
     {
       "data-slot": "field-legend",
@@ -3899,7 +3930,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "field-group",
@@ -3931,7 +3962,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       role: "group",
@@ -3943,7 +3974,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "field-content",
@@ -3959,7 +3990,7 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     Label,
     {
       "data-slot": "field-label",
@@ -3973,7 +4004,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "field-label",
@@ -3986,7 +4017,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "p",
     {
       "data-slot": "field-description",
@@ -4016,8 +4047,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",
@@ -4048,14 +4079,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",
@@ -4070,7 +4101,7 @@ function FieldError({
 // src/ui/image.tsx
 import NextImage from "next/image";
 import { useCallback as useCallback2, useState as useState5 } from "react";
-import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
 function srcValue(src) {
   if (!src) return null;
   if (typeof src === "string") return src;
@@ -4090,7 +4121,7 @@ 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);
@@ -4111,8 +4142,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,
@@ -4142,16 +4173,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",
@@ -4166,7 +4197,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -4183,7 +4214,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",
@@ -4197,20 +4228,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, {})
     }
   );
 }
@@ -4219,9 +4250,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",
@@ -4238,7 +4269,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Separator,
     {
       "data-slot": "item-separator",
@@ -4312,7 +4343,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-media",
@@ -4323,7 +4354,7 @@ function ItemMedia({
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-content",
@@ -4336,7 +4367,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-title",
@@ -4349,7 +4380,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "p",
     {
       "data-slot": "item-description",
@@ -4362,7 +4393,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-actions",
@@ -4372,7 +4403,7 @@ function ItemActions({ className, ...props }) {
   );
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-header",
@@ -4385,7 +4416,7 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-footer",
@@ -4429,7 +4460,7 @@ import {
   useQueryStates
 } from "nuqs";
 import { NuqsAdapter } from "nuqs/adapters/next/app";
-import * as React10 from "react";
+import * as React11 from "react";
 var SEARCH_DELAY = 500;
 var PRODUCT_SEARCH_DELAY = 800;
 function isSearchPath(pathname) {
@@ -4451,7 +4482,7 @@ function useSearchParams() {
   const pathname = usePathname();
   const router = useRouter2();
   const nativeSearchParams = useNextSearchParams();
-  const [isPending, startTransition] = React10.useTransition();
+  const [isPending, startTransition] = React11.useTransition();
   const [params, setParams] = useQueryStates(searchParams, {
     urlKeys: searchParamKeys,
     history: "replace",
@@ -4459,18 +4490,18 @@ function useSearchParams() {
     scroll: false,
     startTransition
   });
-  const productQueryRef = React10.useRef(params.query);
-  const productNavigationQueuedRef = React10.useRef(false);
+  const productQueryRef = React11.useRef(params.query);
+  const productNavigationQueuedRef = React11.useRef(false);
   const onSearchPath = isSearchPath(pathname);
   const cart = hasFlagSearchParam(nativeSearchParams, "cart");
   const notification = hasFlagSearchParam(nativeSearchParams, "notification");
-  const updateParams = React10.useCallback(
+  const updateParams = React11.useCallback(
     (values, options) => {
       void setParams(values, options);
     },
     [setParams]
   );
-  const setQuery = React10.useCallback(
+  const setQuery = React11.useCallback(
     (value) => {
       const update = setParams(
         { query: value, page: 1 },
@@ -4497,13 +4528,13 @@ function useSearchParams() {
     },
     [onSearchPath, router, setParams]
   );
-  const commitQuery = React10.useCallback(() => {
+  const commitQuery = React11.useCallback(() => {
     const query = params.query.trim();
     if (!query || onSearchPath) return;
     pendingSearchFocus = true;
     router.push(searchHref(query), { scroll: true });
   }, [onSearchPath, params.query, router]);
-  const setCategory = React10.useCallback(
+  const setCategory = React11.useCallback(
     (value) => {
       updateParams(
         { category: value, page: 1 },
@@ -4512,7 +4543,7 @@ function useSearchParams() {
     },
     [updateParams]
   );
-  const setProductStatus = React10.useCallback(
+  const setProductStatus = React11.useCallback(
     (value) => {
       updateParams(
         { productStatus: value, page: 1 },
@@ -4521,7 +4552,7 @@ function useSearchParams() {
     },
     [updateParams]
   );
-  const setUser = React10.useCallback(
+  const setUser = React11.useCallback(
     (value) => {
       updateParams(
         { user: value },
@@ -4535,7 +4566,7 @@ function useSearchParams() {
     },
     [updateParams]
   );
-  const setPage = React10.useCallback(
+  const setPage = React11.useCallback(
     (value) => {
       updateParams(
         { page: value },
@@ -4544,7 +4575,7 @@ function useSearchParams() {
     },
     [updateParams]
   );
-  const setUserTransaction = React10.useCallback(
+  const setUserTransaction = React11.useCallback(
     (value) => {
       updateParams(
         { user: value, transaction: "", transactionPage: 1 },
@@ -4553,7 +4584,7 @@ function useSearchParams() {
     },
     [updateParams]
   );
-  const setTransactionDetail = React10.useCallback(
+  const setTransactionDetail = React11.useCallback(
     (value) => {
       updateParams(
         { transaction: value },
@@ -4562,19 +4593,19 @@ function useSearchParams() {
     },
     [updateParams]
   );
-  const clearTransactionDetail = React10.useCallback(() => {
+  const clearTransactionDetail = React11.useCallback(() => {
     updateParams(
       { transaction: "" },
       { history: "replace", shallow: false, scroll: false }
     );
   }, [updateParams]);
-  const clearUserTransaction = React10.useCallback(() => {
+  const clearUserTransaction = React11.useCallback(() => {
     updateParams(
       { user: "", transaction: "", transactionPage: 1 },
       { history: "replace", shallow: false, scroll: false }
     );
   }, [updateParams]);
-  const clearAll = React10.useCallback(() => {
+  const clearAll = React11.useCallback(() => {
     updateParams(
       {
         query: "",
@@ -4592,7 +4623,7 @@ function useSearchParams() {
       }
     );
   }, [updateParams]);
-  const setCart = React10.useCallback(
+  const setCart = React11.useCallback(
     (value) => {
       window.history.replaceState(
         null,
@@ -4602,10 +4633,10 @@ function useSearchParams() {
     },
     [nativeSearchParams, pathname]
   );
-  const toggleCart = React10.useCallback(() => {
+  const toggleCart = React11.useCallback(() => {
     setCart(!cart);
   }, [cart, setCart]);
-  const setNotification = React10.useCallback(
+  const setNotification = React11.useCallback(
     (value) => {
       window.history.replaceState(
         null,
@@ -4663,15 +4694,15 @@ import {
   BlobSpeech,
   JellyBlobMascot
 } from "feral-blob";
-import * as React11 from "react";
+import * as React12 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,
@@ -4701,7 +4732,7 @@ function JellyMini({
   ...props
 }) {
   const { mounted } = useMounted();
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "span",
     {
       "aria-hidden": "true",
@@ -4709,7 +4740,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,
@@ -4721,10 +4752,10 @@ function JellyMini({
     }
   );
 }
-var JellyMascotContext = React11.createContext(null);
+var JellyMascotContext = React12.createContext(null);
 function useJellyMood() {
-  const state = React11.useContext(JellyMascotContext);
-  return React11.useCallback(
+  const state = React12.useContext(JellyMascotContext);
+  return React12.useCallback(
     (mood) => {
       if (!mood || !state) return {};
       return {
@@ -4751,14 +4782,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",
@@ -4767,7 +4798,7 @@ function JellyMascotProvider({
   ...blobProps
 }) {
   const { mounted } = useMounted();
-  const [previewMood, setPreviewMood] = React11.useState(
+  const [previewMood, setPreviewMood] = React12.useState(
     null
   );
   const activeMood = previewMood ?? mood;
@@ -4780,7 +4811,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",
@@ -4792,7 +4823,7 @@ function JellyMascotFace({
   size = "md",
   className
 }) {
-  const mascot = React11.useContext(JellyMascotContext);
+  const mascot = React12.useContext(JellyMascotContext);
   if (!mascot) return null;
   return /* @__PURE__ */ jsxs19(
     "div",
@@ -4804,14 +4835,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,
@@ -4830,15 +4861,15 @@ function JellyMascot({
   className,
   ...config
 }) {
-  const existing = React11.useContext(JellyMascotContext);
-  if (existing) return /* @__PURE__ */ jsx34(JellyMascotFace, { size, className });
-  return /* @__PURE__ */ jsx34(JellyMascotProvider, { ...config, children: /* @__PURE__ */ jsx34(JellyMascotFace, { size, className }) });
+  const existing = React12.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,
@@ -4848,20 +4879,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",
@@ -4874,7 +4905,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -4885,9 +4916,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",
@@ -4901,7 +4932,7 @@ function Message({
   align = "start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message",
@@ -4915,7 +4946,7 @@ function Message({
   );
 }
 function MessageAvatar({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-avatar",
@@ -4928,7 +4959,7 @@ function MessageAvatar({ className, ...props }) {
   );
 }
 function MessageContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-content",
@@ -4941,7 +4972,7 @@ function MessageContent({ className, ...props }) {
   );
 }
 function MessageHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-header",
@@ -4954,7 +4985,7 @@ function MessageHeader({ className, ...props }) {
   );
 }
 function MessageFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-footer",
@@ -4975,15 +5006,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",
@@ -4999,7 +5030,7 @@ function MessageScrollerViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MessageScrollerPrimitive.Viewport,
     {
       "data-slot": "message-scroller-viewport",
@@ -5015,7 +5046,7 @@ function MessageScrollerContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MessageScrollerPrimitive.Content,
     {
       "data-slot": "message-scroller-content",
@@ -5029,7 +5060,7 @@ function MessageScrollerItem({
   scrollAnchor = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MessageScrollerPrimitive.Item,
     {
       "data-slot": "message-scroller-item",
@@ -5051,7 +5082,7 @@ function MessageScrollerButton({
   size = "icon-sm",
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MessageScrollerPrimitive.Button,
     {
       "data-slot": "message-scroller-button",
@@ -5063,11 +5094,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" })
       ] })
     }
   );
@@ -5078,12 +5109,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 useEffect7, useId as useId2, useRef as useRef4, useState as useState9 } 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];
@@ -5252,7 +5283,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`,
@@ -5273,7 +5304,7 @@ function OTPInput2({
           inputRef.current?.focus();
         },
         children: [
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx39(
             "input",
             {
               ref: inputRef,
@@ -5300,7 +5331,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: [
@@ -5317,8 +5348,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] },
@@ -5333,8 +5364,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
@@ -5371,11 +5402,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
@@ -5416,9 +5447,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 ? {
@@ -5446,7 +5477,7 @@ function OTPInput2({
         ]
       }
     ),
-    message ? /* @__PURE__ */ jsx38(
+    message ? /* @__PURE__ */ jsx39(
       "p",
       {
         "aria-live": "polite",
@@ -5469,12 +5500,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,
@@ -5484,7 +5515,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,
@@ -5492,7 +5523,7 @@ function PopoverContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx39(
+      children: /* @__PURE__ */ jsx40(
         PopoverPrimitive.Popup,
         {
           "data-slot": "popover-content",
@@ -5507,7 +5538,7 @@ function PopoverContent({
   ) });
 }
 function PopoverHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "popover-header",
@@ -5517,7 +5548,7 @@ function PopoverHeader({ className, ...props }) {
   );
 }
 function PopoverTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     PopoverPrimitive.Title,
     {
       "data-slot": "popover-title",
@@ -5530,7 +5561,7 @@ function PopoverDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     PopoverPrimitive.Description,
     {
       "data-slot": "popover-description",
@@ -5543,12 +5574,12 @@ function PopoverDescription({
 // src/ui/quantity.tsx
 import { NumberField } from "@base-ui/react/number-field";
 import { Minus, Plus } from "@gravity-ui/icons";
-import * as React12 from "react";
-import { jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
-var QuantityInput = React12.forwardRef(function QuantityInput2({ ...props }, ref) {
-  const id = React12.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 React13 from "react";
+import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
+var QuantityInput = React13.forwardRef(function QuantityInput2({ ...props }, ref) {
+  const id = React13.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({
@@ -5556,10 +5587,10 @@ var QuantityInput = React12.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,
@@ -5567,7 +5598,7 @@ var QuantityInput = React12.forwardRef(function QuantityInput2({ ...props }, ref
         "data-no-ring": true
       }
     ),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41(
       NumberField.Increment,
       {
         className: buttonVariants({
@@ -5575,7 +5606,7 @@ var QuantityInput = React12.forwardRef(function QuantityInput2({ ...props }, ref
           size: "icon-sm",
           className: "rounded-full! border-border!"
         }),
-        children: /* @__PURE__ */ jsx40(Plus, {})
+        children: /* @__PURE__ */ jsx41(Plus, {})
       }
     )
   ] }) });
@@ -5584,9 +5615,9 @@ var QuantityInput = React12.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",
@@ -5596,7 +5627,7 @@ function RadioGroup({ className, ...props }) {
   );
 }
 function RadioGroupItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     RadioPrimitive.Root,
     {
       "data-slot": "radio-group-item",
@@ -5605,12 +5636,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" })
         }
       )
     }
@@ -5633,12 +5664,12 @@ import {
 
 // 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",
@@ -5648,10 +5679,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,
@@ -5662,7 +5693,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx43(
     TooltipPrimitive.Positioner,
     {
       align,
@@ -5681,7 +5712,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" })
           ]
         }
       )
@@ -5691,7 +5722,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",
@@ -5875,8 +5906,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,
@@ -5891,22 +5922,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",
@@ -6078,10 +6109,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",
@@ -6092,7 +6123,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),
@@ -6100,8 +6131,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(
@@ -6204,7 +6235,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)
@@ -6212,7 +6243,7 @@ function SelectOptionsPopover({
   };
   const renderMenuContent = () => /* @__PURE__ */ jsxs24(Fragment4, { children: [
     field.searchable !== false && /* @__PURE__ */ jsxs24(Fragment4, { children: [
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx44(
         Input,
         {
           ref: inputRef,
@@ -6273,24 +6304,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
@@ -6301,7 +6332,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,
@@ -6314,19 +6345,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",
@@ -6349,10 +6380,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",
@@ -6367,9 +6398,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,
@@ -6401,7 +6432,7 @@ var FiltersContent = ({
     },
     [filters, onChange]
   );
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       className: cn(
@@ -6423,7 +6454,7 @@ var FiltersContent = ({
                 field.icon && field.icon,
                 field.label
               ] }),
-              /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx44(
                 FilterOperatorDropdown,
                 {
                   field,
@@ -6432,7 +6463,7 @@ var FiltersContent = ({
                   onChange: (operator) => updateFilter(filter.id, { operator })
                 }
               ),
-              /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx44(
                 FilterValueSelector,
                 {
                   field,
@@ -6442,7 +6473,7 @@ var FiltersContent = ({
                   autoFocus: false
                 }
               ),
-              /* @__PURE__ */ jsx43(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
+              /* @__PURE__ */ jsx44(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
             ]
           },
           filter.id
@@ -6539,7 +6570,7 @@ 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)
@@ -6552,7 +6583,7 @@ function FilterSubmenuContent({
   }, [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,
@@ -6615,9 +6646,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",
@@ -6662,11 +6693,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)
         ) }) })
       }
@@ -6814,7 +6845,7 @@ function Filters({
   }, [addFilterOpen, filteredFields.length]);
   const triggerButton = useRender5({
     render: trigger ?? /* @__PURE__ */ jsxs24(Button, { variant: "outline", children: [
-      /* @__PURE__ */ jsx43(PlusIcon, {}),
+      /* @__PURE__ */ jsx44(PlusIcon, {}),
       mergedI18n.addFilter
     ] }),
     defaultTagName: "button"
@@ -6831,7 +6862,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),
@@ -6850,7 +6881,7 @@ function Filters({
               }
             },
             children: [
-              /* @__PURE__ */ jsx43(DropdownMenuTrigger, { render: triggerButton }),
+              /* @__PURE__ */ jsx44(DropdownMenuTrigger, { render: triggerButton }),
               /* @__PURE__ */ jsxs24(
                 DropdownMenuContent,
                 {
@@ -6859,7 +6890,7 @@ function Filters({
                   children: [
                     showSearchInput && /* @__PURE__ */ jsxs24(Fragment4, { children: [
                       /* @__PURE__ */ jsxs24("div", { className: "relative", children: [
-                        /* @__PURE__ */ jsx43(
+                        /* @__PURE__ */ jsx44(
                           Input,
                           {
                             ref: rootInputRef,
@@ -6931,20 +6962,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;
@@ -6985,16 +7016,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,
@@ -7079,7 +7110,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
@@ -7106,7 +7137,7 @@ function Filters({
                   field.icon && field.icon,
                   field.label
                 ] }),
-                /* @__PURE__ */ jsx43(
+                /* @__PURE__ */ jsx44(
                   FilterOperatorDropdown,
                   {
                     field,
@@ -7115,7 +7146,7 @@ function Filters({
                     onChange: (operator) => updateFilter(filter.id, { operator })
                   }
                 ),
-                /* @__PURE__ */ jsx43(
+                /* @__PURE__ */ jsx44(
                   FilterValueSelector,
                   {
                     field,
@@ -7125,7 +7156,7 @@ function Filters({
                     autoFocus: filter.id === lastAddedFilterId
                   }
                 ),
-                /* @__PURE__ */ jsx43(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
+                /* @__PURE__ */ jsx44(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
               ]
             },
             filter.id
@@ -7151,10 +7182,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",
@@ -7164,7 +7195,7 @@ function SelectGroup({ className, ...props }) {
   );
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.Value,
     {
       "data-slot": "select-value",
@@ -7191,10 +7222,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" })
           }
         )
       ]
@@ -7211,7 +7242,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,
@@ -7231,9 +7262,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, {})
           ]
         }
       )
@@ -7244,7 +7275,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.GroupLabel,
     {
       "data-slot": "select-label",
@@ -7268,12 +7299,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" })
           }
         )
       ]
@@ -7284,7 +7315,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -7297,7 +7328,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
@@ -7306,7 +7337,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx44(ChevronUp2, {})
+      children: /* @__PURE__ */ jsx45(ChevronUp2, {})
     }
   );
 }
@@ -7314,7 +7345,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
@@ -7323,7 +7354,7 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx44(ChevronDown3, {})
+      children: /* @__PURE__ */ jsx45(ChevronDown3, {})
     }
   );
 }
@@ -7333,7 +7364,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 = `
@@ -7454,7 +7485,7 @@ var Skeleton = forwardRef4(function Skeleton2({
     ...style,
     "--iconiq-skeleton-duration": `${variantDuration}s`
   } : style;
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       className: cn(
@@ -7468,7 +7499,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",
@@ -7483,7 +7514,7 @@ function SkeletonAvatar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Skeleton,
     {
       className: cn("size-10", className),
@@ -7494,13 +7525,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),
@@ -7515,11 +7546,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,
@@ -7559,11 +7590,11 @@ import {
   verticalListSortingStrategy
 } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import * as React15 from "react";
+import * as React16 from "react";
 import * as ReactDOM from "react-dom";
 
 // src/lib/compose-refs.ts
-import * as React13 from "react";
+import * as React14 from "react";
 function setRef(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -7597,15 +7628,15 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React13.useCallback(composeRefs(...refs), refs);
+  return React14.useCallback(composeRefs(...refs), refs);
 }
 
 // src/hooks/use-isomorphic-layout-effect.ts
-import * as React14 from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React14.useLayoutEffect : React14.useEffect;
+import * as React15 from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React15.useLayoutEffect : React15.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],
@@ -7628,9 +7659,9 @@ var CONTENT_NAME = "SortableContent";
 var ITEM_NAME = "SortableItem";
 var ITEM_HANDLE_NAME = "SortableItemHandle";
 var OVERLAY_NAME = "SortableOverlay";
-var SortableRootContext = React15.createContext(null);
+var SortableRootContext = React16.createContext(null);
 function useSortableContext(consumerName) {
-  const context = React15.useContext(SortableRootContext);
+  const context = React16.useContext(SortableRootContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
   }
@@ -7650,8 +7681,8 @@ function Sortable(props) {
     accessibility,
     ...sortableProps
   } = props;
-  const id = React15.useId();
-  const [activeId, setActiveId] = React15.useState(null);
+  const id = React16.useId();
+  const [activeId, setActiveId] = React16.useState(null);
   const sensors = useSensors(
     useSensor(MouseSensor),
     useSensor(TouchSensor),
@@ -7659,11 +7690,11 @@ function Sortable(props) {
       coordinateGetter: sortableKeyboardCoordinates
     })
   );
-  const config = React15.useMemo(
+  const config = React16.useMemo(
     () => orientationConfig[orientation],
     [orientation]
   );
-  const getItemValue = React15.useCallback(
+  const getItemValue = React16.useCallback(
     (item) => {
       if (typeof item === "object" && !getItemValueProp) {
         throw new Error(
@@ -7674,10 +7705,10 @@ function Sortable(props) {
     },
     [getItemValueProp]
   );
-  const items = React15.useMemo(() => {
+  const items = React16.useMemo(() => {
     return value.map((item) => getItemValue(item));
   }, [value, getItemValue]);
-  const onDragStart = React15.useCallback(
+  const onDragStart = React16.useCallback(
     (event) => {
       sortableProps.onDragStart?.(event);
       if (event.activatorEvent.defaultPrevented) return;
@@ -7685,7 +7716,7 @@ function Sortable(props) {
     },
     [sortableProps.onDragStart]
   );
-  const onDragEnd = React15.useCallback(
+  const onDragEnd = React16.useCallback(
     (event) => {
       sortableProps.onDragEnd?.(event);
       if (event.activatorEvent.defaultPrevented) return;
@@ -7707,7 +7738,7 @@ function Sortable(props) {
     },
     [value, onValueChange, onMove, getItemValue, sortableProps.onDragEnd]
   );
-  const onDragCancel = React15.useCallback(
+  const onDragCancel = React16.useCallback(
     (event) => {
       sortableProps.onDragCancel?.(event);
       if (event.activatorEvent.defaultPrevented) return;
@@ -7715,7 +7746,7 @@ function Sortable(props) {
     },
     [sortableProps.onDragCancel]
   );
-  const announcements = React15.useMemo(
+  const announcements = React16.useMemo(
     () => ({
       onDragStart({ active }) {
         const activeValue = active.id.toString();
@@ -7757,7 +7788,7 @@ function Sortable(props) {
     }),
     [value]
   );
-  const screenReaderInstructions = React15.useMemo(
+  const screenReaderInstructions = React16.useMemo(
     () => ({
       draggable: `
         To pick up a sortable item, press space or enter.
@@ -7767,7 +7798,7 @@ function Sortable(props) {
     }),
     [orientation]
   );
-  const contextValue = React15.useMemo(
+  const contextValue = React16.useMemo(
     () => ({
       id,
       items,
@@ -7790,11 +7821,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,
@@ -7815,7 +7846,7 @@ function Sortable(props) {
     }
   );
 }
-var SortableContentContext = React15.createContext(false);
+var SortableContentContext = React16.createContext(false);
 function SortableContent(props) {
   const {
     strategy: strategyProp,
@@ -7843,7 +7874,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,
@@ -7852,9 +7883,9 @@ function SortableContent(props) {
     }
   ) });
 }
-var SortableItemContext = React15.createContext(null);
+var SortableItemContext = React16.createContext(null);
 function useSortableItemContext(consumerName) {
-  const context = React15.useContext(SortableItemContext);
+  const context = React16.useContext(SortableItemContext);
   if (!context) {
     throw new Error(`\`${consumerName}\` must be used within \`${ITEM_NAME}\``);
   }
@@ -7871,8 +7902,8 @@ function SortableItem(props) {
     ref,
     ...itemProps
   } = props;
-  const inSortableContent = React15.useContext(SortableContentContext);
-  const inSortableOverlay = React15.useContext(SortableOverlayContext);
+  const inSortableContent = React16.useContext(SortableContentContext);
+  const inSortableOverlay = React16.useContext(SortableOverlayContext);
   if (!inSortableContent && !inSortableOverlay) {
     throw new Error(
       `\`${ITEM_NAME}\` must be used within \`${CONTENT_NAME}\` or \`${OVERLAY_NAME}\``
@@ -7882,7 +7913,7 @@ function SortableItem(props) {
     throw new Error(`\`${ITEM_NAME}\` value cannot be an empty string`);
   }
   const context = useSortableContext(ITEM_NAME);
-  const id = React15.useId();
+  const id = React16.useId();
   const {
     attributes,
     listeners,
@@ -7892,7 +7923,7 @@ function SortableItem(props) {
     transition,
     isDragging
   } = useSortable({ id: value, disabled });
-  const onNodeRefChange = React15.useCallback(
+  const onNodeRefChange = React16.useCallback(
     (node) => {
       if (disabled) return;
       setNodeRef(node);
@@ -7901,14 +7932,14 @@ function SortableItem(props) {
     [disabled, asHandle, setNodeRef, setActivatorNodeRef]
   );
   const composedRef = useComposedRefs(ref, onNodeRefChange);
-  const composedStyle = React15.useMemo(() => {
+  const composedStyle = React16.useMemo(() => {
     return {
       transform: CSS.Translate.toString(transform),
       transition,
       ...style
     };
   }, [transform, transition, style]);
-  const itemContext = React15.useMemo(
+  const itemContext = React16.useMemo(
     () => ({
       id,
       attributes,
@@ -7950,7 +7981,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;
@@ -7958,7 +7989,7 @@ function SortableItemHandle(props) {
   const itemContext = useSortableItemContext(ITEM_HANDLE_NAME);
   const isDisabled = disabled ?? itemContext.disabled;
   const { setActivatorNodeRef } = itemContext;
-  const onActivatorNodeRef = React15.useCallback(
+  const onActivatorNodeRef = React16.useCallback(
     (node) => {
       if (isDisabled) return;
       setActivatorNodeRef(node);
@@ -7992,7 +8023,7 @@ function SortableItemHandle(props) {
     }
   });
 }
-var SortableOverlayContext = React15.createContext(false);
+var SortableOverlayContext = React16.createContext(false);
 var dropAnimation = {
   sideEffects: defaultDropAnimationSideEffects({
     styles: {
@@ -8005,19 +8036,19 @@ var dropAnimation = {
 function SortableOverlay(props) {
   const { container: containerProp, children, ...overlayProps } = props;
   const context = useSortableContext(OVERLAY_NAME);
-  const [mounted, setMounted] = React15.useState(false);
+  const [mounted, setMounted] = React16.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
@@ -8026,13 +8057,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",
@@ -8042,7 +8073,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx48(
+      children: /* @__PURE__ */ jsx49(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -8069,7 +8100,7 @@ import {
   useRef as useRef6,
   useState as useState12
 } from "react";
-import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs26 } from "react/jsx-runtime";
 var BellIcon = forwardRef5(
   ({
     onMouseEnter,
@@ -8169,7 +8200,7 @@ var BellIcon = forwardRef5(
         }
       }
     };
-    return /* @__PURE__ */ jsx49(LazyMotion, { features: domMin, strict: true, children: /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(LazyMotion, { features: domMin, strict: true, children: /* @__PURE__ */ jsx50(
       m.div,
       {
         className: cn("relative inline-flex", className),
@@ -8194,8 +8225,8 @@ var BellIcon = forwardRef5(
             variants: bellVariants,
             style: { transformOrigin: "top center" },
             children: [
-              /* @__PURE__ */ jsx49(m.path, { d: "M10.268 21a2 2 0 0 0 3.464 0", variants: clapperVariants }),
-              /* @__PURE__ */ jsx49("path", { d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" })
+              /* @__PURE__ */ jsx50(m.path, { d: "M10.268 21a2 2 0 0 0 3.464 0", variants: clapperVariants }),
+              /* @__PURE__ */ jsx50("path", { d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" })
             ]
           }
         )
@@ -8206,7 +8237,7 @@ var BellIcon = forwardRef5(
 BellIcon.displayName = "BellIcon";
 
 // src/icon/icon-swap.tsx
-import { jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
 function IconSwap({ active, first, second, className }) {
   return /* @__PURE__ */ jsxs27(
     "span",
@@ -8215,20 +8246,20 @@ function IconSwap({ active, first, second, className }) {
       className: cn("t-icon-swap", className),
       "data-state": active ? "b" : "a",
       children: [
-        /* @__PURE__ */ jsx50("span", { className: "t-icon", "data-icon": "a", children: first }),
-        /* @__PURE__ */ jsx50("span", { className: "t-icon", "data-icon": "b", children: second })
+        /* @__PURE__ */ jsx51("span", { className: "t-icon", "data-icon": "a", children: first }),
+        /* @__PURE__ */ jsx51("span", { className: "t-icon", "data-icon": "b", children: second })
       ]
     }
   );
 }
 
 // src/icon/loader.tsx
-import React16 from "react";
-import { jsx as jsx51 } from "react/jsx-runtime";
-var Loader = React16.forwardRef(
+import React17 from "react";
+import { jsx as jsx52 } from "react/jsx-runtime";
+var Loader = React17.forwardRef(
   ({ className, size = 16, color = "currentColor", style, ...props }, ref) => {
     const bars = Array(12).fill(0);
-    return /* @__PURE__ */ jsx51(
+    return /* @__PURE__ */ jsx52(
       "div",
       {
         ref,
@@ -8239,7 +8270,7 @@ var Loader = React16.forwardRef(
           ...style
         },
         ...props,
-        children: /* @__PURE__ */ jsx51("div", { className: "loader-spinner", children: bars.map((_, i) => /* @__PURE__ */ jsx51("div", { className: "loader-bar" }, `spinner-bar-${i}`)) })
+        children: /* @__PURE__ */ jsx52("div", { className: "loader-spinner", children: bars.map((_, i) => /* @__PURE__ */ jsx52("div", { className: "loader-bar" }, `spinner-bar-${i}`)) })
       }
     );
   }
@@ -8268,6 +8299,7 @@ export {
   AlertDialogPortal,
   AlertDialogTitle,
   AlertDialogTrigger,
+  div_default as AnimatedDiv,
   Apple,
   Ariakit,
   Autocomplete,