@vuer-ai/vuer-uikit 0.0.66 → 0.0.68

package/dist/chunk-BZS2B2V4.cjs

@@ -0,0 +1,294 @@
+'use strict';
+
+var chunkMKKH4EGP_cjs = require('./chunk-MKKH4EGP.cjs');
+var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function TreeView({
+  data,
+  getIcon,
+  onVisibleDataChange,
+  onItemHover,
+  className,
+  hoveredId,
+  isSelectable = false,
+  selectedItemId,
+  onSelectChange,
+  isSearchable = true
+}) {
+  const [expandedItems, setExpandedItems] = react.useState(() => {
+    const initial = /* @__PURE__ */ new Set();
+    data.forEach((item) => {
+      if (item.isCollapsible) initial.add(item.id);
+    });
+    return initial;
+  });
+  const [searchQuery, setSearchQuery] = react.useState("");
+  const [isCaseSensitive, setIsCaseSensitive] = react.useState(false);
+  const [isRegex, setIsRegex] = react.useState(false);
+  const [isRegexValid, setIsRegexValid] = react.useState(true);
+  const toggleItem = (id) => {
+    setExpandedItems((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(id)) {
+        newSet.delete(id);
+      } else {
+        newSet.add(id);
+      }
+      return newSet;
+    });
+  };
+  const handleItemSelect = (id) => {
+    if (isSelectable && onSelectChange) {
+      onSelectChange(selectedItemId === id ? null : id);
+    }
+  };
+  const childrenMap = react.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    data.forEach((item) => {
+      if (!map.has(item.parentId)) {
+        map.set(item.parentId, []);
+      }
+      map.get(item.parentId).push(item);
+    });
+    return map;
+  }, [data]);
+  const dataWithMeta = react.useMemo(() => {
+    const dataMap = new Map(data.map((item) => [item.id, item]));
+    const getAncestors = (item) => {
+      const ancestors = [];
+      let current = item.parentId;
+      while (current) {
+        const parent = dataMap.get(current);
+        if (parent) {
+          ancestors.unshift(parent);
+          current = parent.parentId;
+        } else {
+          break;
+        }
+      }
+      return ancestors;
+    };
+    const sortedData = [];
+    const visited = /* @__PURE__ */ new Set();
+    const traverseNode = (nodeId, depth = 0) => {
+      const children = childrenMap.get(nodeId) || [];
+      children.forEach((child) => {
+        if (!visited.has(child.id)) {
+          visited.add(child.id);
+          sortedData.push(child);
+          traverseNode(child.id, depth + 1);
+        }
+      });
+    };
+    traverseNode(null);
+    return sortedData.map((item) => {
+      const siblings = childrenMap.get(item.parentId) || [];
+      const isLast = siblings.length > 0 && siblings[siblings.length - 1].id === item.id;
+      const ancestors = getAncestors(item);
+      const indent = ancestors.length;
+      return { ...item, indent, isLast, ancestors };
+    });
+  }, [data, childrenMap]);
+  const visibleData = react.useMemo(() => {
+    const dataMap = new Map(data.map((item) => [item.id, item]));
+    if (!searchQuery) {
+      const isVisible = (item) => {
+        return item.ancestors.every((ancestor) => expandedItems.has(ancestor.id));
+      };
+      return dataWithMeta.filter(isVisible);
+    }
+    const matchingAndAncestorIds = /* @__PURE__ */ new Set();
+    let regex = null;
+    if (isRegex) {
+      try {
+        regex = new RegExp(searchQuery, isCaseSensitive ? "" : "i");
+        if (!isRegexValid) setIsRegexValid(true);
+      } catch {
+        if (isRegexValid) setIsRegexValid(false);
+        return [];
+      }
+    }
+    data.forEach((item) => {
+      let labelMatches = false;
+      if (regex) {
+        labelMatches = regex.test(item.label);
+      } else {
+        const source = isCaseSensitive ? item.label : item.label.toLowerCase();
+        const query = isCaseSensitive ? searchQuery : searchQuery.toLowerCase();
+        labelMatches = source.includes(query);
+      }
+      if (labelMatches) {
+        matchingAndAncestorIds.add(item.id);
+        let current = item.parentId;
+        while (current) {
+          const parent = dataMap.get(current);
+          if (parent) {
+            matchingAndAncestorIds.add(parent.id);
+            current = parent.parentId;
+          } else {
+            break;
+          }
+        }
+      }
+    });
+    return dataWithMeta.filter((item) => matchingAndAncestorIds.has(item.id));
+  }, [searchQuery, dataWithMeta, expandedItems, isCaseSensitive, isRegex, isRegexValid, data]);
+  react.useEffect(() => {
+    onVisibleDataChange?.(visibleData);
+  }, [visibleData, onVisibleDataChange]);
+  const renderLabel = (label) => {
+    if (!searchQuery || !isRegexValid) {
+      return label;
+    }
+    let regex;
+    try {
+      regex = new RegExp(`(${searchQuery})`, isCaseSensitive ? "g" : "gi");
+    } catch {
+      return label;
+    }
+    const parts = label.split(regex);
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map(
+      (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-uk-xs bg-yellow-300 dark:bg-yellow-700", children: part }, i) : part
+    ) });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkDWD754BX_cjs.cn("border-line-primary flex flex-col", className), children: [
+    isSearchable && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-line-primary flex h-[32px] shrink-0 items-center gap-1 border-b px-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "text-text-secondary size-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search...",
+          className: chunkDWD754BX_cjs.cn(
+            "text-uk-md w-full bg-transparent focus:outline-none",
+            !isRegexValid && "text-red-500"
+          ),
+          value: searchQuery,
+          onChange: (e) => setSearchQuery(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkMKKH4EGP_cjs.TooltipProvider, { delayDuration: 200, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkMKKH4EGP_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMKKH4EGP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => setIsCaseSensitive((prev) => !prev),
+              className: chunkDWD754BX_cjs.cn("rounded-uk-sm p-1", isCaseSensitive && "bg-bg-tertiary"),
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CaseSensitive, { className: "size-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMKKH4EGP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkMKKH4EGP_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMKKH4EGP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => setIsRegex((prev) => !prev),
+              className: chunkDWD754BX_cjs.cn("rounded-uk-sm p-1", isRegex && "bg-bg-tertiary"),
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Regex, { className: "size-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMKKH4EGP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-y-auto", children: visibleData.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkDWD754BX_cjs.cn(
+          "group relative flex h-[32px] items-center",
+          isSelectable && "rounded-uk-md",
+          !item.disable && "cursor-pointer",
+          hoveredId === item.id && !item.disable && "bg-bg-secondary",
+          isSelectable && selectedItemId === item.id && "bg-brand-primary text-text-withbg"
+        ),
+        onMouseEnter: () => onItemHover?.(item.id),
+        onMouseLeave: () => onItemHover?.(null),
+        onClick: () => !item.disable && handleItemSelect(item.id),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 left-[-0.28rem] z-0 flex h-full items-center", children: [
+            item.ancestors.map((ancestor, index) => {
+              const parentIsLast = dataWithMeta.find((d) => d.id === ancestor.id)?.isLast;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkDWD754BX_cjs.cn(
+                    "h-full w-[1.25rem]",
+                    parentIsLast ? "" : "border-l",
+                    "border-line-primary"
+                  )
+                },
+                index
+              );
+            }),
+            item.indent > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-full w-[1.24rem]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: chunkDWD754BX_cjs.cn(
+                    "absolute top-0 left-0 h-1/2 w-1/2 border-b border-l",
+                    item.isLast ? "rounded-bl-md" : "",
+                    "border-line-primary"
+                  )
+                }
+              ),
+              !item.isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-line-primary absolute top-1/2 left-0 h-1/2 w-1/2 border-l" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "text-uk-md z-10 flex w-full items-center justify-between px-2 whitespace-nowrap",
+              style: { paddingLeft: `${item.indent * 1.25 + 0.5}rem` },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
+                    item.isCollapsible && /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          toggleItem(item.id);
+                        },
+                        className: "absolute z-20 flex cursor-pointer items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          lucideReact.ChevronDown,
+                          {
+                            className: chunkDWD754BX_cjs.cn(
+                              "size-4 transition-transform",
+                              !expandedItems.has(item.id) && "-rotate-90",
+                              item.disable && "text-icon-tertiary"
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: chunkDWD754BX_cjs.cn(
+                          "cursor-pointer transition-opacity",
+                          item.isCollapsible && "group-hover:opacity-0",
+                          item.disable && "text-icon-tertiary"
+                        ),
+                        children: getIcon(item)
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkDWD754BX_cjs.cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(item.label) })
+                ] }),
+                item.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", onClick: (e) => e.stopPropagation(), children: item.actions })
+              ]
+            }
+          )
+        ]
+      },
+      item.id
+    )) })
+  ] });
+}
+
+exports.TreeView = TreeView;

