npm - @rock.star/ui - Versions diffs - 1.1.2 → 1.1.6 - Mend

@rock.star/ui 1.1.2 → 1.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/ui/index.js CHANGED Viewed

@@ -1,14 +1,6 @@
 // src/ui/accordion.tsx
 import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-// src/ui/accordion.tsx
+import { cn } from "cn";
 import { ChevronDown, ChevronUp } from "@gravity-ui/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Accordion({ className, ...props }) {
@@ -100,6 +92,7 @@ import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog
 // src/ui/button.tsx
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
+import { cn as cn2 } from "cn";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var buttonVariants = cva(
   "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[background-color,border-color,color,box-shadow,opacity,transform] duration-150 ease-[var(--ease-out)] outline-none select-none motion-reduce:transition-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:opacity-70 [&_svg:not([class*='size-'])]:size-4",
@@ -141,13 +134,14 @@ function Button({
     ButtonPrimitive,
     {
       "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className })),
+      className: cn2(buttonVariants({ variant, size, className })),
       ...props
     }
   );
 }
 // src/ui/alert-dialog.tsx
+import { cn as cn3 } from "cn";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function AlertDialog({ ...props }) {
   return /* @__PURE__ */ jsx3(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
@@ -166,7 +160,7 @@ function AlertDialogOverlay({
     AlertDialogPrimitive.Backdrop,
     {
       "data-slot": "alert-dialog-overlay",
-      className: cn(
+      className: cn3(
         "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
         className
       ),
@@ -186,7 +180,7 @@ function AlertDialogContent({
       {
         "data-slot": "alert-dialog-content",
         "data-size": size,
-        className: cn(
+        className: cn3(
           "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-background p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
           className
         ),
@@ -203,7 +197,7 @@ function AlertDialogHeader({
     "div",
     {
       "data-slot": "alert-dialog-header",
-      className: cn(
+      className: cn3(
         "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
         className
       ),
@@ -219,7 +213,7 @@ function AlertDialogFooter({
     "div",
     {
       "data-slot": "alert-dialog-footer",
-      className: cn(
+      className: cn3(
         "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
         className
       ),
@@ -235,7 +229,7 @@ function AlertDialogMedia({
     "div",
     {
       "data-slot": "alert-dialog-media",
-      className: cn(
+      className: cn3(
         "mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6",
         className
       ),
@@ -251,7 +245,7 @@ function AlertDialogTitle({
     AlertDialogPrimitive.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: cn(
+      className: cn3(
         "text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
         className
       ),
@@ -267,7 +261,7 @@ function AlertDialogDescription({
     AlertDialogPrimitive.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: cn(
+      className: cn3(
         "text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
         className
       ),
@@ -283,7 +277,7 @@ function AlertDialogAction({
     Button,
     {
       "data-slot": "alert-dialog-action",
-      className: cn(className),
+      className: cn3(className),
       ...props
     }
   );
@@ -298,7 +292,7 @@ function AlertDialogCancel({
     AlertDialogPrimitive.Close,
     {
       "data-slot": "alert-dialog-cancel",
-      className: cn(className),
+      className: cn3(className),
       render: /* @__PURE__ */ jsx3(Button, { variant, size }),
       ...props
     }
@@ -310,6 +304,7 @@ import { AnimatePresence } from "motion/react";
 import { useState } from "react";
 // src/ui/apple/english.tsx
+import { cn as cn4 } from "cn";
 import { motion } from "motion/react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var initialProps = {
@@ -330,7 +325,7 @@ function AppleHelloEffectEnglish({
   return /* @__PURE__ */ jsxs3(
     motion.svg,
     {
-      className: cn("h-20", className),
+      className: cn4("h-20", className),
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 638 200",
       fill: "none",
@@ -378,6 +373,7 @@ function AppleHelloEffectEnglish({
 // src/ui/apple/hindi.tsx
 import { motion as motion2 } from "motion/react";
+import { cn as cn5 } from "cn";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var initialProps2 = {
   pathLength: 0,
@@ -397,7 +393,7 @@ function AppleHelloEffectHindi({
   return /* @__PURE__ */ jsxs4(
     motion2.svg,
     {
-      className: cn("h-20", className),
+      className: cn5("h-20", className),
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 605 273",
       fill: "none",
@@ -557,6 +553,7 @@ function AppleHelloEffectHindi({
 // src/ui/apple/spanish.tsx
 import { motion as motion3 } from "motion/react";
+import { cn as cn6 } from "cn";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var initialProps3 = {
   pathLength: 0,
@@ -576,7 +573,7 @@ function AppleHelloEffectSpanish({
   return /* @__PURE__ */ jsxs5(
     motion3.svg,
     {
-      className: cn("h-20", className),
+      className: cn6("h-20", className),
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 562 200",
       fill: "none",
@@ -702,11 +699,13 @@ function Apple() {
 import * as Ariakit from "@ariakit/react";
 // src/ui/autocomplete.tsx
+import { cn as cn9 } from "cn";
 import { Autocomplete as AutocompletePrimitive } from "@base-ui/react/autocomplete";
 import { ChevronsExpandVertical, Xmark } from "@gravity-ui/icons";
 // src/ui/input.tsx
 import { Input as InputPrimitive } from "@base-ui/react/input";
+import { cn as cn7 } from "cn";
 import { jsx as jsx8 } from "react/jsx-runtime";
 function Input({
   className,
@@ -726,7 +725,7 @@ function Input({
         event.currentTarget.blur();
         onWheel?.(event);
       } : onWheel,
-      className: cn(
+      className: cn7(
         "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
         isNumberInput && "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
         className
@@ -738,6 +737,7 @@ function Input({
 // src/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+import { cn as cn8 } from "cn";
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function ScrollArea({
   className,
@@ -748,7 +748,7 @@ function ScrollArea({
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
-      className: cn("relative", className),
+      className: cn8("relative", className),
       ...props,
       children: [
         /* @__PURE__ */ jsx9(
@@ -776,7 +776,7 @@ function ScrollBar({
       "data-slot": "scroll-area-scrollbar",
       "data-orientation": orientation,
       orientation,
-      className: cn(
+      className: cn8(
         "flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent",
         className
       ),
@@ -824,7 +824,7 @@ function AutocompleteInput({
         /* @__PURE__ */ jsx10(
           AutocompletePrimitive.Input,
           {
-            className: cn(
+            className: cn9(
               startAddon && "*:data-[slot=autocomplete-input]:ps-[calc(--spacing(8.5)-1px)] data-[size=sm]:*:data-[slot=autocomplete-input]:ps-[calc(--spacing(7.5)-1px)] sm:*:data-[slot=autocomplete-input]:ps-[calc(--spacing(8)-1px)] sm:data-[size=sm]:*:data-[slot=autocomplete-input]:ps-[calc(--spacing(7)-1px)]",
               sizeValue === "sm" ? "has-[+[data-slot=autocomplete-trigger],+[data-slot=autocomplete-clear]]:*:data-[slot=autocomplete-input]:pe-6.5" : "has-[+[data-slot=autocomplete-trigger],+[data-slot=autocomplete-clear]]:*:data-[slot=autocomplete-input]:pe-7",
               className
@@ -837,7 +837,7 @@ function AutocompleteInput({
         showTrigger && /* @__PURE__ */ jsx10(
           AutocompleteTrigger,
           {
-            className: cn(
+            className: cn9(
               "absolute top-1/2 inline-flex size-8 shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 transition-colors outline-none hover:opacity-100 has-[+[data-slot=autocomplete-clear]]:hidden sm:size-7 pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4",
               sizeValue === "sm" ? "inset-e-0" : "inset-e-0.5"
             ),
@@ -848,7 +848,7 @@ function AutocompleteInput({
         showClear && /* @__PURE__ */ jsx10(
           AutocompleteClear,
           {
-            className: cn(
+            className: cn9(
               "absolute top-1/2 inline-flex size-8 shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 transition-colors outline-none hover:opacity-100 has-[+[data-slot=autocomplete-clear]]:hidden sm:size-7 pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4",
               sizeValue === "sm" ? "inset-e-0" : "inset-e-0.5"
             ),
@@ -884,7 +884,7 @@ function AutocompletePopup({
       children: /* @__PURE__ */ jsx10(
         "span",
         {
-          className: cn(
+          className: cn9(
             "relative flex max-h-full max-w-(--available-width) min-w-(--anchor-width) origin-(--transform-origin) rounded-lg border bg-background shadow-lg/5 transition-[scale,opacity] not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",
             className
           ),
@@ -910,7 +910,7 @@ function AutocompleteItem({
   return /* @__PURE__ */ jsx10(
     AutocompletePrimitive.Item,
     {
-      className: cn(
+      className: cn9(
         "flex min-h-8 cursor-default items-center rounded-sm px-2 py-1 text-base outline-none select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground sm:min-h-7 sm:text-sm data-disabled:pointer-events-none data-disabled:opacity-64",
         className
       ),
@@ -927,7 +927,7 @@ function AutocompleteSeparator({
   return /* @__PURE__ */ jsx10(
     AutocompletePrimitive.Separator,
     {
-      className: cn("mx-2 my-1 h-px bg-border last:hidden", className),
+      className: cn9("mx-2 my-1 h-px bg-border last:hidden", className),
       "data-slot": "autocomplete-separator",
       ...props
     }
@@ -940,7 +940,7 @@ function AutocompleteGroup({
   return /* @__PURE__ */ jsx10(
     AutocompletePrimitive.Group,
     {
-      className: cn("[[role=group]+&]:mt-1.5", className),
+      className: cn9("[[role=group]+&]:mt-1.5", className),
       "data-slot": "autocomplete-group",
       ...props
     }
@@ -953,7 +953,7 @@ function AutocompleteGroupLabel({
   return /* @__PURE__ */ jsx10(
     AutocompletePrimitive.GroupLabel,
     {
-      className: cn(
+      className: cn9(
         "px-2 py-1.5 text-xs font-medium text-muted-foreground",
         className
       ),
@@ -969,7 +969,7 @@ function AutocompleteEmpty({
   return /* @__PURE__ */ jsx10(
     AutocompletePrimitive.Empty,
     {
-      className: cn(
+      className: cn9(
         "text-center text-base text-muted-foreground not-empty:p-2 sm:text-sm",
         className
       ),
@@ -999,7 +999,7 @@ function AutocompleteList({
   return /* @__PURE__ */ jsx10(ScrollArea, { children: /* @__PURE__ */ jsx10(
     AutocompletePrimitive.List,
     {
-      className: cn(
+      className: cn9(
         "not-empty:scroll-py-1 not-empty:p-1 in-data-has-overflow-y:pe-3",
         className
       ),
@@ -1015,7 +1015,7 @@ function AutocompleteClear({
   return /* @__PURE__ */ jsx10(
     AutocompletePrimitive.Clear,
     {
-      className: cn(
+      className: cn9(
         "absolute inset-e-0.5 top-1/2 inline-flex size-8 shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-80 transition-[color,background-color,box-shadow,opacity] outline-none hover:opacity-100 sm:size-7 pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -1032,7 +1032,7 @@ function AutocompleteStatus({
   return /* @__PURE__ */ jsx10(
     AutocompletePrimitive.Status,
     {
-      className: cn(
+      className: cn9(
         "px-3 py-2 text-xs font-medium text-muted-foreground empty:m-0 empty:p-0",
         className
       ),
@@ -1061,6 +1061,7 @@ var useAutocompleteFilter = AutocompletePrimitive.useFilter;
 // src/ui/avatar.tsx
 import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
+import { cn as cn10 } from "cn";
 import { jsx as jsx11 } from "react/jsx-runtime";
 function Avatar({
   className,
@@ -1072,7 +1073,7 @@ function Avatar({
     {
       "data-slot": "avatar",
       "data-size": size,
-      className: cn(
+      className: cn10(
         "group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",
         className
       ),
@@ -1085,7 +1086,7 @@ function AvatarImage({ className, ...props }) {
     AvatarPrimitive.Image,
     {
       "data-slot": "avatar-image",
-      className: cn(
+      className: cn10(
         "aspect-square size-full rounded-full object-cover",
         className
       ),
@@ -1101,7 +1102,7 @@ function AvatarFallback({
     AvatarPrimitive.Fallback,
     {
       "data-slot": "avatar-fallback",
-      className: cn(
+      className: cn10(
         "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",
         className
       ),
@@ -1114,7 +1115,7 @@ function AvatarBadge({ className, ...props }) {
     "span",
     {
       "data-slot": "avatar-badge",
-      className: cn(
+      className: cn10(
         "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none",
         "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
         "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
@@ -1130,7 +1131,7 @@ function AvatarGroup({ className, ...props }) {
     "div",
     {
       "data-slot": "avatar-group",
-      className: cn(
+      className: cn10(
         "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",
         className
       ),
@@ -1146,7 +1147,7 @@ function AvatarGroupCount({
     "div",
     {
       "data-slot": "avatar-group-count",
-      className: cn(
+      className: cn10(
         "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
         className
       ),
@@ -1159,6 +1160,7 @@ function AvatarGroupCount({
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { cva as cva2 } from "class-variance-authority";
+import { cn as cn11 } from "cn";
 var badgeVariants = cva2(
   "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[background-color,border-color,color,box-shadow,opacity] duration-150 ease-[var(--ease-out)] motion-reduce:transition-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
   {
@@ -1187,7 +1189,7 @@ function Badge({
     defaultTagName: "span",
     props: mergeProps(
       {
-        className: cn(badgeVariants({ variant }), className)
+        className: cn11(badgeVariants({ variant }), className)
       },
       props
     ),
@@ -1201,7 +1203,7 @@ function Badge({
 // src/ui/bridge.tsx
 import { useRouter } from "next/navigation";
-import * as React from "react";
+import * as React2 from "react";
 // src/lib/capacitor.ts
 function isNativeApp() {
@@ -1225,6 +1227,44 @@ function getNativeThemePlugin() {
   return window.Capacitor?.Plugins?.NativeTheme ?? null;
 }
+// src/lib/compose-refs.ts
+import * as React from "react";
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  }
+  if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup === "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup === "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs(...refs) {
+  return React.useCallback(composeRefs(...refs), refs);
+}
 // src/ui/bridge.tsx
 function getAppPath(value) {
   try {
@@ -1271,7 +1311,7 @@ function syncNativeAppearance() {
 }
 function NativeAppBridge() {
   const router = useRouter();
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!isNativeApp()) return;
     const root = document.documentElement;
     const platform = getNativePlatform();
@@ -1325,13 +1365,14 @@ function NativeAppBridge() {
 import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
 import { useRender as useRender2 } from "@base-ui/react/use-render";
 import { cva as cva3 } from "class-variance-authority";
+import { cn as cn12 } from "cn";
 import { jsx as jsx12 } from "react/jsx-runtime";
 function BubbleGroup({ className, ...props }) {
   return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "bubble-group",
-      className: cn("flex min-w-0 flex-col gap-2", className),
+      className: cn12("flex min-w-0 flex-col gap-2", className),
       ...props
     }
   );
@@ -1367,7 +1408,7 @@ function Bubble({
       "data-slot": "bubble",
       "data-variant": variant,
       "data-align": align,
-      className: cn(bubbleVariants({ variant }), className),
+      className: cn12(bubbleVariants({ variant }), className),
       ...props
     }
   );
@@ -1381,7 +1422,7 @@ function BubbleContent({
     defaultTagName: "div",
     props: mergeProps2(
       {
-        className: cn(
+        className: cn12(
           "w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50",
           className
         )
@@ -1425,7 +1466,7 @@ function BubbleReactions({
       "data-slot": "bubble-reactions",
       "data-align": align,
       "data-side": side,
-      className: cn(bubbleReactionsVariants({ side, align }), className),
+      className: cn12(bubbleReactionsVariants({ side, align }), className),
       ...props
     }
   );
@@ -1435,9 +1476,11 @@ function BubbleReactions({
 import { mergeProps as mergeProps3 } from "@base-ui/react/merge-props";
 import { useRender as useRender3 } from "@base-ui/react/use-render";
 import { cva as cva4 } from "class-variance-authority";
+import { cn as cn14 } from "cn";
 // src/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import { cn as cn13 } from "cn";
 import { jsx as jsx13 } from "react/jsx-runtime";
 function Separator({
   className,
@@ -1449,7 +1492,7 @@ function Separator({
     {
       "data-slot": "separator",
       orientation,
-      className: cn(
+      className: cn13(
         "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
         className
       ),
@@ -1485,7 +1528,7 @@ function ButtonGroup({
       role: "group",
       "data-slot": "button-group",
       "data-orientation": orientation,
-      className: cn(buttonGroupVariants({ orientation }), className),
+      className: cn14(buttonGroupVariants({ orientation }), className),
       ...props
     }
   );
@@ -1499,7 +1542,7 @@ function ButtonGroupText({
     defaultTagName: "div",
     props: mergeProps3(
       {
-        className: cn(
+        className: cn14(
           "flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
           className
         )
@@ -1522,7 +1565,7 @@ function ButtonGroupSeparator({
     {
       "data-slot": "button-group-separator",
       orientation,
-      className: cn(
+      className: cn14(
         "relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto",
         className
       ),
@@ -1532,16 +1575,17 @@ function ButtonGroupSeparator({
 }
 // src/ui/card.tsx
-import * as React2 from "react";
+import * as React3 from "react";
+import { cn as cn15 } from "cn";
 import { jsx as jsx15 } from "react/jsx-runtime";
-var Card = React2.forwardRef(function Card2({ className, size = "default", ...props }, ref) {
+var Card = React3.forwardRef(function Card2({ className, size = "default", ...props }, ref) {
   return /* @__PURE__ */ jsx15(
     "div",
     {
       ref,
       "data-slot": "card",
       "data-size": size,
-      className: cn(
+      className: cn15(
         "group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
         className
       ),
@@ -1554,7 +1598,7 @@ function CardHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "card-header",
-      className: cn(
+      className: cn15(
         "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)",
         className
       ),
@@ -1567,7 +1611,7 @@ function CardTitle({ className, ...props }) {
     "div",
     {
       "data-slot": "card-title",
-      className: cn(
+      className: cn15(
         "text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
         className
       ),
@@ -1580,7 +1624,7 @@ function CardDescription({ className, ...props }) {
     "div",
     {
       "data-slot": "card-description",
-      className: cn("text-sm text-muted-foreground", className),
+      className: cn15("text-sm text-muted-foreground", className),
       ...props
     }
   );
@@ -1590,7 +1634,7 @@ function CardAction({ className, ...props }) {
     "div",
     {
       "data-slot": "card-action",
-      className: cn(
+      className: cn15(
         "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
         className
       ),
@@ -1603,7 +1647,7 @@ function CardContent({ className, ...props }) {
     "div",
     {
       "data-slot": "card-content",
-      className: cn("px-(--card-spacing)", className),
+      className: cn15("px-(--card-spacing)", className),
       ...props
     }
   );
@@ -1613,7 +1657,7 @@ function CardFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "card-footer",
-      className: cn(
+      className: cn15(
         "flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)",
         className
       ),
@@ -1625,11 +1669,12 @@ function CardFooter({ className, ...props }) {
 // src/ui/carousel.tsx
 import useEmblaCarousel from "embla-carousel-react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import * as React3 from "react";
+import * as React4 from "react";
+import { cn as cn16 } from "cn";
 import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
-var CarouselContext = React3.createContext(null);
+var CarouselContext = React4.createContext(null);
 function useCarousel() {
-  const context = React3.useContext(CarouselContext);
+  const context = React4.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -1651,20 +1696,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React3.useState(false);
-  const [canScrollNext, setCanScrollNext] = React3.useState(false);
-  const onSelect = React3.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React4.useState(false);
+  const [canScrollNext, setCanScrollNext] = React4.useState(false);
+  const onSelect = React4.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React3.useCallback(() => {
+  const scrollPrev = React4.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React3.useCallback(() => {
+  const scrollNext = React4.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React3.useCallback(
+  const handleKeyDown = React4.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -1676,11 +1721,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (!api) return;
     api.on("reInit", onSelect);
     api.on("select", onSelect);
@@ -1707,7 +1752,7 @@ function Carousel({
         "div",
         {
           onKeyDownCapture: handleKeyDown,
-          className: cn("relative", className),
+          className: cn16("relative", className),
           role: "region",
           "aria-roledescription": "carousel",
           "data-slot": "carousel",
@@ -1729,7 +1774,7 @@ function CarouselContent({ className, ...props }) {
       children: /* @__PURE__ */ jsx16(
         "div",
         {
-          className: cn(
+          className: cn16(
             "flex",
             orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
             className
@@ -1748,7 +1793,7 @@ function CarouselItem({ className, ...props }) {
       role: "group",
       "aria-roledescription": "slide",
       "data-slot": "carousel-item",
-      className: cn(
+      className: cn16(
         "min-w-0 shrink-0 grow-0 basis-full",
         orientation === "horizontal" ? "pl-4" : "pt-4",
         className
@@ -1770,7 +1815,7 @@ function CarouselPrevious({
       "data-slot": "carousel-previous",
       variant,
       size,
-      className: cn(
+      className: cn16(
         "absolute touch-manipulation rounded-full",
         orientation === "horizontal" ? "top-1/2 left-2 z-10 -translate-y-1/2 sm:left-3" : "top-2 left-1/2 -translate-x-1/2 rotate-90",
         className
@@ -1798,7 +1843,7 @@ function CarouselNext({
       "data-slot": "carousel-next",
       variant,
       size,
-      className: cn(
+      className: cn16(
         "absolute touch-manipulation rounded-full",
         orientation === "horizontal" ? "top-1/2 right-2 z-10 -translate-y-1/2 sm:right-3" : "bottom-2 left-1/2 -translate-x-1/2 rotate-90",
         className
@@ -1815,14 +1860,15 @@ function CarouselNext({
 }
 // src/ui/chart.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import * as RechartsPrimitive from "recharts";
+import { cn as cn17 } from "cn";
 import { Fragment, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
 var INITIAL_DIMENSION = { width: 320, height: 200 };
-var ChartContext = React4.createContext(null);
+var ChartContext = React5.createContext(null);
 function useChart() {
-  const context = React4.useContext(ChartContext);
+  const context = React5.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -1836,14 +1882,14 @@ function ChartContainer({
   initialDimension = INITIAL_DIMENSION,
   ...props
 }) {
-  const uniqueId = React4.useId();
+  const uniqueId = React5.useId();
   const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx17(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs9(
     "div",
     {
       "data-slot": "chart",
       "data-chart": chartId,
-      className: cn(
+      className: cn17(
         "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
         className
       ),
@@ -1903,7 +1949,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React4.useMemo(() => {
+  const tooltipLabel = React5.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -1912,12 +1958,12 @@ function ChartTooltipContent({
     const itemConfig = getPayloadConfigFromPayload(config, item, key);
     const value = !labelKey && typeof label === "string" ? config[label]?.label ?? label : itemConfig?.label;
     if (labelFormatter) {
-      return /* @__PURE__ */ jsx17("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+      return /* @__PURE__ */ jsx17("div", { className: cn17("font-medium", labelClassName), children: labelFormatter(value, payload) });
     }
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ jsx17("div", { className: cn("font-medium", labelClassName), children: value });
+    return /* @__PURE__ */ jsx17("div", { className: cn17("font-medium", labelClassName), children: value });
   }, [
     label,
     labelFormatter,
@@ -1934,7 +1980,7 @@ function ChartTooltipContent({
   return /* @__PURE__ */ jsxs9(
     "div",
     {
-      className: cn(
+      className: cn17(
         "grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
         className
       ),
@@ -1947,7 +1993,7 @@ function ChartTooltipContent({
           return /* @__PURE__ */ jsx17(
             "div",
             {
-              className: cn(
+              className: cn17(
                 "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
                 indicator === "dot" && "items-center"
               ),
@@ -1955,7 +2001,7 @@ function ChartTooltipContent({
                 itemConfig?.icon ? /* @__PURE__ */ jsx17(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx17(
                   "div",
                   {
-                    className: cn(
+                    className: cn17(
                       "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
                       {
                         "h-2.5 w-2.5": indicator === "dot",
@@ -1973,7 +2019,7 @@ function ChartTooltipContent({
                 /* @__PURE__ */ jsxs9(
                   "div",
                   {
-                    className: cn(
+                    className: cn17(
                       "flex flex-1 justify-between leading-none",
                       nestLabel ? "items-end" : "items-center"
                     ),
@@ -2010,7 +2056,7 @@ function ChartLegendContent({
   return /* @__PURE__ */ jsx17(
     "div",
     {
-      className: cn(
+      className: cn17(
         "flex items-center justify-center gap-4",
         verticalAlign === "top" ? "pb-3" : "pt-3",
         className
@@ -2021,7 +2067,7 @@ function ChartLegendContent({
         return /* @__PURE__ */ jsxs9(
           "div",
           {
-            className: cn(
+            className: cn17(
               "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
             ),
             children: [
@@ -2059,13 +2105,14 @@ function getPayloadConfigFromPayload(config, payload, key) {
 // src/ui/checkbox.tsx
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+import { cn as cn18 } from "cn";
 import { jsx as jsx18 } from "react/jsx-runtime";
 function Checkbox({ className, children, ...props }) {
   return /* @__PURE__ */ jsx18(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
-      className: cn(
+      className: cn18(
         "peer inline-flex size-5 shrink-0 items-center justify-center rounded border border-border bg-background text-primary outline-none transition-[background-color,border-color,box-shadow,opacity] duration-150 ease-out focus-visible:ring-2 focus-visible:ring-ring/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground data-disabled:cursor-not-allowed data-disabled:opacity-50 motion-reduce:transition-none",
         className
       ),
@@ -2084,20 +2131,23 @@ function Checkbox({ className, children, ...props }) {
 // src/ui/combobox.tsx
 import { Combobox as ComboboxPrimitive } from "@base-ui/react";
-import * as React5 from "react";
+import * as React6 from "react";
+import { cn as cn21 } from "cn";
 import { Check, ChevronDown as ChevronDown2, Xmark as Xmark2 } from "@gravity-ui/icons";
 // src/ui/input-group.tsx
 import { cva as cva5 } from "class-variance-authority";
+import { cn as cn20 } from "cn";
 // src/ui/textarea.tsx
+import { cn as cn19 } from "cn";
 import { jsx as jsx19 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
   return /* @__PURE__ */ jsx19(
     "textarea",
     {
       "data-slot": "textarea",
-      className: cn(
+      className: cn19(
         "flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
         className
       ),
@@ -2114,7 +2164,7 @@ function InputGroup({ className, ...props }) {
     {
       "data-slot": "input-group",
       role: "group",
-      className: cn(
+      className: cn20(
         "group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-2 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-2 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
         className
       ),
@@ -2150,7 +2200,7 @@ function InputGroupAddon({
       role: "group",
       "data-slot": "input-group-addon",
       "data-align": align,
-      className: cn(inputGroupAddonVariants({ align }), className),
+      className: cn20(inputGroupAddonVariants({ align }), className),
       onClick: (e) => {
         if (e.target.closest("button")) {
           return;
@@ -2194,7 +2244,7 @@ function InputGroupButton({
       type,
       "data-size": size,
       variant,
-      className: cn(inputGroupButtonVariants({ size }), className),
+      className: cn20(inputGroupButtonVariants({ size }), className),
       ...props
     }
   );
@@ -2203,7 +2253,7 @@ function InputGroupText({ className, ...props }) {
   return /* @__PURE__ */ jsx20(
     "span",
     {
-      className: cn(
+      className: cn20(
         "flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -2219,7 +2269,7 @@ function InputGroupInput({
     Input,
     {
       "data-slot": "input-group-control",
-      className: cn(
+      className: cn20(
         "flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",
         className
       ),
@@ -2235,7 +2285,7 @@ function InputGroupTextarea({
     Textarea,
     {
       "data-slot": "input-group-control",
-      className: cn(
+      className: cn20(
         "flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",
         className
       ),
@@ -2259,7 +2309,7 @@ function ComboboxTrigger({
     ComboboxPrimitive.Trigger,
     {
       "data-slot": "combobox-trigger",
-      className: cn("[&_svg:not([class*='size-'])]:size-4", className),
+      className: cn21("[&_svg:not([class*='size-'])]:size-4", className),
       ...props,
       children: [
         children,
@@ -2274,7 +2324,7 @@ function ComboboxClear({ className, ...props }) {
     {
       "data-slot": "combobox-clear",
       render: /* @__PURE__ */ jsx21(InputGroupButton, { variant: "ghost", size: "icon-xs" }),
-      className: cn(className),
+      className: cn21(className),
       ...props,
       children: /* @__PURE__ */ jsx21(Xmark2, { className: "pointer-events-none" })
     }
@@ -2290,7 +2340,7 @@ function ComboboxInput({
   endContent,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs10(InputGroup, { className: cn("w-auto", className), children: [
+  return /* @__PURE__ */ jsxs10(InputGroup, { className: cn21("w-auto", className), children: [
     /* @__PURE__ */ jsx21(
       ComboboxPrimitive.Input,
       {
@@ -2340,7 +2390,7 @@ function ComboboxContent({
         {
           "data-slot": "combobox-content",
           "data-chips": !!anchor,
-          className: cn(
+          className: cn21(
             "group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+(--spacing(7)))] origin-(--transform-origin) overflow-hidden rounded-lg bg-background text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           ),
@@ -2355,7 +2405,7 @@ function ComboboxList({ className, ...props }) {
     ComboboxPrimitive.List,
     {
       "data-slot": "combobox-list",
-      className: cn(
+      className: cn21(
         "no-scrollbar max-h-[min(calc(--spacing(72)-(--spacing(9))),calc(var(--available-height)-(--spacing(9))))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0",
         className
       ),
@@ -2372,7 +2422,7 @@ function ComboboxItem({
     ComboboxPrimitive.Item,
     {
       "data-slot": "combobox-item",
-      className: cn(
+      className: cn21(
         "relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -2395,7 +2445,7 @@ function ComboboxGroup({ className, ...props }) {
     ComboboxPrimitive.Group,
     {
       "data-slot": "combobox-group",
-      className: cn(className),
+      className: cn21(className),
       ...props
     }
   );
@@ -2408,7 +2458,7 @@ function ComboboxLabel({
     ComboboxPrimitive.GroupLabel,
     {
       "data-slot": "combobox-label",
-      className: cn("px-2 py-1.5 text-xs text-muted-foreground", className),
+      className: cn21("px-2 py-1.5 text-xs text-muted-foreground", className),
       ...props
     }
   );
@@ -2421,7 +2471,7 @@ function ComboboxEmpty({ className, ...props }) {
     ComboboxPrimitive.Empty,
     {
       "data-slot": "combobox-empty",
-      className: cn(
+      className: cn21(
         "hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex",
         className
       ),
@@ -2437,7 +2487,7 @@ function ComboboxSeparator({
     ComboboxPrimitive.Separator,
     {
       "data-slot": "combobox-separator",
-      className: cn("-mx-1 my-1 h-px bg-border", className),
+      className: cn21("-mx-1 my-1 h-px bg-border", className),
       ...props
     }
   );
@@ -2450,7 +2500,7 @@ function ComboboxChips({
     ComboboxPrimitive.Chips,
     {
       "data-slot": "combobox-chips",
-      className: cn(
+      className: cn21(
         "flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-2 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40",
         className
       ),
@@ -2468,7 +2518,7 @@ function ComboboxChip({
     ComboboxPrimitive.Chip,
     {
       "data-slot": "combobox-chip",
-      className: cn(
+      className: cn21(
         "flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0",
         className
       ),
@@ -2496,21 +2546,23 @@ function ComboboxChipsInput({
     ComboboxPrimitive.Input,
     {
       "data-slot": "combobox-chip-input",
-      className: cn("min-w-16 flex-1 outline-none", className),
+      className: cn21("min-w-16 flex-1 outline-none", className),
       ...props
     }
   );
 }
 function useComboboxAnchor() {
-  return React5.useRef(null);
+  return React6.useRef(null);
 }
 // src/ui/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
+import { cn as cn23 } from "cn";
 import { Magnifier } from "@gravity-ui/icons";
 // src/ui/dialog.tsx
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { cn as cn22 } from "cn";
 import { Xmark as Xmark3 } from "@gravity-ui/icons";
 import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 function Dialog({ ...props }) {
@@ -2533,7 +2585,7 @@ function DialogOverlay({
     DialogPrimitive.Backdrop,
     {
       "data-slot": "dialog-overlay",
-      className: cn(
+      className: cn22(
         "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
         className
       ),
@@ -2553,7 +2605,7 @@ function DialogContent({
       DialogPrimitive.Popup,
       {
         "data-slot": "dialog-content",
-        className: cn(
+        className: cn22(
           "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-card p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
           className
         ),
@@ -2588,7 +2640,7 @@ function DialogHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-2", className),
+      className: cn22("flex flex-col gap-2", className),
       ...props
     }
   );
@@ -2603,7 +2655,7 @@ function DialogFooter({
     "div",
     {
       "data-slot": "dialog-footer",
-      className: cn(
+      className: cn22(
         "flex shrink-0 flex-col-reverse items-center justify-center gap-2 p-4 pt-0 sm:flex-row",
         className
       ),
@@ -2620,7 +2672,7 @@ function DialogTitle({ className, ...props }) {
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
-      className: cn("text-base leading-none font-medium", className),
+      className: cn22("text-base leading-none font-medium", className),
       ...props
     }
   );
@@ -2633,7 +2685,7 @@ function DialogDescription({
     DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
-      className: cn(
+      className: cn22(
         "text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
         className
       ),
@@ -2652,7 +2704,7 @@ function Command({
     CommandPrimitive,
     {
       "data-slot": "command",
-      className: cn(
+      className: cn23(
         "flex size-full flex-col overflow-hidden rounded-xl! bg-background text-popover-foreground outline-none",
         className
       ),
@@ -2676,7 +2728,7 @@ function CommandDialog({
     /* @__PURE__ */ jsx23(
       DialogContent,
       {
-        className: cn(
+        className: cn23(
           "top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0",
           className
         ),
@@ -2697,7 +2749,7 @@ function CommandInput({
     InputGroup,
     {
       "data-slot": "command-input-wrapper",
-      className: cn(
+      className: cn23(
         "h-8! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!",
         className
       ),
@@ -2726,7 +2778,7 @@ function CommandList({
     CommandPrimitive.List,
     {
       "data-slot": "command-list",
-      className: cn(
+      className: cn23(
         "no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none",
         className
       ),
@@ -2742,7 +2794,7 @@ function CommandEmpty({
     CommandPrimitive.Empty,
     {
       "data-slot": "command-empty",
-      className: cn("py-6 text-center text-sm", className),
+      className: cn23("py-6 text-center text-sm", className),
       ...props
     }
   );
@@ -2755,7 +2807,7 @@ function CommandGroup({
     CommandPrimitive.Group,
     {
       "data-slot": "command-group",
-      className: cn(
+      className: cn23(
         "overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground",
         className
       ),
@@ -2771,7 +2823,7 @@ function CommandSeparator({
     CommandPrimitive.Separator,
     {
       "data-slot": "command-separator",
-      className: cn("-mx-1 h-px bg-border", className),
+      className: cn23("-mx-1 h-px bg-border", className),
       ...props
     }
   );
@@ -2785,7 +2837,7 @@ function CommandItem({
     CommandPrimitive.Item,
     {
       "data-slot": "command-item",
-      className: cn(
+      className: cn23(
         "group/command-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:bg-muted data-selected:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-selected:*:[svg]:text-foreground",
         className
       ),
@@ -2802,7 +2854,7 @@ function CommandShortcut({
     "span",
     {
       "data-slot": "command-shortcut",
-      className: cn(
+      className: cn23(
         "ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground",
         className
       ),
@@ -2812,7 +2864,8 @@ function CommandShortcut({
 }
 // src/ui/dashed.tsx
-import * as React6 from "react";
+import * as React7 from "react";
+import { cn as cn24 } from "cn";
 import { jsx as jsx24 } from "react/jsx-runtime";
 function DashedSeparator({
   className,
@@ -2820,9 +2873,9 @@ function DashedSeparator({
   minimumGap = 8,
   thickness = 1
 }) {
-  const containerRef = React6.useRef(null);
-  const [dashCount, setDashCount] = React6.useState(0);
-  React6.useEffect(() => {
+  const containerRef = React7.useRef(null);
+  const [dashCount, setDashCount] = React7.useState(0);
+  React7.useEffect(() => {
     const element = containerRef.current;
     if (!element) return;
     const updateDashCount = () => {
@@ -2843,7 +2896,7 @@ function DashedSeparator({
     {
       ref: containerRef,
       "aria-hidden": "true",
-      className: cn(
+      className: cn24(
         "flex w-full items-center justify-between overflow-hidden text-border",
         className
       ),
@@ -2864,8 +2917,9 @@ function DashedSeparator({
 }
 // src/ui/dock.tsx
+import { cn as cn25 } from "cn";
 import { motion as motion4 } from "motion/react";
-import * as React7 from "react";
+import * as React8 from "react";
 import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 var floatingAnimation = {
   initial: { y: 0 },
@@ -2878,7 +2932,7 @@ var floatingAnimation = {
     }
   }
 };
-var DockIconButton = React7.forwardRef(
+var DockIconButton = React8.forwardRef(
   ({ icon: Icon, label, onClick, className }, ref) => {
     return /* @__PURE__ */ jsxs13(
       motion4.button,
@@ -2887,7 +2941,7 @@ var DockIconButton = React7.forwardRef(
         whileHover: { scale: 1.1, y: -2 },
         whileTap: { scale: 0.95 },
         onClick,
-        className: cn(
+        className: cn25(
           "group relative rounded-lg p-3",
           "transition-colors hover:bg-secondary",
           className
@@ -2897,7 +2951,7 @@ var DockIconButton = React7.forwardRef(
           /* @__PURE__ */ jsx25(
             "span",
             {
-              className: cn(
+              className: cn25(
                 "absolute -top-8 left-1/2 -translate-x-1/2",
                 "rounded px-2 py-1 text-xs",
                 "bg-background text-popover-foreground",
@@ -2913,13 +2967,13 @@ var DockIconButton = React7.forwardRef(
   }
 );
 DockIconButton.displayName = "DockIconButton";
-var Dock = React7.forwardRef(
+var Dock = React8.forwardRef(
   ({ items, className }, ref) => {
     return /* @__PURE__ */ jsx25(
       "div",
       {
         ref,
-        className: cn(
+        className: cn25(
           "flex h-64 w-full items-center justify-center p-2",
           className
         ),
@@ -2929,7 +2983,7 @@ var Dock = React7.forwardRef(
             initial: "initial",
             animate: "animate",
             variants: floatingAnimation,
-            className: cn(
+            className: cn25(
               "flex items-center gap-1 rounded-2xl p-2",
               "border shadow-lg backdrop-blur-lg",
               "border-border bg-background/90",
@@ -2946,11 +3000,12 @@ Dock.displayName = "Dock";
 // src/ui/drawer.tsx
 import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
-import * as React8 from "react";
+import * as React9 from "react";
+import { cn as cn26 } from "cn";
 import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
-var DrawerContext = React8.createContext(null);
+var DrawerContext = React9.createContext(null);
 function useDrawer() {
-  const context = React8.useContext(DrawerContext);
+  const context = React9.useContext(DrawerContext);
   if (!context) {
     throw new Error("useDrawer must be used within a Drawer.");
   }
@@ -2965,7 +3020,7 @@ function Drawer({
 }) {
   const hasSnapPoints = snapPoints != null && snapPoints.length > 0;
   const resolvedShowSwipeHandle = showSwipeHandle ?? (swipeDirection === "down" || swipeDirection === "up");
-  const contextValue = React8.useMemo(
+  const contextValue = React9.useMemo(
     () => ({
       hasSnapPoints,
       modal,
@@ -3002,7 +3057,7 @@ function DrawerOverlay({
     DrawerPrimitive.Backdrop,
     {
       "data-slot": "drawer-overlay",
-      className: cn(
+      className: cn26(
         "ease-out-fluid fixed inset-0 z-50 min-h-dvh bg-black/10 opacity-[max(var(--drawer-overlay-min-opacity,0),calc(1-var(--drawer-swipe-progress)))] transition-opacity duration-450 select-none data-ending-style:pointer-events-none data-ending-style:opacity-0 data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-snap-points:[--drawer-overlay-min-opacity:0.5] data-starting-style:opacity-0 data-swiping:duration-0 supports-backdrop-filter:backdrop-blur-xs supports-[-webkit-touch-callout:none]:absolute",
         className
       ),
@@ -3019,7 +3074,7 @@ function DrawerSwipeHandle({
     {
       "data-slot": "drawer-swipe-handle",
       "aria-hidden": "true",
-      className: cn(
+      className: cn26(
         "flex shrink-0 cursor-grab transition-opacity duration-200 group-data-nested-drawer-open/drawer-popup:opacity-0 group-data-nested-drawer-swiping/drawer-popup:opacity-100 group-data-[swipe-axis=x]/drawer-popup:h-full group-data-[swipe-axis=x]/drawer-popup:w-3 group-data-[swipe-axis=x]/drawer-popup:items-center group-data-[swipe-axis=y]/drawer-popup:h-3 group-data-[swipe-axis=y]/drawer-popup:w-full group-data-[swipe-axis=y]/drawer-popup:justify-center group-data-[swipe-direction=down]/drawer-popup:items-end group-data-[swipe-direction=left]/drawer-popup:order-last group-data-[swipe-direction=left]/drawer-popup:justify-start group-data-[swipe-direction=right]/drawer-popup:justify-end group-data-[swipe-direction=up]/drawer-popup:order-last group-data-[swipe-direction=up]/drawer-popup:items-start after:block after:shrink-0 after:rounded-full after:bg-muted group-data-[swipe-axis=x]/drawer-popup:after:h-24 group-data-[swipe-axis=x]/drawer-popup:after:w-1 group-data-[swipe-axis=y]/drawer-popup:after:h-1 group-data-[swipe-axis=y]/drawer-popup:after:w-20 active:cursor-grabbing",
         className
       ),
@@ -3048,7 +3103,7 @@ function DrawerContent({
             "data-slot": "drawer-popup",
             "data-swipe-axis": swipeAxis,
             "data-snap-points": hasSnapPoints ? "" : void 0,
-            className: cn(
+            className: cn26(
               // Base.
               "group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0px) flex h-(--drawer-content-height) max-h-(--drawer-content-max-height,none) min-h-0 w-(--drawer-content-width,auto) transform-[translate3d(var(--translate-x,0px),var(--translate-y,0px),0)_scale(var(--stack-scale))] flex-col rounded-4xl border bg-card text-sm text-popover-foreground transition-[transform,height,opacity,filter] duration-450 ease-[cubic-bezier(0.22,1,0.36,1)] will-change-transform outline-none select-none [--drawer-bleed-background:transparent] [--drawer-inset:--spacing(2)] [interpolate-size:allow-keywords] max-md:pb-(--app-safe-bottom) md:pb-0 dark:border-border",
               // Nested.
@@ -3082,7 +3137,7 @@ function DrawerContent({
                 DrawerPrimitive.Content,
                 {
                   "data-slot": "drawer-content",
-                  className: cn(
+                  className: cn26(
                     "flex min-h-0 flex-1 flex-col overflow-hidden overscroll-contain rounded-[inherit] transition-opacity duration-300 ease-[cubic-bezier(0.45,1.005,0,1.005)] select-text group-data-nested-drawer-open/drawer-popup:opacity-0 group-data-nested-drawer-swiping/drawer-popup:opacity-100 group-data-swiping/drawer-popup:select-none"
                   ),
                   children
@@ -3100,7 +3155,7 @@ function DrawerHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "drawer-header",
-      className: cn(
+      className: cn26(
         "flex shrink-0 flex-col gap-0.5 p-4 pb-0 group-data-[swipe-axis=y]/drawer-popup:text-center md:gap-1.5 md:text-left",
         className
       ),
@@ -3113,7 +3168,7 @@ function DrawerFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "drawer-footer",
-      className: cn("mt-auto flex shrink-0 flex-col gap-2 p-4 pt-0", className),
+      className: cn26("mt-auto flex shrink-0 flex-col gap-2 p-4 pt-0", className),
       ...props
     }
   );
@@ -3123,7 +3178,7 @@ function DrawerTitle({ className, ...props }) {
     DrawerPrimitive.Title,
     {
       "data-slot": "drawer-title",
-      className: cn(
+      className: cn26(
         "font-heading text-base font-medium text-foreground",
         className
       ),
@@ -3139,7 +3194,7 @@ function DrawerDescription({
     DrawerPrimitive.Description,
     {
       "data-slot": "drawer-description",
-      className: cn("text-sm text-balance text-muted-foreground", className),
+      className: cn26("text-sm text-balance text-muted-foreground", className),
       ...props
     }
   );
@@ -3147,6 +3202,7 @@ function DrawerDescription({
 // src/ui/dropdown-menu.tsx
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+import { cn as cn27 } from "cn";
 import { CheckIcon, ChevronRightIcon } from "lucide-react";
 import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 function DropdownMenu({ ...props }) {
@@ -3178,7 +3234,7 @@ function DropdownMenuContent({
         MenuPrimitive.Popup,
         {
           "data-slot": "dropdown-menu-content",
-          className: cn(
+          className: cn27(
             "z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-background p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           ),
@@ -3201,7 +3257,7 @@ function DropdownMenuLabel({
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": inset,
-      className: cn(
+      className: cn27(
         "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7",
         className
       ),
@@ -3221,7 +3277,7 @@ function DropdownMenuItem({
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
       "data-variant": variant,
-      className: cn(
+      className: cn27(
         "group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
         className
       ),
@@ -3243,7 +3299,7 @@ function DropdownMenuSubTrigger({
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
-      className: cn(
+      className: cn27(
         "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -3267,7 +3323,7 @@ function DropdownMenuSubContent({
     DropdownMenuContent,
     {
       "data-slot": "dropdown-menu-sub-content",
-      className: cn(
+      className: cn27(
         "w-auto min-w-[96px] rounded-lg bg-background p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
         className
       ),
@@ -3291,7 +3347,7 @@ function DropdownMenuCheckboxItem({
     {
       "data-slot": "dropdown-menu-checkbox-item",
       "data-inset": inset,
-      className: cn(
+      className: cn27(
         "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -3331,7 +3387,7 @@ function DropdownMenuRadioItem({
     {
       "data-slot": "dropdown-menu-radio-item",
       "data-inset": inset,
-      className: cn(
+      className: cn27(
         "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -3358,7 +3414,7 @@ function DropdownMenuSeparator({
     MenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
-      className: cn("-mx-1 my-1 h-px bg-border", className),
+      className: cn27("-mx-1 my-1 h-px bg-border", className),
       ...props
     }
   );
@@ -3371,7 +3427,7 @@ function DropdownMenuShortcut({
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
-      className: cn(
+      className: cn27(
         "ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground",
         className
       ),
@@ -3382,13 +3438,14 @@ function DropdownMenuShortcut({
 // src/ui/empty.tsx
 import { cva as cva6 } from "class-variance-authority";
+import { cn as cn28 } from "cn";
 import { jsx as jsx28 } from "react/jsx-runtime";
 function Empty({ className, ...props }) {
   return /* @__PURE__ */ jsx28(
     "div",
     {
       "data-slot": "empty",
-      className: cn(
+      className: cn28(
         "flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance",
         className
       ),
@@ -3401,7 +3458,7 @@ function EmptyHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "empty-header",
-      className: cn("flex max-w-sm flex-col items-center gap-2", className),
+      className: cn28("flex max-w-sm flex-col items-center gap-2", className),
       ...props
     }
   );
@@ -3430,7 +3487,7 @@ function EmptyMedia({
     {
       "data-slot": "empty-icon",
       "data-variant": variant,
-      className: cn(emptyMediaVariants({ variant, className })),
+      className: cn28(emptyMediaVariants({ variant, className })),
       ...props
     }
   );
@@ -3440,7 +3497,7 @@ function EmptyTitle({ className, ...props }) {
     "div",
     {
       "data-slot": "empty-title",
-      className: cn("text-sm font-medium tracking-tight", className),
+      className: cn28("text-sm font-medium tracking-tight", className),
       ...props
     }
   );
@@ -3450,7 +3507,7 @@ function EmptyDescription({ className, ...props }) {
     "div",
     {
       "data-slot": "empty-description",
-      className: cn(
+      className: cn28(
         "text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
         className
       ),
@@ -3463,7 +3520,7 @@ function EmptyContent({ className, ...props }) {
     "div",
     {
       "data-slot": "empty-content",
-      className: cn(
+      className: cn28(
         "flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance",
         className
       ),
@@ -3472,6 +3529,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 React10 from "react";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var AnimatedDiv = React10.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: {
@@ -3767,15 +3869,17 @@ var kanbanOrderCardLayoutTransition = {
 // src/ui/field.tsx
 import { cva as cva7 } from "class-variance-authority";
 import { useMemo as useMemo3 } from "react";
+import { cn as cn30 } from "cn";
 // src/ui/label.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { cn as cn29 } from "cn";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "label",
     {
       "data-slot": "label",
-      className: cn(
+      className: cn29(
         "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
         className
       ),
@@ -3785,13 +3889,13 @@ 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",
-      className: cn(
+      className: cn30(
         "flex flex-col gap-1 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
         className
       ),
@@ -3804,12 +3908,12 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "legend",
     {
       "data-slot": "field-legend",
       "data-variant": variant,
-      className: cn(
+      className: cn30(
         "mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base",
         className
       ),
@@ -3818,11 +3922,11 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "field-group",
-      className: cn(
+      className: cn30(
         "group/field-group @container/field-group flex w-full flex-col gap-2 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4",
         className
       ),
@@ -3850,23 +3954,23 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       role: "group",
       "data-slot": "field",
       "data-orientation": orientation,
-      className: cn(fieldVariants({ orientation }), className),
+      className: cn30(fieldVariants({ orientation }), className),
       ...props
     }
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "field-content",
-      className: cn(
+      className: cn30(
         "group/field-content flex flex-1 flex-col gap-0.5 leading-snug",
         className
       ),
@@ -3878,11 +3982,11 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     Label,
     {
       "data-slot": "field-label",
-      className: cn(
+      className: cn30(
         "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10",
         "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
         className
@@ -3892,11 +3996,11 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       "data-slot": "field-label",
-      className: cn(
+      className: cn30(
         "flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50",
         className
       ),
@@ -3905,11 +4009,11 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "p",
     {
       "data-slot": "field-description",
-      className: cn(
+      className: cn30(
         "text-left text-[10px] leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5",
         "last:mt-0 nth-last-2:-mt-1",
         "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
@@ -3929,14 +4033,14 @@ function FieldSeparator({
     {
       "data-slot": "field-separator",
       "data-content": !!children,
-      className: cn(
+      className: cn30(
         "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
         className
       ),
       ...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,19 +4071,19 @@ 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",
       "data-slot": "field-error",
-      className: cn("text-sm font-normal text-destructive", className),
+      className: cn30("text-sm font-normal text-destructive", className),
       ...props,
       children: content
     }
@@ -3988,8 +4092,9 @@ 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 useCallback3, useState as useState5 } from "react";
+import { cn as cn31 } from "cn";
+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,29 +4114,29 @@ 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;
   const shouldPreload = preload ?? loading === "eager";
   const imageLoading = shouldPreload ? "eager" : loading;
-  const markLoaded = useCallback2(() => {
+  const markLoaded = useCallback3(() => {
     if (!currentSrc) return;
     setFailedSrc(null);
     setLoadedSrc(currentSrc);
   }, [currentSrc]);
-  const markFailed = useCallback2(() => {
+  const markFailed = useCallback3(() => {
     if (!currentSrc) return;
     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(
+  return /* @__PURE__ */ jsxs17("section", { className: cn31("relative block overflow-hidden", wrapper), children: [
+    showSkeleton && !loaded && !failed && hasSource && /* @__PURE__ */ jsx32(Skeleton, { className: "absolute inset-0 size-full" }),
+    hasSource && !failed ? /* @__PURE__ */ jsx32(
       NextImage,
       {
         ...props,
@@ -4041,7 +4146,7 @@ function Image({
         loading: imageLoading,
         preload: shouldPreload,
         fetchPriority: fetchPriority ?? (imageLoading === "eager" ? "high" : void 0),
-        className: cn(
+        className: cn31(
           "transition-opacity duration-200",
           loaded ? "opacity-100" : "opacity-0",
           className
@@ -4061,35 +4166,36 @@ function Image({
 }
 // src/ui/input-otp.tsx
-import * as React9 from "react";
+import * as React11 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
+import { cn as cn32 } from "cn";
 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",
-      containerClassName: cn(
+      containerClassName: cn32(
         "cn-input-otp flex items-center has-disabled:opacity-50",
         containerClassName
       ),
       spellCheck: false,
-      className: cn("disabled:cursor-not-allowed", className),
+      className: cn32("disabled:cursor-not-allowed", className),
       ...props
     }
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "input-otp-group",
-      className: cn(
+      className: cn32(
         "flex items-center rounded-lg has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40",
         className
       ),
@@ -4102,34 +4208,34 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React9.useContext(OTPInputContext);
+  const inputOTPContext = React11.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxs18(
     "div",
     {
       "data-slot": "input-otp-slot",
       "data-active": isActive,
-      className: cn(
+      className: cn32(
         "relative flex size-8 items-center justify-center border-y border-r border-input text-sm transition-[background-color,border-color,box-shadow,opacity] duration-150 ease-out outline-none motion-reduce:transition-none first:rounded-l-lg first:border-l last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40",
         className
       ),
       ...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,14 +4244,15 @@ 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 { cn as cn33 } from "cn";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       role: "list",
       "data-slot": "item-group",
-      className: cn(
+      className: cn33(
         "group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2",
         className
       ),
@@ -4157,12 +4264,12 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     Separator,
     {
       "data-slot": "item-separator",
       orientation: "horizontal",
-      className: cn("my-2", className),
+      className: cn33("my-2", className),
       ...props
     }
   );
@@ -4199,7 +4306,7 @@ function Item({
     defaultTagName: "div",
     props: mergeProps4(
       {
-        className: cn(itemVariants({ variant, size, className }))
+        className: cn33(itemVariants({ variant, size, className }))
       },
       props
     ),
@@ -4231,22 +4338,22 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-media",
       "data-variant": variant,
-      className: cn(itemMediaVariants({ variant, className })),
+      className: cn33(itemMediaVariants({ variant, className })),
       ...props
     }
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-content",
-      className: cn(
+      className: cn33(
         "flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none",
         className
       ),
@@ -4255,11 +4362,11 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-title",
-      className: cn(
+      className: cn33(
         "line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4",
         className
       ),
@@ -4268,11 +4375,11 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "p",
     {
       "data-slot": "item-description",
-      className: cn(
+      className: cn33(
         "line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
         className
       ),
@@ -4281,21 +4388,21 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-actions",
-      className: cn("flex items-center gap-2", className),
+      className: cn33("flex items-center gap-2", className),
       ...props
     }
   );
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-header",
-      className: cn(
+      className: cn33(
         "flex basis-full items-center justify-between gap-2",
         className
       ),
@@ -4304,11 +4411,11 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "item-footer",
-      className: cn(
+      className: cn33(
         "flex basis-full items-center justify-between gap-2",
         className
       ),
@@ -4318,10 +4425,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,19 +4439,20 @@ import {
   BlobSpeech,
   JellyBlobMascot
 } from "feral-blob";
-import * as React10 from "react";
+import * as React12 from "react";
+import { cn as cn34 } from "cn";
 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,
-      className: cn("h-auto w-full", props.className)
+      className: cn34("h-auto w-full", props.className)
     }
   ) });
 }
@@ -4370,15 +4478,15 @@ function JellyMini({
   ...props
 }) {
   const { mounted } = useMounted();
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "span",
     {
       "aria-hidden": "true",
-      className: cn(
+      className: cn34(
         "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 +4498,10 @@ function JellyMini({
     }
   );
 }
-var JellyMascotContext = React10.createContext(null);
+var JellyMascotContext = React12.createContext(null);
 function useJellyMood() {
-  const state = React10.useContext(JellyMascotContext);
-  return React10.useCallback(
+  const state = React12.useContext(JellyMascotContext);
+  return React12.useCallback(
     (mood) => {
       if (!mood || !state) return {};
       return {
@@ -4420,14 +4528,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 +4544,7 @@ function JellyMascotProvider({
   ...blobProps
 }) {
   const { mounted } = useMounted();
-  const [previewMood, setPreviewMood] = React10.useState(
+  const [previewMood, setPreviewMood] = React12.useState(
     null
   );
   const activeMood = previewMood ?? mood;
@@ -4449,7 +4557,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,26 +4569,26 @@ function JellyMascotFace({
   size = "md",
   className
 }) {
-  const mascot = React10.useContext(JellyMascotContext);
+  const mascot = React12.useContext(JellyMascotContext);
   if (!mascot) return null;
   return /* @__PURE__ */ jsxs19(
     "div",
     {
       "aria-hidden": "true",
-      className: cn(
+      className: cn34(
         "flex flex-col items-center select-none",
         SIZE_WRAPPER[size],
         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 +4607,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 = 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,
@@ -4517,24 +4625,25 @@ 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: cn34("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 { cn as cn35 } from "cn";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "kbd",
     {
       "data-slot": "kbd",
-      className: cn(
+      className: cn35(
         "pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3",
         className
       ),
@@ -4543,24 +4652,25 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "kbd",
     {
       "data-slot": "kbd-group",
-      className: cn("inline-flex items-center gap-1", className),
+      className: cn35("inline-flex items-center gap-1", className),
       ...props
     }
   );
 }
 // src/ui/message.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { cn as cn36 } from "cn";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function MessageGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-group",
-      className: cn("flex min-w-0 flex-col gap-2", className),
+      className: cn36("flex min-w-0 flex-col gap-2", className),
       ...props
     }
   );
@@ -4570,12 +4680,12 @@ function Message({
   align = "start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message",
       "data-align": align,
-      className: cn(
+      className: cn36(
         "group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse",
         className
       ),
@@ -4584,11 +4694,11 @@ function Message({
   );
 }
 function MessageAvatar({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-avatar",
-      className: cn(
+      className: cn36(
         "flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8",
         className
       ),
@@ -4597,11 +4707,11 @@ function MessageAvatar({ className, ...props }) {
   );
 }
 function MessageContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-content",
-      className: cn(
+      className: cn36(
         "flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end",
         className
       ),
@@ -4610,11 +4720,11 @@ function MessageContent({ className, ...props }) {
   );
 }
 function MessageHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-header",
-      className: cn(
+      className: cn36(
         "flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0",
         className
       ),
@@ -4623,11 +4733,11 @@ function MessageHeader({ className, ...props }) {
   );
 }
 function MessageFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "message-footer",
-      className: cn(
+      className: cn36(
         "flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end",
         className
       ),
@@ -4643,20 +4753,21 @@ import {
   useMessageScrollerScrollable,
   useMessageScrollerVisibility
 } from "@shadcn/react/message-scroller";
+import { cn as cn37 } from "cn";
 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",
-      className: cn(
+      className: cn37(
         "group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden",
         className
       ),
@@ -4668,11 +4779,11 @@ function MessageScrollerViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MessageScrollerPrimitive.Viewport,
     {
       "data-slot": "message-scroller-viewport",
-      className: cn(
+      className: cn37(
         "size-full min-h-0 min-w-0 scroll-fade scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent",
         className
       ),
@@ -4684,11 +4795,11 @@ function MessageScrollerContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MessageScrollerPrimitive.Content,
     {
       "data-slot": "message-scroller-content",
-      className: cn("flex h-max min-h-full flex-col gap-6", className),
+      className: cn37("flex h-max min-h-full flex-col gap-6", className),
       ...props
     }
   );
@@ -4698,12 +4809,12 @@ function MessageScrollerItem({
   scrollAnchor = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MessageScrollerPrimitive.Item,
     {
       "data-slot": "message-scroller-item",
       scrollAnchor,
-      className: cn(
+      className: cn37(
         "min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]",
         className
       ),
@@ -4720,7 +4831,7 @@ function MessageScrollerButton({
   size = "icon-sm",
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     MessageScrollerPrimitive.Button,
     {
       "data-slot": "message-scroller-button",
@@ -4728,31 +4839,30 @@ function MessageScrollerButton({
       "data-variant": variant,
       "data-size": size,
       direction,
-      className: cn(
+      className: cn37(
         "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" })
       ] })
     }
   );
 }
 // src/ui/otp.tsx
-import { clsx as clsx2 } from "clsx";
+import { cn as cn38 } from "cn";
 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 { twMerge as twMerge2 } from "tailwind-merge";
-import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment3, useEffect as useEffect6, useId as useId2, useRef as useRef3, useState as useState8 } from "react";
+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];
@@ -4786,9 +4896,6 @@ var SPRING_MOUSE = {
   damping: 15,
   mass: 0.3
 };
-function otpCn(...inputs) {
-  return twMerge2(clsx2(inputs));
-}
 function OTPInput2({
   length = 6,
   value: controlledValue,
@@ -4812,15 +4919,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 +5011,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,
@@ -4920,8 +5027,8 @@ function OTPInput2({
   const showSuccess = status === "success";
   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(
+  return /* @__PURE__ */ jsxs21("div", { className: cn38("inline-flex flex-col gap-2", className), children: [
+    label ? /* @__PURE__ */ jsx39(
       "label",
       {
         htmlFor: `${uid}-input`,
@@ -4942,7 +5049,7 @@ function OTPInput2({
           inputRef.current?.focus();
         },
         children: [
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx39(
             "input",
             {
               ref: inputRef,
@@ -4969,7 +5076,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: [
@@ -4979,15 +5086,15 @@ function OTPInput2({
                   "data-otp-slot": true,
                   "data-active": isActive,
                   "data-filled": char !== "",
-                  className: otpCn(
+                  className: cn38(
                     "relative grid size-11 place-items-center overflow-hidden rounded-xl border bg-card text-xl font-semibold tabular-nums transition-colors duration-200",
                     showSuccess ? "border-emerald-500/60 text-foreground" : status === "error" ? "border-destructive/60 text-foreground" : char ? "border-border-strong text-foreground" : "border-border text-muted-foreground",
                     isActive && !showSuccess && status !== "error" && "border-brand border-2 ring-0",
                     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] },
@@ -4996,14 +5103,14 @@ function OTPInput2({
                           repeat: Number.POSITIVE_INFINITY,
                           ease: "linear"
                         },
-                        className: otpCn(
+                        className: cn38(
                           "bg-brand pointer-events-none absolute top-1/2 h-6 w-px -translate-y-1/2",
                           char ? "right-3" : "left-1/2 -translate-x-1/2"
                         )
                       }
                     ) : 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 +5147,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 +5192,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,11 +5222,11 @@ function OTPInput2({
         ]
       }
     ),
-    message ? /* @__PURE__ */ jsx38(
+    message ? /* @__PURE__ */ jsx39(
       "p",
       {
         "aria-live": "polite",
-        className: otpCn(
+        className: cn38(
           "text-sm",
           showSuccess ? "text-emerald-500" : status === "error" ? "text-destructive" : "text-muted-foreground"
         ),
@@ -5138,12 +5245,13 @@ 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 { cn as cn39 } from "cn";
+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 +5261,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,11 +5269,11 @@ function PopoverContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx39(
+      children: /* @__PURE__ */ jsx40(
         PopoverPrimitive.Popup,
         {
           "data-slot": "popover-content",
-          className: cn(
+          className: cn39(
             "z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-background p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           ),
@@ -5176,21 +5284,21 @@ function PopoverContent({
   ) });
 }
 function PopoverHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "popover-header",
-      className: cn("flex flex-col gap-0.5 text-sm", className),
+      className: cn39("flex flex-col gap-0.5 text-sm", className),
       ...props
     }
   );
 }
 function PopoverTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     PopoverPrimitive.Title,
     {
       "data-slot": "popover-title",
-      className: cn("font-medium", className),
+      className: cn39("font-medium", className),
       ...props
     }
   );
@@ -5199,11 +5307,11 @@ function PopoverDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     PopoverPrimitive.Description,
     {
       "data-slot": "popover-description",
-      className: cn("text-muted-foreground", className),
+      className: cn39("text-muted-foreground", className),
       ...props
     }
   );
@@ -5212,12 +5320,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 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({
@@ -5225,10 +5333,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 +5344,7 @@ var QuantityInput = React11.forwardRef(function QuantityInput2({ ...props }, ref
         "data-no-ring": true
       }
     ),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41(
       NumberField.Increment,
       {
         className: buttonVariants({
@@ -5244,7 +5352,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,33 +5361,34 @@ 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 { cn as cn40 } from "cn";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function RadioGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     RadioGroupPrimitive,
     {
       "data-slot": "radio-group",
-      className: cn("grid w-full gap-2", className),
+      className: cn40("grid w-full gap-2", className),
       ...props
     }
   );
 }
 function RadioGroupItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     RadioPrimitive.Root,
     {
       "data-slot": "radio-group-item",
-      className: cn(
+      className: cn40(
         "group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
         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" })
         }
       )
     }
@@ -5291,23 +5400,24 @@ import { useRender as useRender5 } from "@base-ui/react/use-render";
 import { cva as cva9 } from "class-variance-authority";
 import {
   createContext as createContext5,
-  useCallback as useCallback4,
+  useCallback as useCallback5,
   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 { cn as cn41 } from "cn";
+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 +5427,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 +5441,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx43(
     TooltipPrimitive.Positioner,
     {
       align,
@@ -5343,14 +5453,14 @@ function TooltipContent({
         TooltipPrimitive.Popup,
         {
           "data-slot": "tooltip-content",
-          className: cn(
+          className: cn41(
             "z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           ),
           ...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" })
           ]
         }
       )
@@ -5359,8 +5469,9 @@ function TooltipContent({
 }
 // src/ui/reui/filters.tsx
+import { cn as cn42 } from "cn";
 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 +5578,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();
@@ -5529,7 +5640,7 @@ function FilterInput({
   return /* @__PURE__ */ jsxs24(
     InputGroup,
     {
-      className: cn(
+      className: cn42(
         "w-36",
         // Height follows each style's own control ladder. `default` sets no
         // height on purpose so the style's `.cn-input-group` applies (h-8 nova,
@@ -5544,8 +5655,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,
@@ -5553,29 +5664,29 @@ function FilterInput({
             "aria-describedby": !isValid && validationMessage ? `${field?.key || "input"}-error` : void 0,
             onBlur: handleBlur,
             onKeyDown: handleKeyDown,
-            className: cn(
+            className: cn42(
               context.size == "sm" && "h-7! text-xs",
               context.size == "lg" && "h-9!"
             ),
             ...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 +5744,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 +5754,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;
@@ -5663,7 +5774,7 @@ function useFieldOptions(field, searchInput, enabled) {
       cancelled = true;
     };
   }, [isAsync, enabled, debouncedQuery]);
-  const resolveSelected = useCallback4(
+  const resolveSelected = useCallback5(
     (values) => {
       const cache = getFieldOptionCache(field);
       return values.map(
@@ -5747,10 +5858,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,19 +5872,19 @@ 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),
-        className: cn(
+        className: cn42(
           "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(
+              className: cn42(
                 "ms-auto text-primary",
                 op.value === operator ? "opacity-100" : "opacity-0"
               )
@@ -5792,21 +5903,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}`
@@ -5863,7 +5974,7 @@ function SelectOptionsPopover({
         "data-highlighted": isHighlighted || void 0,
         onMouseEnter: () => setHighlightedIndex(overallIndex),
         checked: isSelected,
-        className: cn(
+        className: cn42(
           "data-highlighted:bg-accent data-highlighted:text-accent-foreground",
           option.className
         ),
@@ -5873,7 +5984,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 +5992,7 @@ function SelectOptionsPopover({
   };
   const renderMenuContent = () => /* @__PURE__ */ jsxs24(Fragment4, { children: [
     field.searchable !== false && /* @__PURE__ */ jsxs24(Fragment4, { children: [
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx44(
         Input,
         {
           ref: inputRef,
@@ -5894,7 +6005,7 @@ function SelectOptionsPopover({
           placeholder: context.i18n.placeholders.searchField(
             field.label || ""
           ),
-          className: cn(
+          className: cn42(
             "h-8 rounded-none border-0 border-input bg-transparent! px-2 text-sm shadow-none",
             "focus-visible:border-border focus-visible:ring-0 focus-visible:ring-offset-0",
             open && "placeholder:text-foreground"
@@ -5942,24 +6053,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 +6081,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,23 +6094,23 @@ 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",
-            className: cn("w-50 px-0", field.className),
+            className: cn42("w-50 px-0", field.className),
             children: renderMenuContent()
           }
         )
@@ -6018,10 +6129,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",
@@ -6030,15 +6141,15 @@ function FilterValueSelector({
         placeholder: field.placeholder,
         pattern: field.pattern,
         field,
-        className: cn("w-36", field.className),
+        className: cn42("w-36", field.className),
         autoFocus
       }
     );
   }
   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,
@@ -6047,7 +6158,7 @@ var FiltersContent = ({
 }) => {
   const context = useFilterContext();
   const fieldsMap = useMemo4(() => getFieldsMap(fields), [fields]);
-  const updateFilter = useCallback4(
+  const updateFilter = useCallback5(
     (filterId, updates) => {
       onChange(
         filters.map((filter) => {
@@ -6064,16 +6175,16 @@ var FiltersContent = ({
     },
     [filters, onChange]
   );
-  const removeFilter = useCallback4(
+  const removeFilter = useCallback5(
     (filterId) => {
       onChange(filters.filter((filter) => filter.id !== filterId));
     },
     [filters, onChange]
   );
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
-      className: cn(
+      className: cn42(
         filtersContainerVariants({
           variant: context.variant,
           size: context.size
@@ -6092,7 +6203,7 @@ var FiltersContent = ({
                 field.icon && field.icon,
                 field.label
               ] }),
-              /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx44(
                 FilterOperatorDropdown,
                 {
                   field,
@@ -6101,7 +6212,7 @@ var FiltersContent = ({
                   onChange: (operator) => updateFilter(filter.id, { operator })
                 }
               ),
-              /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx44(
                 FilterValueSelector,
                 {
                   field,
@@ -6111,7 +6222,7 @@ var FiltersContent = ({
                   autoFocus: false
                 }
               ),
-              /* @__PURE__ */ jsx43(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
+              /* @__PURE__ */ jsx44(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
             ]
           },
           filter.id
@@ -6131,8 +6242,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 +6253,7 @@ function FilterSubmenuContent({
     error,
     resolveSelected
   } = useFieldOptions(field, searchInput, true);
-  useEffect6(() => {
+  useEffect7(() => {
     if (isActive) {
       if (field.searchable !== false) {
         inputRef.current?.focus();
@@ -6152,10 +6263,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}`
@@ -6198,7 +6309,7 @@ function FilterSubmenuContent({
         "data-highlighted": isHighlighted || void 0,
         onMouseEnter: () => setHighlightedIndex(index),
         checked: isSelected,
-        className: cn(
+        className: cn42(
           "data-highlighted:bg-accent data-highlighted:text-accent-foreground",
           option.className
         ),
@@ -6208,20 +6319,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,
@@ -6232,7 +6343,7 @@ function FilterSubmenuContent({
           "aria-controls": `${baseId}-listbox`,
           "aria-activedescendant": highlightedIndex >= 0 ? `${baseId}-item-${highlightedIndex}` : void 0,
           placeholder: i18n.placeholders.searchField(field.label || ""),
-          className: cn(
+          className: cn42(
             "h-8 rounded-none border-0 bg-transparent! px-2 text-sm shadow-none",
             "focus-visible:border-border focus-visible:ring-0 focus-visible:ring-offset-0",
             isActive && "placeholder:text-foreground"
@@ -6284,9 +6395,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 +6442,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 +6470,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 +6491,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 +6507,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);
@@ -6421,7 +6532,7 @@ function Filters({
     [i18n]
   );
   const fieldsMap = useMemo4(() => getFieldsMap(fields), [fields]);
-  const updateFilter = useCallback4(
+  const updateFilter = useCallback5(
     (filterId, updates) => {
       onChange(
         filters.map((filter) => {
@@ -6438,13 +6549,13 @@ function Filters({
     },
     [filters, onChange]
   );
-  const removeFilter = useCallback4(
+  const removeFilter = useCallback5(
     (filterId) => {
       onChange(filters.filter((filter) => filter.id !== filterId));
     },
     [filters, onChange]
   );
-  const addFilter = useCallback4(
+  const addFilter = useCallback5(
     (fieldKey) => {
       const field = fieldsMap[fieldKey];
       if (field && field.key) {
@@ -6476,14 +6587,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,10 +6611,10 @@ 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),
+      className: cn42(filtersContainerVariants({ variant, size }), className),
       children: [
         selectableFields.length > 0 && /* @__PURE__ */ jsxs24(
           DropdownMenu,
@@ -6519,16 +6630,16 @@ function Filters({
               }
             },
             children: [
-              /* @__PURE__ */ jsx43(DropdownMenuTrigger, { render: triggerButton }),
+              /* @__PURE__ */ jsx44(DropdownMenuTrigger, { render: triggerButton }),
               /* @__PURE__ */ jsxs24(
                 DropdownMenuContent,
                 {
-                  className: cn("w-55", menuPopupClassName),
+                  className: cn42("w-55", menuPopupClassName),
                   align: "start",
                   children: [
                     showSearchInput && /* @__PURE__ */ jsxs24(Fragment4, { children: [
                       /* @__PURE__ */ jsxs24("div", { className: "relative", children: [
-                        /* @__PURE__ */ jsx43(
+                        /* @__PURE__ */ jsx44(
                           Input,
                           {
                             ref: rootInputRef,
@@ -6536,7 +6647,7 @@ function Filters({
                             "aria-controls": `${rootId}-listbox`,
                             "aria-activedescendant": highlightedIndex >= 0 ? `${rootId}-item-${highlightedIndex}` : void 0,
                             placeholder: mergedI18n.searchFields,
-                            className: cn(
+                            className: cn42(
                               "h-8 rounded-none border-0 bg-transparent! px-2 text-sm shadow-none",
                               "focus-visible:border-border focus-visible:ring-0 focus-visible:ring-offset-0",
                               activeMenu === "root" && "placeholder:text-foreground"
@@ -6600,20 +6711,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 +6765,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 +6859,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 +6886,7 @@ function Filters({
                   field.icon && field.icon,
                   field.label
                 ] }),
-                /* @__PURE__ */ jsx43(
+                /* @__PURE__ */ jsx44(
                   FilterOperatorDropdown,
                   {
                     field,
@@ -6784,7 +6895,7 @@ function Filters({
                     onChange: (operator) => updateFilter(filter.id, { operator })
                   }
                 ),
-                /* @__PURE__ */ jsx43(
+                /* @__PURE__ */ jsx44(
                   FilterValueSelector,
                   {
                     field,
@@ -6794,7 +6905,7 @@ function Filters({
                     autoFocus: filter.id === lastAddedFilterId
                   }
                 ),
-                /* @__PURE__ */ jsx43(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
+                /* @__PURE__ */ jsx44(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
               ]
             },
             filter.id
@@ -6819,25 +6930,26 @@ var createFilterGroup = (id, label, fields, initialFilters = []) => ({
 // src/ui/select.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
+import { cn as cn43 } from "cn";
 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",
-      className: cn("scroll-my-1 p-1", className),
+      className: cn43("scroll-my-1 p-1", className),
       ...props
     }
   );
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.Value,
     {
       "data-slot": "select-value",
-      className: cn("flex flex-1 text-left", className),
+      className: cn43("flex flex-1 text-left", className),
       ...props
     }
   );
@@ -6853,17 +6965,17 @@ function SelectTrigger({
     {
       "data-slot": "select-trigger",
       "data-size": size,
-      className: cn(
+      className: cn43(
         "flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:ring-2 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-placeholder:text-muted-foreground data-[size=default]:h-8 *:data-[slot=select-value]:line-clamp-1 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...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 +6992,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,
@@ -6894,15 +7006,15 @@ function SelectContent({
         {
           "data-slot": "select-content",
           "data-align-trigger": alignItemWithTrigger,
-          className: cn(
+          className: cn43(
             "relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-background text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-open:fade-in-0 data-open:zoom-in-95 data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           ),
           ...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,11 +7025,11 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.GroupLabel,
     {
       "data-slot": "select-label",
-      className: cn("px-1.5 py-1 text-xs text-muted-foreground", className),
+      className: cn43("px-1.5 py-1 text-xs text-muted-foreground", className),
       ...props
     }
   );
@@ -6931,18 +7043,18 @@ function SelectItem({
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
-      className: cn(
+      className: cn43(
         "relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...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,11 +7065,11 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
-      className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
+      className: cn43("pointer-events-none -mx-1 my-1 h-px bg-border", className),
       ...props
     }
   );
@@ -6966,16 +7078,16 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
-      className: cn(
+      className: cn43(
         "top-0 z-10 flex w-full cursor-default items-center justify-center bg-background py-1 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx44(ChevronUp2, {})
+      children: /* @__PURE__ */ jsx45(ChevronUp2, {})
     }
   );
 }
@@ -6983,16 +7095,16 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     SelectPrimitive.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
-      className: cn(
+      className: cn43(
         "bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-background py-1 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx44(ChevronDown3, {})
+      children: /* @__PURE__ */ jsx45(ChevronDown3, {})
     }
   );
 }
@@ -7002,7 +7114,8 @@ import {
   forwardRef as forwardRef4,
   useLayoutEffect
 } from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { cn as cn44 } from "cn";
+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,10 +7236,10 @@ var Skeleton = forwardRef4(function Skeleton2({
     ...style,
     "--iconiq-skeleton-duration": `${variantDuration}s`
   } : style;
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
-      className: cn(
+      className: cn44(
         componentThemeClassName,
         "iconiq-skeleton-surface relative block h-4 w-full overflow-hidden",
         showFade && "iconiq-skeleton-fade-root",
@@ -7137,7 +7250,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,10 +7265,10 @@ function SkeletonAvatar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Skeleton,
     {
-      className: cn("size-10", className),
+      className: cn44("size-10", className),
       decorative: true,
       rounded: "full",
       ...props
@@ -7163,16 +7276,16 @@ function SkeletonAvatar({
   );
 }
 function SkeletonText({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(Skeleton, { className: cn("h-3", className), decorative: true, ...props });
+  return /* @__PURE__ */ jsx46(Skeleton, { className: cn44("h-3", className), decorative: true, ...props });
 }
 function SkeletonButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Skeleton,
     {
-      className: cn("h-9 w-24", className),
+      className: cn44("h-9 w-24", className),
       decorative: true,
       rounded: "lg",
       ...props
@@ -7184,11 +7297,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,53 +7341,16 @@ 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";
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    return ref(value);
-  }
-  if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-}
-function composeRefs(...refs) {
-  return (node) => {
-    let hasCleanup = false;
-    const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
-      if (!hasCleanup && typeof cleanup === "function") {
-        hasCleanup = true;
-      }
-      return cleanup;
-    });
-    if (hasCleanup) {
-      return () => {
-        for (let i = 0; i < cleanups.length; i++) {
-          const cleanup = cleanups[i];
-          if (typeof cleanup === "function") {
-            cleanup();
-          } else {
-            setRef(refs[i], null);
-          }
-        }
-      };
-    }
-  };
-}
-function useComposedRefs(...refs) {
-  return React12.useCallback(composeRefs(...refs), refs);
-}
+import { cn as cn45 } from "cn";
 // 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 +7373,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 +7395,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 +7404,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 +7419,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 +7430,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 +7452,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 +7460,7 @@ function Sortable(props) {
     },
     [sortableProps.onDragCancel]
   );
-  const announcements = React14.useMemo(
+  const announcements = React15.useMemo(
     () => ({
       onDragStart({ active }) {
         const activeValue = active.id.toString();
@@ -7426,7 +7502,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 +7512,7 @@ function Sortable(props) {
     }),
     [orientation]
   );
-  const contextValue = React14.useMemo(
+  const contextValue = React15.useMemo(
     () => ({
       id,
       items,
@@ -7459,11 +7535,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 +7560,7 @@ function Sortable(props) {
     }
   );
 }
-var SortableContentContext = React14.createContext(false);
+var SortableContentContext = React15.createContext(false);
 function SortableContent(props) {
   const {
     strategy: strategyProp,
@@ -7512,7 +7588,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 +7597,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 +7616,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 +7627,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 +7637,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 +7646,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,
@@ -7596,7 +7672,7 @@ function SortableItem(props) {
         id,
         ref: composedRef,
         style: composedStyle,
-        className: cn(
+        className: cn45(
           "focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-hidden",
           {
             "touch-none select-none": asHandle,
@@ -7619,7 +7695,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 +7703,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);
@@ -7644,7 +7720,7 @@ function SortableItemHandle(props) {
         "aria-controls": itemContext.id,
         ref: composedRef,
         disabled: isDisabled,
-        className: cn(
+        className: cn45(
           "select-none disabled:pointer-events-none disabled:opacity-50",
           context.flatCursor ? "cursor-default" : "cursor-grab data-dragging:cursor-grabbing",
           className
@@ -7661,7 +7737,7 @@ function SortableItemHandle(props) {
     }
   });
 }
-var SortableOverlayContext = React14.createContext(false);
+var SortableOverlayContext = React15.createContext(false);
 var dropAnimation = {
   sideEffects: defaultDropAnimationSideEffects({
     styles: {
@@ -7674,19 +7750,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"),
+        className: cn45(!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,23 +7771,24 @@ 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 { cn as cn46 } from "cn";
+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",
       "data-size": size,
-      className: cn(
+      className: cn46(
         "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-[background-color,border-color,box-shadow,opacity] duration-150 ease-out outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 motion-reduce:transition-none dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx48(
+      children: /* @__PURE__ */ jsx49(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -7738,6 +7815,7 @@ export {
   AlertDialogPortal,
   AlertDialogTitle,
   AlertDialogTrigger,
+  div_default as AnimatedDiv,
   Apple,
   Ariakit,
   Autocomplete,