@vuer-ai/vuer-uikit 0.0.120 → 0.1.0

package/dist/chunk-YDF6VWBW.cjs

@@ -0,0 +1,151 @@
+'use strict';
+
+var react = require('react');
+
+// src/ui/virtual-list/useVirtualList.ts
+function findStartIndex(measurements, itemCount, scrollTop, itemHeight, estimatedItemHeight) {
+  if (itemCount === 0) return 0;
+  if (typeof itemHeight === "number") {
+    return Math.floor(scrollTop / itemHeight);
+  }
+  let low = 0;
+  let high = itemCount - 1;
+  while (low <= high) {
+    const mid = Math.floor((low + high) / 2);
+    const measurement = measurements.get(mid);
+    const offset = measurement?.offset ?? mid * estimatedItemHeight;
+    if (offset < scrollTop) {
+      low = mid + 1;
+    } else if (offset > scrollTop) {
+      high = mid - 1;
+    } else {
+      return mid;
+    }
+  }
+  return Math.max(0, low - 1);
+}
+function useVirtualList({
+  items,
+  itemHeight,
+  estimatedItemHeight,
+  containerHeight,
+  overscan,
+  scrollTop
+}) {
+  const measurementsRef = react.useRef(/* @__PURE__ */ new Map());
+  const measurements = measurementsRef.current;
+  const isFixed = typeof itemHeight === "number";
+  const totalHeight = react.useMemo(() => {
+    if (isFixed) {
+      return items.length * itemHeight;
+    }
+    let height = 0;
+    for (let i = 0; i < items.length; i++) {
+      const measurement = measurements.get(i);
+      height += measurement?.height ?? estimatedItemHeight;
+    }
+    return height;
+  }, [items.length, itemHeight, isFixed, estimatedItemHeight, measurements]);
+  const visibleRange = react.useMemo(() => {
+    if (items.length === 0) {
+      return { start: 0, end: 0 };
+    }
+    const startIndex = findStartIndex(
+      measurements,
+      items.length,
+      scrollTop,
+      itemHeight,
+      estimatedItemHeight
+    );
+    let endIndex;
+    if (isFixed) {
+      endIndex = Math.min(items.length - 1, Math.ceil((scrollTop + containerHeight) / itemHeight));
+    } else {
+      let accumulatedHeight = 0;
+      endIndex = startIndex;
+      const startMeasurement = measurements.get(startIndex);
+      const startOffset = startMeasurement?.offset ?? startIndex * estimatedItemHeight;
+      accumulatedHeight = startOffset - scrollTop;
+      while (endIndex < items.length - 1 && accumulatedHeight < containerHeight) {
+        const measurement = measurements.get(endIndex);
+        accumulatedHeight += measurement?.height ?? estimatedItemHeight;
+        endIndex++;
+      }
+    }
+    const start = Math.max(0, startIndex - overscan);
+    const end = Math.min(items.length - 1, endIndex + overscan);
+    return { start, end };
+  }, [
+    items.length,
+    scrollTop,
+    containerHeight,
+    overscan,
+    itemHeight,
+    isFixed,
+    estimatedItemHeight,
+    measurements
+  ]);
+  const getItemStyle = react.useCallback(
+    (index) => {
+      let top;
+      if (isFixed) {
+        top = index * itemHeight;
+      } else {
+        const measurement = measurements.get(index);
+        if (measurement) {
+          top = measurement.offset;
+        } else {
+          let offset = 0;
+          for (let i = 0; i < index; i++) {
+            const m = measurements.get(i);
+            offset += m?.height ?? estimatedItemHeight;
+          }
+          top = offset;
+        }
+      }
+      return {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width: "100%",
+        transform: `translateY(${top}px)`,
+        ...isFixed && { height: itemHeight }
+      };
+    },
+    [itemHeight, isFixed, estimatedItemHeight, measurements]
+  );
+  const measureItem = react.useCallback(
+    (index, height) => {
+      const currentMeasurement = measurements.get(index);
+      if (currentMeasurement?.height === height) {
+        return;
+      }
+      let offset = 0;
+      for (let i = 0; i < index; i++) {
+        const m = measurements.get(i);
+        offset += m?.height ?? estimatedItemHeight;
+      }
+      measurements.set(index, { offset, height });
+      let currentOffset = offset + height;
+      for (let i = index + 1; i < items.length; i++) {
+        const m = measurements.get(i);
+        if (m) {
+          measurements.set(i, { ...m, offset: currentOffset });
+          currentOffset += m.height;
+        } else {
+          break;
+        }
+      }
+    },
+    [items.length, estimatedItemHeight, measurements]
+  );
+  return {
+    visibleRange,
+    totalHeight,
+    getItemStyle,
+    measureItem,
+    measurements
+  };
+}
+
+exports.useVirtualList = useVirtualList;