package/dist/{chunk-MPB4237J.mjs → chunk-CGFJLQRG.mjs}

@@ -228,7 +228,11 @@ var SyncDragSlaveX = ({
     Comp,
     {
       ref,
-      className: cn("cursor-grab overflow-x-auto overflow-y-hidden", isDragging && "cursor-grabbing", className),
+      className: cn(
+        "cursor-grab overflow-x-auto overflow-y-hidden",
+        isDragging && "cursor-grabbing",
+        className
+      ),
       style: { userSelect: isDragging ? "none" : "auto", ...props.style },
       ...props,
       children

package/dist/{chunk-4DPLDAHW.cjs → chunk-D6326INV.cjs}

@@ -230,7 +230,11 @@ var SyncDragSlaveX = ({
     Comp,
     {
       ref,
-      className: chunkDWD754BX_cjs.cn("cursor-grab overflow-x-auto overflow-y-hidden", isDragging && "cursor-grabbing", className),
+      className: chunkDWD754BX_cjs.cn(
+        "cursor-grab overflow-x-auto overflow-y-hidden",
+        isDragging && "cursor-grabbing",
+        className
+      ),
       style: { userSelect: isDragging ? "none" : "auto", ...props.style },
       ...props,
       children

package/dist/chunk-DSWSIBVQ.cjs

@@ -0,0 +1,100 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useLocalStorage.ts
+var localStorageStore = /* @__PURE__ */ (() => {
+  const listeners = /* @__PURE__ */ new Map();
+  function subscribe(key, callback) {
+    if (!listeners.has(key)) {
+      listeners.set(key, /* @__PURE__ */ new Set());
+    }
+    listeners.get(key).add(callback);
+    const handleStorageChange = (e) => {
+      if (e.key === key && e.storageArea === localStorage) {
+        listeners.get(key)?.forEach((listener) => listener());
+      }
+    };
+    if (typeof window !== "undefined") {
+      window.addEventListener("storage", handleStorageChange);
+    }
+    return () => {
+      listeners.get(key)?.delete(callback);
+      if (listeners.get(key)?.size === 0) {
+        listeners.delete(key);
+      }
+      if (typeof window !== "undefined") {
+        window.removeEventListener("storage", handleStorageChange);
+      }
+    };
+  }
+  function notifyListeners(key) {
+    listeners.get(key)?.forEach((listener) => listener());
+  }
+  return { subscribe, notifyListeners };
+})();
+function useLocalStorage(key, initialValue) {
+  const keyRef = react.useRef(key);
+  const initialValueRef = react.useRef(initialValue);
+  keyRef.current = key;
+  initialValueRef.current = initialValue;
+  const subscribe = react.useCallback(
+    (callback) => localStorageStore.subscribe(keyRef.current, callback),
+    []
+  );
+  const getSnapshot = react.useCallback(() => {
+    if (typeof window === "undefined") {
+      return initialValueRef.current;
+    }
+    try {
+      const item = window.localStorage.getItem(keyRef.current);
+      if (item === null) return initialValueRef.current;
+      if (typeof initialValueRef.current === "string") {
+        return item;
+      } else if (typeof initialValueRef.current === "number") {
+        return parseFloat(item) || initialValueRef.current;
+      } else if (typeof initialValueRef.current === "boolean") {
+        return item === "true";
+      } else {
+        return JSON.parse(item);
+      }
+    } catch (error) {
+      console.warn(`Error reading localStorage key "${keyRef.current}":`, error);
+      return initialValueRef.current;
+    }
+  }, []);
+  const getServerSnapshot = react.useCallback(() => {
+    return initialValueRef.current;
+  }, []);
+  const storedValue = react.useSyncExternalStore(
+    subscribe,
+    getSnapshot,
+    getServerSnapshot
+  );
+  const setValue = react.useCallback(
+    (value) => {
+      try {
+        const currentValue = getSnapshot();
+        const valueToStore = value instanceof Function ? value(currentValue) : value;
+        if (typeof window !== "undefined") {
+          let stringValue;
+          if (typeof valueToStore === "string") {
+            stringValue = valueToStore;
+          } else if (typeof valueToStore === "number" || typeof valueToStore === "boolean") {
+            stringValue = valueToStore.toString();
+          } else {
+            stringValue = JSON.stringify(valueToStore);
+          }
+          window.localStorage.setItem(keyRef.current, stringValue);
+          localStorageStore.notifyListeners(keyRef.current);
+        }
+      } catch (error) {
+        console.warn(`Error setting localStorage key "${keyRef.current}":`, error);
+      }
+    },
+    [getSnapshot]
+  );
+  return [storedValue, setValue];
+}
+
+exports.useLocalStorage = useLocalStorage;

package/dist/{chunk-CEHN5RWA.mjs → chunk-DWU32IXO.mjs}

@@ -1,8 +1,8 @@
 import { useTheme } from './chunk-CWBLCQD7.mjs';
 import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-XSJ6XVTR.mjs';
 import { Button } from './chunk-3MSEMXKG.mjs';
-import { useDocument } from './chunk-QG5Z4C65.mjs';
 import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
+import { useDocument } from './chunk-ES4LBRHV.mjs';
 import { cn } from './chunk-KVFUDYD3.mjs';
 import { Droplet, Sun, SunMoon, Moon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/chunk-ES4LBRHV.mjs

@@ -0,0 +1,18 @@
+import { useSyncExternalStore } from 'react';
+
+// src/hooks/useDocument.tsx
+function subscribe(callback) {
+  return () => {
+  };
+}
+function getSnapshot() {
+  return typeof document !== "undefined" ? document : void 0;
+}
+function getServerSnapshot() {
+  return void 0;
+}
+function useDocument() {
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+export { useDocument };

package/dist/chunk-EWAKGFQG.mjs

@@ -0,0 +1,200 @@
+import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
+import { cn } from './chunk-KVFUDYD3.mjs';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { cva } from 'class-variance-authority';
+import { createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var toggleGroupVariants = cva(
+  [
+    // Base button styling
+    "inline-flex",
+    "cursor-pointer",
+    "items-center",
+    "justify-center",
+    "shrink-0",
+    "whitespace-nowrap",
+    "font-normal",
+    "transition-all",
+    "[&_svg]:shrink-0",
+    "[&_svg]:pointer-events-none",
+    "outline-none",
+    "focus-visible:border-ring",
+    "focus-visible:ring-ring/50",
+    "focus-visible:ring-[3px]",
+    "focus-visible:bg-accent",
+    "aria-invalid:ring-destructive/20",
+    "aria-invalid:border-destructive",
+    // Toggle group specific styling
+    "min-w-0",
+    "flex-1",
+    "rounded-none",
+    "first:rounded-l-uk-sm",
+    "first:rounded-r-none",
+    "last:rounded-r-uk-sm",
+    "last:rounded-l-none",
+    "[&:not(:first-child):not(:last-child)]:rounded-none",
+    "focus:z-10",
+    "focus-visible:z-10",
+    // Disabled state
+    "disabled:pointer-events-none",
+    "disabled:text-text-secondary/30"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "text-text-secondary",
+          "bg-bg-tertiary",
+          "hover:bg-secondary",
+          "data-[state=on]:text-text-withbg",
+          "data-[state=on]:bg-brand-primary",
+          "data-[state=on]:shadow-[inset_0.5px_0_0_var(--secondary),inset_-0.5px_0_0_var(--secondary)]",
+          "data-[state=on]:first:shadow-[inset_-0.5px_0_0_var(--secondary)]",
+          "data-[state=on]:last:shadow-[inset_0.5px_0_0_var(--secondary)]"
+        ],
+        secondary: [
+          "text-text-secondary",
+          "bg-bg-secondary",
+          "hover:bg-group-hover",
+          "border-solid border border-transparent -mr-[1px]",
+          "dark:border-solid dark:border dark:-mr-[1px]",
+          "data-[state=on]:text-secondary-foreground",
+          "data-[state=on]:bg-group-primary",
+          "data-[state=on]:border-line-secondary",
+          "data-[state=on]:shadow-[inset_0.5px_0_0_var(--muted),inset_-0.5px_0_0_var(--muted)]"
+        ],
+        ghost: [
+          "hover:bg-tertiary",
+          "text-icon-secondary",
+          "data-[state=on]:text-icon-highlight",
+          "data-[state=on]:bg-bg-secondary",
+          "data-[state=on]:shadow-[inset_0.5px_0_0_var(--muted),inset_-0.5px_0_0_var(--muted)]",
+          "data-[state=on]:first:shadow-[inset_-0.5px_0_0_var(--muted)]",
+          "data-[state=on]:last:shadow-[inset_0.5px_0_0_var(--muted)]"
+        ]
+      },
+      size: {
+        sm: ["text-uk-sm", "h-6", "gap-xxs", "px-md", "[&_svg:not([class*='size-'])]:size-3"],
+        base: ["text-uk-md", "h-8", "gap-xs", "px-lg", "[&_svg:not([class*='size-'])]:size-4"],
+        lg: ["text-uk-lg", "h-9", "gap-xs", "px-xl", "[&_svg:not([class*='size-'])]:size-5"]
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "base"
+    }
+  }
+);
+var ToggleGroupContext = createContext({
+  size: "base",
+  variant: "primary"
+});
+function ToggleGroupRoot({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(
+        "group/toggle-group",
+        "flex",
+        "w-fit",
+        "items-center",
+        "rounded-uk-md",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    }
+  );
+}
+function ToggleGroupFallback({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(
+        "group/toggle-group",
+        "flex",
+        "w-fit",
+        "items-center",
+        "rounded-uk-md",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    }
+  );
+}
+var ToggleGroup = createClientOnlyComponent(ToggleGroupRoot, ToggleGroupFallback);
+function ToggleGroupItemRoot({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}) {
+  const context = useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      className: cn(
+        toggleGroupVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function ToggleGroupItemFallback({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}) {
+  const context = useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      className: cn(
+        toggleGroupVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+var ToggleGroupItem = createClientOnlyComponent(ToggleGroupItemRoot, ToggleGroupItemFallback);
+
+export { ToggleGroup, ToggleGroupItem, toggleGroupVariants };

package/dist/{chunk-5RQE4EDL.mjs → chunk-HAN5TKHH.mjs}

@@ -1,7 +1,7 @@
 import { Badge } from './chunk-Q27ILZE6.mjs';
 import { jsx } from 'react/jsx-runtime';
 
-var PACKAGE_VERSION = "0.0.66" ;
+var PACKAGE_VERSION = "0.0.68" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,