@vuer-ai/vuer-uikit 0.0.120 → 0.1.0

package/dist/chunk-UCAIVC2B.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var chunk34NDAZS6_cjs = require('./chunk-34NDAZS6.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DockLayoutView = ({
+  left,
+  right,
+  top,
+  bottom,
+  children,
+  className,
+  leftClassName,
+  rightClassName,
+  topClassName,
+  bottomClassName,
+  contentClassName,
+  hideUI = false
+}) => {
+  const uiVisibilityClass = hideUI ? "invisible pointer-events-none" : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunk34NDAZS6_cjs.DockLayout, { className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunk34NDAZS6_cjs.DockLayoutContent, { className: contentClassName, children }),
+    top && /* @__PURE__ */ jsxRuntime.jsx(chunk34NDAZS6_cjs.DockLayoutTop, { className: `${topClassName} ${uiVisibilityClass}`, children: top }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex h-full flex-row justify-between overflow-hidden ${uiVisibilityClass}`, children: [
+      left && /* @__PURE__ */ jsxRuntime.jsx(chunk34NDAZS6_cjs.DockLayoutLeft, { className: leftClassName, children: left }),
+      right && /* @__PURE__ */ jsxRuntime.jsx(chunk34NDAZS6_cjs.DockLayoutRight, { className: rightClassName, children: right })
+    ] }),
+    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunk34NDAZS6_cjs.DockLayoutBottom, { className: `${bottomClassName} ${uiVisibilityClass}`, children: bottom })
+  ] });
+};
+
+exports.DockLayoutView = DockLayoutView;

package/dist/chunk-UEHPZIQB.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/{chunk-ASZIBFA6.cjs → chunk-UZTOUPJ7.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkF3HOBNGR_cjs = require('./chunk-F3HOBNGR.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunkPMG3NZF5_cjs = require('./chunk-PMG3NZF5.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -36,6 +36,8 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
   onValuesChange,
   prefix,
   suffix,
+  disabledItems,
+  onSuffixBatchAction,
   step = 0.1,
   min,
   max,
@@ -56,6 +58,9 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
   const dragStart = React.useRef({ x: 0, y: 0 });
   const initialDragStart = React.useRef({ x: 0, y: 0 });
   const accumulatedDelta = React.useRef(0);
+  const isSuffixDrag = React.useRef(false);
+  const lastMouseMoveTime = React.useRef(0);
+  const accumulatedValues = React.useRef(value);
   const applyConstraints = React.useCallback(
     (numValue, index) => {
       const currentMin = Array.isArray(min) ? min[index] : min;
@@ -78,28 +83,41 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
     };
     document.addEventListener("click", stopClick2, true);
   }, []);
-  const handleMouseDown = React.useCallback((e) => {
-    if (e.button !== 0) return;
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragging(true);
-    setCursorState("dragging-y");
-    dragStart.current = { x: e.clientX, y: e.clientY };
-    initialDragStart.current = { x: e.clientX, y: e.clientY };
-    accumulatedDelta.current = 0;
-    inputChange.current = false;
-    dragDirection.current = "none";
-    selectRange.current[0] = getHoverElementAndIndex(
-      document.elementFromPoint(e.clientX, e.clientY),
-      inputs.current
-    );
-  }, []);
+  const handleMouseDown = React.useCallback(
+    (e) => {
+      if (e.button !== 0) return;
+      e.preventDefault();
+      e.stopPropagation();
+      const target = e.target;
+      const suffixElement = target.closest('[data-side="right"]');
+      isSuffixDrag.current = !!suffixElement;
+      setIsDragging(true);
+      setCursorState("dragging-y");
+      dragStart.current = { x: e.clientX, y: e.clientY };
+      initialDragStart.current = { x: e.clientX, y: e.clientY };
+      accumulatedDelta.current = 0;
+      inputChange.current = false;
+      dragDirection.current = "none";
+      lastMouseMoveTime.current = Date.now();
+      accumulatedValues.current = [...value];
+      selectRange.current[0] = getHoverElementAndIndex(
+        document.elementFromPoint(e.clientX, e.clientY),
+        inputs.current
+      );
+    },
+    [value]
+  );
   const handleMouseMove = React.useCallback(
     (e) => {
       if (!isDragging) return;
       e.preventDefault();
       e.stopPropagation();
       const deltaX = e.clientX - dragStart.current.x;
+      const now = Date.now();
+      const timeDelta = Math.max(1, now - lastMouseMoveTime.current);
+      lastMouseMoveTime.current = now;
+      const velocity = Math.abs(deltaX) / timeDelta;
+      const velocityMultiplier = Math.max(0.5, Math.min(3, velocity * 2));
       const totalDeltaX = e.clientX - initialDragStart.current.x;
       const totalDeltaY = e.clientY - initialDragStart.current.y;
       if (dragDirection.current === "none") {
@@ -110,19 +128,19 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
             input?.blur();
           });
         }
-      } else if (dragDirection.current === "y" && Math.abs(totalDeltaX) > 5) {
+      } else if (dragDirection.current === "y" && Math.abs(totalDeltaX) > 5 && !isSuffixDrag.current) {
         dragDirection.current = "x";
         setCursorState("dragging-x");
       }
-      if (dragDirection.current === "x") {
-        accumulatedDelta.current += deltaX / 2;
+      if (dragDirection.current === "x" && !isSuffixDrag.current) {
+        accumulatedDelta.current += deltaX / 2 * velocityMultiplier;
         dragStart.current = { x: e.clientX, y: e.clientY };
         if (selectRange.current[1] === null) {
           selectRange.current[1] = selectRange.current[0];
         }
         if (Math.abs(accumulatedDelta.current) >= (inputChange.current ? 1 : 5)) {
           const multiplyStep = e.shiftKey ? 5 : e.altKey ? 1 / 5 : 1;
-          const newValue = value.map((v, i) => {
+          const newValues = accumulatedValues.current.map((v, i) => {
             const [first, last] = selectRange.current;
             if (first === null || last === null) {
               return v;
@@ -137,7 +155,8 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
               return v;
             }
           });
-          onValuesChange?.(newValue);
+          accumulatedValues.current = newValues;
+          onValuesChange?.(newValues);
           accumulatedDelta.current = 0;
           inputChange.current = true;
         }
@@ -155,17 +174,28 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
         stopClick();
       }
     },
-    [isDragging, value, onValuesChange, step, min, max, stopClick, applyConstraints]
+    [isDragging, onValuesChange, step, min, max, stopClick, applyConstraints]
   );
   const handleMouseUp = React.useCallback(() => {
     if (!isDragging) return;
+    if (isSuffixDrag.current && onSuffixBatchAction) {
+      const [first, last] = selectRange.current;
+      if (first !== null) {
+        const actualLast = last === null || last === first ? first : last;
+        const minIndex = Math.min(first, actualLast);
+        const maxIndex = Math.max(first, actualLast);
+        const indices = Array.from({ length: maxIndex - minIndex + 1 }, (_, i) => minIndex + i);
+        onSuffixBatchAction(indices);
+      }
+    }
     setIsDragging(false);
     setCursorState("default");
     selectRange.current = [null, null];
     inputChange.current = false;
     dragDirection.current = "none";
+    isSuffixDrag.current = false;
     changeElementsHoverState(inputs.current, selectRange.current, "none");
-  }, [isDragging]);
+  }, [isDragging, onSuffixBatchAction]);
   React__default.default.useEffect(() => {
     if (isDragging) {
       const handleGlobalMouseMove = (e) => {
@@ -253,7 +283,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
     {
       ref,
       onMouseDown: handleMouseDown,
-      className: chunkCRX2ZCM2_cjs.cn([
+      className: chunk6LTCLQH3_cjs.cn([
         "gap-xs touch-none select-none",
         !useGrid && "flex flex-col",
         cursorState === "default" && "cursor-crosshair",
@@ -266,73 +296,82 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
         "data-[hover=y]:cursor-ns-resize"
       ]),
       style: useGrid ? gridStyles : void 0,
-      children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkF3HOBNGR_cjs.InputRoot,
-        {
-          ref: (r) => {
-            inputs.current.set(index.toString(), r);
-            return () => {
-              inputs.current.delete(index.toString());
-            };
-          },
-          size,
-          side,
-          type: "number",
-          step: Array.isArray(step) ? step[index] ?? 0.1 : step,
-          value: item,
-          onClick: () => {
-            inputs.current.get(index.toString())?.focus();
-          },
-          onChange: valueChangeHandler(index),
-          onKeyDown: handleKeyDown(index),
-          "data-hover": "none",
-          className: chunkCRX2ZCM2_cjs.cn([
-            "group/number-input",
-            "cursor-text",
-            cursorState === "dragging-x" && [
-              "hover:!bg-bg-secondary",
-              "data-[hover=x]:hover:!bg-bg-tertiary"
-            ],
-            "data-[hover=down]:bg-bg-tertiary",
-            "data-[hover=x]:bg-bg-tertiary",
-            "data-[hover=y]:bg-bg-tertiary",
-            "data-[hover=x]:cursor-col-resize",
-            "data-[hover=y]:cursor-ns-resize"
-          ]),
-          inputClassName: chunkCRX2ZCM2_cjs.cn([
-            "cursor-text",
-            "group-data-[hover=x]/number-input:cursor-col-resize",
-            "group-data-[hover=y]/number-input:cursor-ns-resize"
-          ]),
-          children: [
-            prefix?.[index] && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkF3HOBNGR_cjs.InputSlot,
-              {
-                side: "left",
-                className: chunkCRX2ZCM2_cjs.cn(
-                  "cursor-text",
-                  "group-data-[hover=x]/number-input:cursor-col-resize",
-                  "group-data-[hover=y]/number-input:cursor-ns-resize"
-                ),
-                children: prefix[index]
+      children: (Array.isArray(value) ? value : []).map((item, index) => {
+        const isDisabled = disabledItems?.[index] ?? false;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          chunkPMG3NZF5_cjs.InputRoot,
+          {
+            ref: (r) => {
+              inputs.current.set(index.toString(), r);
+              return () => {
+                inputs.current.delete(index.toString());
+              };
+            },
+            size,
+            side,
+            type: "number",
+            step: Array.isArray(step) ? step[index] ?? 0.1 : step,
+            value: item,
+            disabled: isDisabled,
+            onClick: () => {
+              if (!isDisabled) {
+                inputs.current.get(index.toString())?.focus();
               }
-            ),
-            suffix?.[index] && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkF3HOBNGR_cjs.InputSlot,
-              {
-                side: "right",
-                className: chunkCRX2ZCM2_cjs.cn(
-                  "cursor-text",
-                  "group-data-[hover=x]/number-input:cursor-col-resize",
-                  "group-data-[hover=y]/number-input:cursor-ns-resize"
-                ),
-                children: suffix[index]
-              }
-            )
-          ]
-        },
-        index
-      ))
+            },
+            onChange: valueChangeHandler(index),
+            onKeyDown: handleKeyDown(index),
+            "data-hover": "none",
+            "data-input-index": index,
+            className: chunk6LTCLQH3_cjs.cn([
+              "group/number-input",
+              "cursor-text",
+              cursorState === "dragging-x" && [
+                "hover:!bg-bg-secondary",
+                "data-[hover=x]:hover:!bg-bg-tertiary"
+              ],
+              "data-[hover=down]:bg-bg-tertiary",
+              "data-[hover=x]:bg-bg-tertiary",
+              "data-[hover=y]:bg-bg-tertiary",
+              "data-[hover=x]:cursor-col-resize",
+              "data-[hover=y]:cursor-ns-resize",
+              isDisabled && "cursor-not-allowed opacity-50"
+            ]),
+            inputClassName: chunk6LTCLQH3_cjs.cn([
+              "cursor-text",
+              "group-data-[hover=x]/number-input:cursor-col-resize",
+              "group-data-[hover=y]/number-input:cursor-ns-resize",
+              isDisabled && "cursor-not-allowed"
+            ]),
+            children: [
+              prefix?.[index] && /* @__PURE__ */ jsxRuntime.jsx(
+                chunkPMG3NZF5_cjs.InputSlot,
+                {
+                  side: "left",
+                  className: chunk6LTCLQH3_cjs.cn(
+                    "cursor-text",
+                    "group-data-[hover=x]/number-input:cursor-col-resize",
+                    "group-data-[hover=y]/number-input:cursor-ns-resize"
+                  ),
+                  children: prefix[index]
+                }
+              ),
+              suffix?.[index] && /* @__PURE__ */ jsxRuntime.jsx(
+                chunkPMG3NZF5_cjs.InputSlot,
+                {
+                  side: "right",
+                  className: chunk6LTCLQH3_cjs.cn(
+                    "cursor-none",
+                    "group-data-[hover=x]/number-input:cursor-col-resize",
+                    "group-data-[hover=y]/number-input:cursor-ns-resize"
+                  ),
+                  children: suffix[index]
+                }
+              )
+            ]
+          },
+          index
+        );
+      })
     }
   );
 });

package/dist/{chunk-3NIMV5PH.mjs → chunk-V4THHKSO.mjs}

@@ -1,4 +1,4 @@
-import { InputNumbers } from './chunk-EVBYVJTW.mjs';
+import { InputNumbers } from './chunk-D2LUQKPM.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-G5VBLDAM.mjs → chunk-VBEVJE7Q.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CheckIcon, CircleIcon, ChevronRightIcon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/chunk-VDYJAOMN.mjs

@@ -0,0 +1,177 @@
+import { useCallback, useMemo } from 'react';
+
+// src/ui/virtual-grid/useVirtualGrid.ts
+function getHeight(rowHeight, rowIndex) {
+  return typeof rowHeight === "function" ? rowHeight(rowIndex) : rowHeight;
+}
+function getWidth(columnWidth, colIndex) {
+  return typeof columnWidth === "function" ? columnWidth(colIndex) : columnWidth;
+}
+function findStartIndex(count, scrollOffset, getSize) {
+  if (count === 0) return 0;
+  let offset = 0;
+  let low = 0;
+  let high = count - 1;
+  while (low <= high) {
+    const mid = Math.floor((low + high) / 2);
+    let midOffset = 0;
+    for (let i = 0; i < mid; i++) {
+      midOffset += getSize(i);
+    }
+    if (midOffset < scrollOffset) {
+      low = mid + 1;
+      offset = midOffset;
+    } else if (midOffset > scrollOffset) {
+      high = mid - 1;
+    } else {
+      return mid;
+    }
+  }
+  let index = Math.max(0, low - 1);
+  offset = 0;
+  for (let i = 0; i < index; i++) {
+    offset += getSize(i);
+  }
+  while (index < count - 1 && offset + getSize(index) <= scrollOffset) {
+    offset += getSize(index);
+    index++;
+  }
+  return index;
+}
+function useVirtualGrid({
+  rowCount,
+  columnCount,
+  rowHeight,
+  columnWidth,
+  containerWidth,
+  containerHeight,
+  scrollTop,
+  scrollLeft,
+  overscanRows,
+  overscanColumns,
+  getColSpan = () => 1,
+  getRowSpan = () => 1
+}) {
+  const getRowHeightFn = useCallback((index) => getHeight(rowHeight, index), [rowHeight]);
+  const getColumnWidthFn = useCallback(
+    (index) => getWidth(columnWidth, index),
+    [columnWidth]
+  );
+  const totalHeight = useMemo(() => {
+    let height = 0;
+    for (let i = 0; i < rowCount; i++) {
+      height += getRowHeightFn(i);
+    }
+    return height;
+  }, [rowCount, getRowHeightFn]);
+  const totalWidth = useMemo(() => {
+    let width = 0;
+    for (let i = 0; i < columnCount; i++) {
+      width += getColumnWidthFn(i);
+    }
+    return width;
+  }, [columnCount, getColumnWidthFn]);
+  const rowOffsets = useMemo(() => {
+    const offsets = [0];
+    for (let i = 0; i < rowCount; i++) {
+      offsets.push(offsets[i] + getRowHeightFn(i));
+    }
+    return offsets;
+  }, [rowCount, getRowHeightFn]);
+  const columnOffsets = useMemo(() => {
+    const offsets = [0];
+    for (let i = 0; i < columnCount; i++) {
+      offsets.push(offsets[i] + getColumnWidthFn(i));
+    }
+    return offsets;
+  }, [columnCount, getColumnWidthFn]);
+  const getRowOffset = useCallback((rowIndex) => rowOffsets[rowIndex] ?? 0, [rowOffsets]);
+  const getColumnOffset = useCallback(
+    (colIndex) => columnOffsets[colIndex] ?? 0,
+    [columnOffsets]
+  );
+  const visibleRange = useMemo(() => {
+    if (rowCount === 0 || columnCount === 0) {
+      return { startRow: 0, endRow: 0, startCol: 0, endCol: 0 };
+    }
+    const startRow = findStartIndex(rowCount, scrollTop, getRowHeightFn);
+    let endRow = startRow;
+    let accumulatedHeight = getRowOffset(startRow) - scrollTop;
+    while (endRow < rowCount - 1 && accumulatedHeight < containerHeight) {
+      accumulatedHeight += getRowHeightFn(endRow);
+      endRow++;
+    }
+    const startCol = findStartIndex(columnCount, scrollLeft, getColumnWidthFn);
+    let endCol = startCol;
+    let accumulatedWidth = getColumnOffset(startCol) - scrollLeft;
+    while (endCol < columnCount - 1 && accumulatedWidth < containerWidth) {
+      accumulatedWidth += getColumnWidthFn(endCol);
+      endCol++;
+    }
+    return {
+      startRow: Math.max(0, startRow - overscanRows),
+      endRow: Math.min(rowCount - 1, endRow + overscanRows),
+      startCol: Math.max(0, startCol - overscanColumns),
+      endCol: Math.min(columnCount - 1, endCol + overscanColumns)
+    };
+  }, [
+    rowCount,
+    columnCount,
+    scrollTop,
+    scrollLeft,
+    containerHeight,
+    containerWidth,
+    overscanRows,
+    overscanColumns,
+    getRowHeightFn,
+    getColumnWidthFn,
+    getRowOffset,
+    getColumnOffset
+  ]);
+  const getCellStyle = useCallback(
+    (row, col) => {
+      const top = getRowOffset(row);
+      const left = getColumnOffset(col);
+      const colspan = getColSpan(row, col);
+      let width = 0;
+      for (let c = col; c < col + colspan && c < columnCount; c++) {
+        width += getColumnWidthFn(c);
+      }
+      const rowspan = getRowSpan(row, col);
+      let height = 0;
+      for (let r = row; r < row + rowspan && r < rowCount; r++) {
+        height += getRowHeightFn(r);
+      }
+      return {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width,
+        height,
+        transform: `translate(${left}px, ${top}px)`
+      };
+    },
+    [
+      getRowOffset,
+      getColumnOffset,
+      getColSpan,
+      getRowSpan,
+      columnCount,
+      rowCount,
+      getColumnWidthFn,
+      getRowHeightFn
+    ]
+  );
+  return {
+    visibleRange,
+    totalWidth,
+    totalHeight,
+    getRowOffset,
+    getColumnOffset,
+    getRowHeight: getRowHeightFn,
+    getColumnWidth: getColumnWidthFn,
+    getCellStyle
+  };
+}
+
+export { useVirtualGrid };

package/dist/{chunk-64VVW5YR.mjs → chunk-VLNU7Y2K.mjs}

@@ -1,30 +1,17 @@
-import { createClientOnlyComponent } from './chunk-4NABYVCK.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 
-function PopoverRoot({ ...props }) {
+function Popover({ ...props }) {
   return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
-function PopoverFallback({ ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "popover", ...props });
-}
-var Popover = createClientOnlyComponent(PopoverRoot, PopoverFallback);
-function PopoverTriggerRoot({ ...props }) {
+function PopoverTrigger({ ...props }) {
   return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
-function PopoverTriggerFallback({
-  asChild,
-  children,
-  ...props
-}) {
-  if (asChild) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx("button", { "data-slot": "popover-trigger", ...props, children });
+function PopoverClose({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Close, { "data-slot": "popover-close", ...props });
 }
-var PopoverTrigger = createClientOnlyComponent(PopoverTriggerRoot, PopoverTriggerFallback);
-function PopoverContentRoot({
+function PopoverContent({
   className,
   align = "center",
   sideOffset = 4,
@@ -63,30 +50,8 @@ function PopoverContentRoot({
     }
   ) });
 }
-function PopoverContentFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "popover-content",
-      className: cn(
-        "bg-bg-primary",
-        "rounded-uk-lg",
-        "p-xl",
-        "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-        "z-20",
-        "border-none",
-        "outline-hidden",
-        "liquid-dark:liquid-dark-bg",
-        "liquid-light:liquid-light-bg",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var PopoverContent = createClientOnlyComponent(PopoverContentRoot, PopoverContentFallback);
 function PopoverAnchor({ ...props }) {
   return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
 }
 
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };

package/dist/{chunk-ZS7ESTKH.cjs → chunk-VT6E2N6C.cjs}

@@ -1,24 +1,20 @@
 'use strict';
 
-var react = require('react');
+var chunkXIDCYS6G_cjs = require('./chunk-XIDCYS6G.cjs');
 var sonner = require('sonner');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/ui/toast.tsx
 var Toaster = ({ ...props }) => {
-  const [isClient, setIsClient] = react.useState(false);
-  react.useEffect(() => {
-    setIsClient(true);
-  }, []);
-  if (!isClient) {
-    return null;
-  }
+  const { baseTheme = "system" } = chunkXIDCYS6G_cjs.useTheme();
   return /* @__PURE__ */ jsxRuntime.jsx(
     sonner.Toaster,
     {
-      toastOptions: {
-        className: "vk-toast liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg",
-        descriptionClassName: "vk-toast-description"
+      theme: baseTheme,
+      className: "toaster group",
+      style: {
+        "--normal-bg": "var(--bg-primary)",
+        "--normal-text": "var(--text-primary)",
+        "--normal-border": "var(--bg-secondary)"
       },
       ...props
     }

package/dist/{chunk-OLYHHP67.mjs → chunk-VWLZKPDB.mjs}

@@ -1,14 +1,13 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { jsx } from 'react/jsx-runtime';
 
-function Switch({ className, ...props }) {
+function Switch({ className, thumbClassName, ...props }) {
   return /* @__PURE__ */ jsx(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
       className: cn(
-        className,
         "group",
         "w-[32px]",
         "h-[16px]",
@@ -16,7 +15,8 @@ function Switch({ className, ...props }) {
         "bg-bg-tertiary",
         "aria-checked:bg-brand-primary",
         "disabled:bg-bg-secondary",
-        "disabled:cursor-not-allowed"
+        "disabled:cursor-not-allowed",
+        className
       ),
       ...props,
       children: /* @__PURE__ */ jsx(
@@ -32,7 +32,8 @@ function Switch({ className, ...props }) {
             "transition-transform",
             "duration-200",
             "translate-x-[2px]",
-            "data-[state=checked]:translate-x-[18px]"
+            "data-[state=checked]:translate-x-[18px]",
+            thumbClassName
           )
         }
       )