package/dist/{chunk-CR6JOOO3.cjs → chunk-YGZHBIZP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var ProgressPrimitive = require('@radix-ui/react-progress');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -24,19 +24,12 @@ function _interopNamespace(e) {
 
 var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
 
-function Progress({
-  className,
-  value,
-  ...props
-}) {
+function Progress({ className, value, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ProgressPrimitive__namespace.Root,
     {
       "data-slot": "progress",
-      className: chunkCRX2ZCM2_cjs.cn(
-        "bg-bg-secondary relative h-2 w-full overflow-hidden rounded-uk-xl",
-        className
-      ),
+      className: chunk6LTCLQH3_cjs.cn("bg-bg-secondary rounded-uk-xl relative h-2 w-full overflow-hidden", className),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         ProgressPrimitive__namespace.Indicator,

package/dist/{chunk-TWQONYWC.mjs → chunk-YMMSHGYC.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-YQL6JDVP.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkTHE6FZKP_cjs = require('./chunk-THE6FZKP.cjs');
+var chunk6VIKDPCD_cjs = require('./chunk-6VIKDPCD.cjs');
+var chunkPMG3NZF5_cjs = require('./chunk-PMG3NZF5.cjs');
+var chunkHSUL5OUG_cjs = require('./chunk-HSUL5OUG.cjs');
+var chunkR22VW3EK_cjs = require('./chunk-R22VW3EK.cjs');
+var chunkWJY6BMVR_cjs = require('./chunk-WJY6BMVR.cjs');
+
+// src/highlight-cursor/enhanced-components.tsx
+var CursorButton = chunkWJY6BMVR_cjs.withCursor(chunkR22VW3EK_cjs.Button);
+var CursorTabs = chunkWJY6BMVR_cjs.withCursor(chunkTHE6FZKP_cjs.Tabs);
+var CursorInputRoot = chunkWJY6BMVR_cjs.withCursor(chunkPMG3NZF5_cjs.InputRoot);
+var CursorSelectTrigger = chunkWJY6BMVR_cjs.withCursor(chunkHSUL5OUG_cjs.SelectTrigger);
+var CursorTextarea = chunkWJY6BMVR_cjs.withCursor(chunk6VIKDPCD_cjs.Textarea);
+
+exports.CursorButton = CursorButton;
+exports.CursorInputRoot = CursorInputRoot;
+exports.CursorSelectTrigger = CursorSelectTrigger;
+exports.CursorTabs = CursorTabs;
+exports.CursorTextarea = CursorTextarea;

package/dist/{chunk-Q37KC3CL.mjs → chunk-YRNI7ZJ7.mjs}

@@ -1,5 +1,8 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { getAdjacentSelectionState, getMultiSelectState, getRangeIds, cleanIndirectSelectedNodes } from './chunk-NKUK73WB.mjs';
+import { ContextMenu, ContextMenuTrigger } from './chunk-4Y5IF7R5.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { ChevronDown } from 'lucide-react';
+import { useState } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function TreeView({
@@ -10,13 +13,16 @@ function TreeView({
   onItemHover,
   hoveredId,
   isSelectable = false,
-  selectedItemId,
-  onSelectChange,
+  selectedItemIds,
+  onSelectionChange,
   hideExpand = false,
   hasDescendants = () => false,
   renderLabel = (label) => label,
-  className
+  className,
+  renderContextMenu,
+  selectionMode = "multi"
 }) {
+  const [lastSelectedId, setLastSelectedId] = useState(null);
   return /* @__PURE__ */ jsx("div", { className: cn("flex-1 overflow-y-auto", className), children: data.map((item) => /* @__PURE__ */ jsx(
     TreeEntryItem,
     {
@@ -24,15 +30,19 @@ function TreeView({
       hoveredId,
       onItemHover,
       isSelectable,
-      selectedItemId,
-      onSelectChange,
+      selectedItemIds,
+      onSelectionChange,
+      lastSelectedId,
+      setLastSelectedId,
       expandedItems,
       toggleItem: onToggleItem,
       hideExpand,
       hasDescendants,
       getIcon,
       renderLabel,
-      dataWithMeta: data
+      dataWithMeta: data,
+      renderContextMenu,
+      selectionMode
     },
     item.id
   )) });
@@ -42,8 +52,10 @@ function TreeEntryItem({
   hoveredId,
   onItemHover,
   isSelectable,
-  selectedItemId,
-  onSelectChange,
+  selectedItemIds,
+  onSelectionChange,
+  lastSelectedId,
+  setLastSelectedId,
   expandedItems,
   toggleItem = () => {
   },
@@ -51,29 +63,107 @@ function TreeEntryItem({
   hasDescendants = () => false,
   getIcon = () => null,
   renderLabel = (label) => label,
-  dataWithMeta = []
+  dataWithMeta = [],
+  renderContextMenu,
+  selectionMode = "multi"
 }) {
-  const handleItemSelect = () => {
-    if (!item.disable && isSelectable && onSelectChange) {
-      onSelectChange(selectedItemId === item.id ? null : item.id);
+  const handleItemSelect = (event) => {
+    if (!item.disable && isSelectable && item.selectable !== false) {
+      const isMultiSelectMode = selectionMode === "multi" && (event.ctrlKey || event.metaKey);
+      const isRangeSelectMode = selectionMode === "multi" && event.shiftKey;
+      if (isMultiSelectMode) {
+        const selectState2 = getMultiSelectState(
+          item.id,
+          selectedItemIds || /* @__PURE__ */ new Set(),
+          dataWithMeta
+        );
+        if (selectState2 === "indirect") {
+          return;
+        }
+      }
+      let newSelectedIds;
+      if (isRangeSelectMode && lastSelectedId) {
+        if (selectedItemIds) {
+          newSelectedIds = new Set(selectedItemIds);
+          const rangeIds = getRangeIds(lastSelectedId, item.id, dataWithMeta);
+          rangeIds.forEach((id) => newSelectedIds.add(id));
+        } else {
+          newSelectedIds = /* @__PURE__ */ new Set([item.id]);
+        }
+      } else if (isMultiSelectMode) {
+        if (selectedItemIds) {
+          newSelectedIds = new Set(selectedItemIds);
+          if (newSelectedIds.has(item.id)) {
+            newSelectedIds.delete(item.id);
+          } else {
+            newSelectedIds.add(item.id);
+          }
+        } else {
+          newSelectedIds = /* @__PURE__ */ new Set([item.id]);
+        }
+      } else {
+        newSelectedIds = /* @__PURE__ */ new Set([item.id]);
+      }
+      const cleanedSelectedIds = cleanIndirectSelectedNodes(newSelectedIds, dataWithMeta);
+      if (onSelectionChange) {
+        onSelectionChange(cleanedSelectedIds);
+        setLastSelectedId?.(item.id);
+      }
     }
   };
   const ancestors = item.ancestors || [];
   const indent = item.indent || 0;
   const isLast = item.isLast !== void 0 ? item.isLast : false;
-  return /* @__PURE__ */ jsxs(
+  const getSelectState = () => {
+    if (selectedItemIds) {
+      return getMultiSelectState(item.id, selectedItemIds, dataWithMeta);
+    }
+    return "unselected";
+  };
+  const selectState = getSelectState();
+  const isSelected = selectState === "selected";
+  const isIndirectlySelected = selectState === "indirect";
+  const { hasPrevSelected, hasNextSelected } = getAdjacentSelectionState(
+    item.id,
+    selectedItemIds || /* @__PURE__ */ new Set(),
+    dataWithMeta
+  );
+  const getBorderRadiusClass = () => {
+    if (!isSelectable || !isSelected && !isIndirectlySelected) {
+      return "";
+    }
+    if (hasPrevSelected && hasNextSelected) {
+      return "";
+    } else if (hasPrevSelected) {
+      return "rounded-b-uk-md";
+    } else if (hasNextSelected) {
+      return "rounded-t-uk-md";
+    }
+    return "rounded-uk-md";
+  };
+  const handleContextMenuOpenChange = (open) => {
+    if (open && isSelectable && item.selectable !== false && !isSelected && !isIndirectlySelected && onSelectionChange) {
+      onSelectionChange(/* @__PURE__ */ new Set([item.id]));
+    }
+  };
+  const treeItemContent = /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
         "group relative flex h-[32px] items-center",
-        isSelectable && "rounded-uk-md",
-        !item.disable && "cursor-pointer",
+        getBorderRadiusClass(),
         hoveredId === item.id && !item.disable && "bg-bg-secondary",
-        isSelectable && selectedItemId === item.id && "bg-brand-primary text-text-withbg"
+        isSelectable && isSelected && "bg-bg-tertiary",
+        isSelectable && isIndirectlySelected && "bg-shadow-secondary text-text-primary"
       ),
       onMouseEnter: () => onItemHover?.(item.id),
       onMouseLeave: () => onItemHover?.(null),
       onClick: handleItemSelect,
+      onMouseDown: (e) => {
+        if (e.shiftKey || e.ctrlKey || e.metaKey) {
+          e.preventDefault();
+        }
+      },
       children: [
         /* @__PURE__ */ jsxs("div", { className: "absolute top-0 left-[-0.28rem] z-0 flex h-full items-center", children: [
           ancestors.map((ancestor, index) => {
@@ -177,7 +267,26 @@ function TreeEntryItem({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx("span", { className: cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(item.label, item.id) })
+                (() => {
+                  const label = item.label;
+                  const keepEnd = 9;
+                  if (label.length <= keepEnd) {
+                    return /* @__PURE__ */ jsx("span", { className: cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(label, item.id) });
+                  }
+                  const firstPart = label.substring(0, label.length - keepEnd);
+                  const lastPart = label.substring(label.length - keepEnd);
+                  return /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      className: cn("flex min-w-0 flex-1", item.disable && "text-text-tertiary"),
+                      style: { maxWidth: "100%" },
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: firstPart }),
+                        /* @__PURE__ */ jsx("span", { className: "shrink-0", children: lastPart })
+                      ]
+                    }
+                  );
+                })()
               ] }),
               item.actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", onClick: (e) => e.stopPropagation(), children: item.actions })
             ]
@@ -186,6 +295,13 @@ function TreeEntryItem({
       ]
     }
   );
+  if (renderContextMenu && item.selectable !== false) {
+    return /* @__PURE__ */ jsxs(ContextMenu, { onOpenChange: handleContextMenuOpenChange, children: [
+      /* @__PURE__ */ jsx(ContextMenuTrigger, { asChild: true, children: treeItemContent }),
+      renderContextMenu(item)
+    ] });
+  }
+  return treeItemContent;
 }
 
 export { TreeEntryItem, TreeView };

package/dist/{chunk-3ZEQVODC.cjs → chunk-ZAK7AFVY.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -15,7 +15,7 @@ function FormLayout({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Com,
     {
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         {
           "items-baseline": align === "baseline",
           "items-center": align === "center",

package/dist/{chunk-W3IHFG4B.cjs → chunk-ZG33TW5I.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var react = require('react');
@@ -8,7 +8,7 @@ var jsxRuntime = require('react/jsx-runtime');
 
 var SyncScroll = ({ children, className, asChild = false, ...props }) => {
   const Comp = asChild ? reactSlot.Slot : "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: chunkG4FJGNY5_cjs.useSyncScroll(), className: chunkCRX2ZCM2_cjs.cn("overflow-y-auto", className), ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: chunkG4FJGNY5_cjs.useSyncScroll(), className: chunk6LTCLQH3_cjs.cn("overflow-y-auto", className), ...props, children });
 };
 var SyncScrollSlave = ({
   children,
@@ -17,7 +17,7 @@ var SyncScrollSlave = ({
   ...props
 }) => {
   const Comp = asChild ? reactSlot.Slot : "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: chunkG4FJGNY5_cjs.useScrollSlave(), className: chunkCRX2ZCM2_cjs.cn("overflow-y-auto", className), ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: chunkG4FJGNY5_cjs.useScrollSlave(), className: chunk6LTCLQH3_cjs.cn("overflow-y-auto", className), ...props, children });
 };
 var SyncDrag = ({
   ref: extRef,
@@ -71,7 +71,7 @@ var SyncDrag = ({
     Comp,
     {
       ref,
-      className: chunkCRX2ZCM2_cjs.cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
+      className: chunk6LTCLQH3_cjs.cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
       style: { userSelect: isDragging ? "none" : "auto", ...props.style },
       ...props,
       children
@@ -118,7 +118,7 @@ var SyncDragX = ({ children, className, asChild = false, ...props }) => {
     Comp,
     {
       ref,
-      className: chunkCRX2ZCM2_cjs.cn("cursor-grab overflow-x-auto", isDragging ? "cursor-grabbing" : "", className),
+      className: chunk6LTCLQH3_cjs.cn("cursor-grab overflow-x-auto", isDragging ? "cursor-grabbing" : "", className),
       style: { userSelect: isDragging ? "none" : "auto", ...props.style },
       ...props,
       children
@@ -177,7 +177,7 @@ var SyncDragSlave = ({
     Comp,
     {
       ref,
-      className: chunkCRX2ZCM2_cjs.cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
+      className: chunk6LTCLQH3_cjs.cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
       style: { userSelect: isDragging ? "none" : "auto", ...props.style },
       ...props,
       children
@@ -230,7 +230,7 @@ var SyncDragSlaveX = ({
     Comp,
     {
       ref,
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "cursor-grab overflow-x-auto overflow-y-hidden",
         isDragging && "cursor-grabbing",
         className
@@ -287,7 +287,7 @@ var SyncDragY = ({
     Comp,
     {
       ref,
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "cursor-grab overflow-x-hidden overflow-y-auto",
         isDragging && "cursor-grabbing",
         className

package/dist/{chunk-FK6ZROZE.mjs → chunk-ZJYPKTF4.mjs}

@@ -9,6 +9,7 @@ var ThemeContext = createContext(void 0);
 var saveToLS = (key, value) => {
   try {
     localStorage.setItem(key, value);
+    document.cookie = `vuer:theme=${value}; path=/; max-age=3153600000;`;
   } catch {
   }
 };
@@ -100,7 +101,7 @@ var Theme = ({
       return forcedTheme;
     }
     return computedTheme;
-  }, [forcedTheme, computedTheme, systemIsDark]);
+  }, [forcedTheme, computedTheme]);
   const applyTheme = useCallback(
     (theme) => {
       if (!theme) return;

package/dist/chunk-ZMRODJ3I.mjs

@@ -0,0 +1,149 @@
+import { cn } from './chunk-HBEU2PU2.mjs';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function AlertDialog({ ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+var alertDialogOverlayVariants = cva([
+  "fixed",
+  "inset-0",
+  "z-10",
+  "bg-bg-mask",
+  "transition-all",
+  "duration-200"
+]);
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: cn(alertDialogOverlayVariants(), className),
+      ...props
+    }
+  );
+}
+var alertDialogContentVariants = cva([
+  "p-xl",
+  "bg-bg-primary",
+  "rounded-uk-xl",
+  "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+  "duration-200",
+  "transition-all",
+  "fixed",
+  "translate-x-[-50%]",
+  "translate-y-[-50%]",
+  "z-11",
+  "left-1/2",
+  "top-1/2",
+  "flex",
+  "flex-col",
+  "w-full",
+  "max-w-[calc(100%-2rem)]",
+  "gap-md",
+  "data-[state=open]:animate-in",
+  "data-[state=closed]:animate-out",
+  "data-[state=closed]:fade-out-0",
+  "data-[state=open]:fade-in-0",
+  "data-[state=closed]:zoom-out-95",
+  "data-[state=open]:zoom-in-95",
+  "liquid-dark:liquid-dark-bg",
+  "liquid-light:liquid-light-bg"
+]);
+function AlertDialogContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        className: cn(alertDialogContentVariants(), className),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn("flex", "flex-col", "gap-sm", "text-center", "sm:text-left", className),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn(
+        "w-full",
+        "flex",
+        "flex-col-reverse",
+        "gap-sm",
+        "sm:flex-row",
+        "sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn(
+        "text-text-highlight",
+        "text-uk-lg",
+        "leading-uk-lg",
+        "font-medium",
+        "py-lg",
+        "px-xl",
+        "text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn("text-text-primary", "text-uk-md", "leading-uk-md", "text-start", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({ ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { "data-slot": "alert-dialog-action", ...props });
+}
+function AlertDialogCancel({ ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, { "data-slot": "alert-dialog-cancel", ...props });
+}
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/{chunk-AHD46BFN.mjs → chunk-ZQOQB6GF.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { Magnet } from 'lucide-react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';