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

@rock.star/ui 1.1.4 → 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 (12) 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
       ),
@@ -3488,9 +3545,9 @@ function useMediaQuery(query) {
 // src/ui/farmer/div.tsx
 import { motion as motion5 } from "motion/react";
-import React9 from "react";
+import React10 from "react";
 import { jsx as jsx29 } from "react/jsx-runtime";
-var AnimatedDiv = React9.forwardRef(
+var AnimatedDiv = React10.forwardRef(
   ({ variants, mobileVariants, className, children, infinity, ...motionProps }, ref) => {
     const isDesktop = useMediaQuery("(min-width: 768px)");
     const selectedVariants = !isDesktop && mobileVariants ? mobileVariants : variants;
@@ -3812,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 { cn as cn29 } from "cn";
 import { jsx as jsx30 } from "react/jsx-runtime";
 function Label({ className, ...props }) {
   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
       ),
@@ -3836,7 +3895,7 @@ function FieldSet({ className, ...props }) {
     "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
       ),
@@ -3854,7 +3913,7 @@ function FieldLegend({
     {
       "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
       ),
@@ -3867,7 +3926,7 @@ function FieldGroup({ className, ...props }) {
     "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
       ),
@@ -3901,7 +3960,7 @@ function Field({
       role: "group",
       "data-slot": "field",
       "data-orientation": orientation,
-      className: cn(fieldVariants({ orientation }), className),
+      className: cn30(fieldVariants({ orientation }), className),
       ...props
     }
   );
@@ -3911,7 +3970,7 @@ function FieldContent({ className, ...props }) {
     "div",
     {
       "data-slot": "field-content",
-      className: cn(
+      className: cn30(
         "group/field-content flex flex-1 flex-col gap-0.5 leading-snug",
         className
       ),
@@ -3927,7 +3986,7 @@ function FieldLabel({
     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
@@ -3941,7 +4000,7 @@ function FieldTitle({ className, ...props }) {
     "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
       ),
@@ -3954,7 +4013,7 @@ function FieldDescription({ className, ...props }) {
     "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",
@@ -3974,7 +4033,7 @@ 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
       ),
@@ -4024,7 +4083,7 @@ function FieldError({
     {
       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
     }
@@ -4033,7 +4092,8 @@ function FieldError({
 // src/ui/image.tsx
 import NextImage from "next/image";
-import { useCallback as useCallback2, useState as useState5 } from "react";
+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;
@@ -4065,16 +4125,16 @@ function Image({
   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: [
+  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,
@@ -4086,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
@@ -4106,8 +4166,9 @@ function Image({
 }
 // src/ui/input-otp.tsx
-import * as React10 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 jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
 function InputOTP({
@@ -4119,12 +4180,12 @@ function InputOTP({
     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
     }
   );
@@ -4134,7 +4195,7 @@ function InputOTPGroup({ className, ...props }) {
     "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
       ),
@@ -4147,14 +4208,14 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React10.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
       ),
@@ -4183,6 +4244,7 @@ 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 { cn as cn33 } from "cn";
 import { jsx as jsx34 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
   return /* @__PURE__ */ jsx34(
@@ -4190,7 +4252,7 @@ function ItemGroup({ className, ...props }) {
     {
       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
       ),
@@ -4207,7 +4269,7 @@ function ItemSeparator({
     {
       "data-slot": "item-separator",
       orientation: "horizontal",
-      className: cn("my-2", className),
+      className: cn33("my-2", className),
       ...props
     }
   );
@@ -4244,7 +4306,7 @@ function Item({
     defaultTagName: "div",
     props: mergeProps4(
       {
-        className: cn(itemVariants({ variant, size, className }))
+        className: cn33(itemVariants({ variant, size, className }))
       },
       props
     ),
@@ -4281,7 +4343,7 @@ function ItemMedia({
     {
       "data-slot": "item-media",
       "data-variant": variant,
-      className: cn(itemMediaVariants({ variant, className })),
+      className: cn33(itemMediaVariants({ variant, className })),
       ...props
     }
   );
@@ -4291,7 +4353,7 @@ function ItemContent({ className, ...props }) {
     "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
       ),
@@ -4304,7 +4366,7 @@ function ItemTitle({ className, ...props }) {
     "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
       ),
@@ -4317,7 +4379,7 @@ function ItemDescription({ className, ...props }) {
     "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
       ),
@@ -4330,7 +4392,7 @@ function ItemActions({ className, ...props }) {
     "div",
     {
       "data-slot": "item-actions",
-      className: cn("flex items-center gap-2", className),
+      className: cn33("flex items-center gap-2", className),
       ...props
     }
   );
@@ -4340,7 +4402,7 @@ function ItemHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "item-header",
-      className: cn(
+      className: cn33(
         "flex basis-full items-center justify-between gap-2",
         className
       ),
@@ -4353,7 +4415,7 @@ function ItemFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "item-footer",
-      className: cn(
+      className: cn33(
         "flex basis-full items-center justify-between gap-2",
         className
       ),
@@ -4377,7 +4439,8 @@ import {
   BlobSpeech,
   JellyBlobMascot
 } from "feral-blob";
-import * as React11 from "react";
+import * as React12 from "react";
+import { cn as cn34 } from "cn";
 import {
   BlobSpeech as BlobSpeech2,
   JellyBlobMascot as JellyBlobMascot2,
@@ -4389,7 +4452,7 @@ function JellyBlob({ ...props }) {
     JellyBlobMascot,
     {
       ...props,
-      className: cn("h-auto w-full", props.className)
+      className: cn34("h-auto w-full", props.className)
     }
   ) });
 }
@@ -4419,7 +4482,7 @@ function JellyMini({
     "span",
     {
       "aria-hidden": "true",
-      className: cn(
+      className: cn34(
         "inline-flex size-5 shrink-0 items-center justify-center select-none",
         className
       ),
@@ -4435,10 +4498,10 @@ function JellyMini({
     }
   );
 }
-var JellyMascotContext = React11.createContext(null);
+var JellyMascotContext = React12.createContext(null);
 function useJellyMood() {
-  const state = React11.useContext(JellyMascotContext);
-  return React11.useCallback(
+  const state = React12.useContext(JellyMascotContext);
+  return React12.useCallback(
     (mood) => {
       if (!mood || !state) return {};
       return {
@@ -4481,7 +4544,7 @@ function JellyMascotProvider({
   ...blobProps
 }) {
   const { mounted } = useMounted();
-  const [previewMood, setPreviewMood] = React11.useState(
+  const [previewMood, setPreviewMood] = React12.useState(
     null
   );
   const activeMood = previewMood ?? mood;
@@ -4506,13 +4569,13 @@ function JellyMascotFace({
   size = "md",
   className
 }) {
-  const mascot = React11.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
@@ -4544,7 +4607,7 @@ function JellyMascot({
   className,
   ...config
 }) {
-  const existing = React11.useContext(JellyMascotContext);
+  const existing = React12.useContext(JellyMascotContext);
   if (existing) return /* @__PURE__ */ jsx35(JellyMascotFace, { size, className });
   return /* @__PURE__ */ jsx35(JellyMascotProvider, { ...config, children: /* @__PURE__ */ jsx35(JellyMascotFace, { size, className }) });
 }
@@ -4562,7 +4625,7 @@ function JellyEmpty({
   className,
   ...config
 }) {
-  return /* @__PURE__ */ jsx35(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__ */ jsx35(JellyMascotFace, { size }),
       title ? /* @__PURE__ */ jsx35(EmptyTitle, { className: "text-base font-semibold sm:text-lg", children: title }) : null,
@@ -4573,13 +4636,14 @@ function JellyEmpty({
 }
 // src/ui/kbd.tsx
+import { cn as cn35 } from "cn";
 import { jsx as jsx36 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
   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
       ),
@@ -4592,20 +4656,21 @@ function KbdGroup({ className, ...props }) {
     "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 { cn as cn36 } from "cn";
 import { jsx as jsx37 } from "react/jsx-runtime";
 function MessageGroup({ className, ...props }) {
   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
     }
   );
@@ -4620,7 +4685,7 @@ function Message({
     {
       "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
       ),
@@ -4633,7 +4698,7 @@ function MessageAvatar({ className, ...props }) {
     "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
       ),
@@ -4646,7 +4711,7 @@ function MessageContent({ className, ...props }) {
     "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
       ),
@@ -4659,7 +4724,7 @@ function MessageHeader({ className, ...props }) {
     "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
       ),
@@ -4672,7 +4737,7 @@ function MessageFooter({ className, ...props }) {
     "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
       ),
@@ -4688,6 +4753,7 @@ 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 jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
 function MessageScrollerProvider(props) {
@@ -4701,7 +4767,7 @@ function MessageScroller({
     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
       ),
@@ -4717,7 +4783,7 @@ function MessageScrollerViewport({
     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
       ),
@@ -4733,7 +4799,7 @@ function MessageScrollerContent({
     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
     }
   );
@@ -4748,7 +4814,7 @@ function MessageScrollerItem({
     {
       "data-slot": "message-scroller-item",
       scrollAnchor,
-      className: cn(
+      className: cn37(
         "min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]",
         className
       ),
@@ -4773,7 +4839,7 @@ 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
       ),
@@ -4788,7 +4854,7 @@ function MessageScrollerButton({
 }
 // src/ui/otp.tsx
-import { clsx as clsx2 } from "clsx";
+import { cn as cn38 } from "cn";
 import {
   AnimatePresence as AnimatePresence2,
   animate,
@@ -4796,7 +4862,6 @@ import {
   useReducedMotion
 } from "motion/react";
 import { Fragment as Fragment3, useEffect as useEffect6, useId as useId2, useRef as useRef3, useState as useState8 } from "react";
-import { twMerge as twMerge2 } from "tailwind-merge";
 import { jsx as 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];
@@ -4831,9 +4896,6 @@ var SPRING_MOUSE = {
   damping: 15,
   mass: 0.3
 };
-function otpCn(...inputs) {
-  return twMerge2(clsx2(inputs));
-}
 function OTPInput2({
   length = 6,
   value: controlledValue,
@@ -4965,7 +5027,7 @@ 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: [
+  return /* @__PURE__ */ jsxs21("div", { className: cn38("inline-flex flex-col gap-2", className), children: [
     label ? /* @__PURE__ */ jsx39(
       "label",
       {
@@ -5024,7 +5086,7 @@ 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",
@@ -5041,7 +5103,7 @@ 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"
                         )
@@ -5164,7 +5226,7 @@ function OTPInput2({
       "p",
       {
         "aria-live": "polite",
-        className: otpCn(
+        className: cn38(
           "text-sm",
           showSuccess ? "text-emerald-500" : status === "error" ? "text-destructive" : "text-muted-foreground"
         ),
@@ -5183,6 +5245,7 @@ function toSlots(raw, length) {
 // src/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import { cn as cn39 } from "cn";
 import { jsx as jsx40 } from "react/jsx-runtime";
 function Popover({ ...props }) {
   return /* @__PURE__ */ jsx40(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
@@ -5210,7 +5273,7 @@ function PopoverContent({
         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
           ),
@@ -5225,7 +5288,7 @@ function PopoverHeader({ className, ...props }) {
     "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
     }
   );
@@ -5235,7 +5298,7 @@ function PopoverTitle({ className, ...props }) {
     PopoverPrimitive.Title,
     {
       "data-slot": "popover-title",
-      className: cn("font-medium", className),
+      className: cn39("font-medium", className),
       ...props
     }
   );
@@ -5248,7 +5311,7 @@ function PopoverDescription({
     PopoverPrimitive.Description,
     {
       "data-slot": "popover-description",
-      className: cn("text-muted-foreground", className),
+      className: cn39("text-muted-foreground", className),
       ...props
     }
   );
@@ -5257,10 +5320,10 @@ function PopoverDescription({
 // src/ui/quantity.tsx
 import { NumberField } from "@base-ui/react/number-field";
 import { Minus, Plus } from "@gravity-ui/icons";
-import * as React12 from "react";
+import * as React13 from "react";
 import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
-var QuantityInput = React12.forwardRef(function QuantityInput2({ ...props }, ref) {
-  const id = React12.useId();
+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,
@@ -5298,13 +5361,14 @@ var QuantityInput = React12.forwardRef(function QuantityInput2({ ...props }, ref
 // src/ui/radio-group.tsx
 import { Radio as RadioPrimitive } from "@base-ui/react/radio";
 import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
+import { cn as cn40 } from "cn";
 import { jsx as jsx42 } from "react/jsx-runtime";
 function RadioGroup({ className, ...props }) {
   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
     }
   );
@@ -5314,7 +5378,7 @@ function RadioGroupItem({ className, ...props }) {
     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
       ),
@@ -5336,7 +5400,7 @@ 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 useEffect7,
   useId as useId4,
@@ -5347,6 +5411,7 @@ import {
 // src/ui/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { cn as cn41 } from "cn";
 import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
 function TooltipProvider({
   delay = 0,
@@ -5388,7 +5453,7 @@ 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
           ),
@@ -5404,6 +5469,7 @@ 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 jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
 var DEFAULT_I18N = {
@@ -5574,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,
@@ -5598,7 +5664,7 @@ 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!"
             ),
@@ -5708,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(
@@ -5810,7 +5876,7 @@ function FilterOperatorDropdown({
       DropdownMenuItem,
       {
         onClick: () => onChange(op.value),
-        className: cn(
+        className: cn42(
           "flex items-center justify-between data-highlighted:bg-accent data-highlighted:text-accent-foreground"
         ),
         children: [
@@ -5818,7 +5884,7 @@ function FilterOperatorDropdown({
           /* @__PURE__ */ jsx44(
             CheckIcon2,
             {
-              className: cn(
+              className: cn42(
                 "ms-auto text-primary",
                 op.value === operator ? "opacity-100" : "opacity-0"
               )
@@ -5908,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
         ),
@@ -5939,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"
@@ -6044,7 +6110,7 @@ function SelectOptionsPopover({
           DropdownMenuContent,
           {
             align: "start",
-            className: cn("w-50 px-0", field.className),
+            className: cn42("w-50 px-0", field.className),
             children: renderMenuContent()
           }
         )
@@ -6075,7 +6141,7 @@ function FilterValueSelector({
         placeholder: field.placeholder,
         pattern: field.pattern,
         field,
-        className: cn("w-36", field.className),
+        className: cn42("w-36", field.className),
         autoFocus
       }
     );
@@ -6092,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) => {
@@ -6109,7 +6175,7 @@ var FiltersContent = ({
     },
     [filters, onChange]
   );
-  const removeFilter = useCallback4(
+  const removeFilter = useCallback5(
     (filterId) => {
       onChange(filters.filter((filter) => filter.id !== filterId));
     },
@@ -6118,7 +6184,7 @@ var FiltersContent = ({
   return /* @__PURE__ */ jsx44(
     "div",
     {
-      className: cn(
+      className: cn42(
         filtersContainerVariants({
           variant: context.variant,
           size: context.size
@@ -6243,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
         ),
@@ -6277,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"
@@ -6466,7 +6532,7 @@ function Filters({
     [i18n]
   );
   const fieldsMap = useMemo4(() => getFieldsMap(fields), [fields]);
-  const updateFilter = useCallback4(
+  const updateFilter = useCallback5(
     (filterId, updates) => {
       onChange(
         filters.map((filter) => {
@@ -6483,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) {
@@ -6548,7 +6614,7 @@ function Filters({
   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,
@@ -6568,7 +6634,7 @@ function Filters({
               /* @__PURE__ */ jsxs24(
                 DropdownMenuContent,
                 {
-                  className: cn("w-55", menuPopupClassName),
+                  className: cn42("w-55", menuPopupClassName),
                   align: "start",
                   children: [
                     showSearchInput && /* @__PURE__ */ jsxs24(Fragment4, { children: [
@@ -6581,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"
@@ -6864,6 +6930,7 @@ 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 jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
@@ -6872,7 +6939,7 @@ function SelectGroup({ className, ...props }) {
     SelectPrimitive.Group,
     {
       "data-slot": "select-group",
-      className: cn("scroll-my-1 p-1", className),
+      className: cn43("scroll-my-1 p-1", className),
       ...props
     }
   );
@@ -6882,7 +6949,7 @@ function SelectValue({ className, ...props }) {
     SelectPrimitive.Value,
     {
       "data-slot": "select-value",
-      className: cn("flex flex-1 text-left", className),
+      className: cn43("flex flex-1 text-left", className),
       ...props
     }
   );
@@ -6898,7 +6965,7 @@ 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
       ),
@@ -6939,7 +7006,7 @@ 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
           ),
@@ -6962,7 +7029,7 @@ function SelectLabel({
     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
     }
   );
@@ -6976,7 +7043,7 @@ 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
       ),
@@ -7002,7 +7069,7 @@ function SelectSeparator({
     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
     }
   );
@@ -7015,7 +7082,7 @@ function SelectScrollUpButton({
     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
       ),
@@ -7032,7 +7099,7 @@ function SelectScrollDownButton({
     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
       ),
@@ -7047,6 +7114,7 @@ import {
   forwardRef as forwardRef4,
   useLayoutEffect
 } from "react";
+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";
@@ -7171,7 +7239,7 @@ var Skeleton = forwardRef4(function Skeleton2({
   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",
@@ -7200,7 +7268,7 @@ function SkeletonAvatar({
   return /* @__PURE__ */ jsx46(
     Skeleton,
     {
-      className: cn("size-10", className),
+      className: cn44("size-10", className),
       decorative: true,
       rounded: "full",
       ...props
@@ -7208,7 +7276,7 @@ function SkeletonAvatar({
   );
 }
 function SkeletonText({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(Skeleton, { className: cn("h-3", className), decorative: true, ...props });
+  return /* @__PURE__ */ jsx46(Skeleton, { className: cn44("h-3", className), decorative: true, ...props });
 }
 function SkeletonButton({
   className,
@@ -7217,7 +7285,7 @@ function SkeletonButton({
   return /* @__PURE__ */ jsx46(
     Skeleton,
     {
-      className: cn("h-9 w-24", className),
+      className: cn44("h-9 w-24", className),
       decorative: true,
       rounded: "lg",
       ...props
@@ -7275,44 +7343,7 @@ import {
 import { CSS } from "@dnd-kit/utilities";
 import * as React15 from "react";
 import * as ReactDOM from "react-dom";
-// src/lib/compose-refs.ts
-import * as React13 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 React13.useCallback(composeRefs(...refs), refs);
-}
+import { cn as cn45 } from "cn";
 // src/hooks/use-isomorphic-layout-effect.ts
 import * as React14 from "react";
@@ -7641,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,
@@ -7689,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
@@ -7729,7 +7760,7 @@ function SortableOverlay(props) {
       {
         dropAnimation,
         modifiers: context.modifiers,
-        className: cn(!context.flatCursor && "cursor-grabbing"),
+        className: cn45(!context.flatCursor && "cursor-grabbing"),
         ...overlayProps,
         children: /* @__PURE__ */ jsx48(SortableOverlayContext.Provider, { value: true, children: context.activeId ? typeof children === "function" ? children({ value: context.activeId }) : children : null })
       }
@@ -7740,6 +7771,7 @@ function SortableOverlay(props) {
 // src/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
+import { cn as cn46 } from "cn";
 import { jsx as jsx49 } from "react/jsx-runtime";
 function Switch({
   className,
@@ -7751,7 +7783,7 @@ function Switch({
     {
       "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
       ),