@vuer-ai/vuer-uikit 0.0.53 → 0.0.55

package/dist/{chunk-HKWVLJ7G.js → chunk-GJW5EH5E.js}

@@ -4,11 +4,14 @@ var chunk37WZTN4K_js = require('./chunk-37WZTN4K.js');
 var chunkER6XHUS7_js = require('./chunk-ER6XHUS7.js');
 var chunkX6APNY5D_js = require('./chunk-X6APNY5D.js');
 var chunkQG7ZF6TO_js = require('./chunk-QG7ZF6TO.js');
+var chunkOASPTOVZ_js = require('./chunk-OASPTOVZ.js');
+var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var LiquidToggleButton = () => {
+var LiquidToggleButton = ({ className, ...props }) => {
   const { theme, setTheme, storageKey } = chunk37WZTN4K_js.useTheme();
+  const document = chunkOASPTOVZ_js.useDocument();
   const handleLiquidToggle = () => {
     let newTheme;
     if (theme === "light") {
@@ -24,7 +27,9 @@ var LiquidToggleButton = () => {
     } else {
       newTheme = "liquid-light";
     }
-    document.cookie = `${storageKey}=${newTheme}`;
+    if (document) {
+      document.cookie = `${storageKey}=${newTheme}`;
+    }
     setTheme(newTheme);
   };
   const isLiquid = theme === "liquid-light" || theme === "liquid-dark";
@@ -34,11 +39,12 @@ var LiquidToggleButton = () => {
       chunkX6APNY5D_js.Button,
       {
         icon: true,
-        onClick: handleLiquidToggle,
         variant: "ghost",
         value: isLiquid,
         "aria-label": `Toggle liquid theme: ${isSystem ? "disabled (system mode)" : isLiquid ? "on" : "off"}`,
-        className: isSystem ? "cursor-not-allowed opacity-50" : "",
+        ...props,
+        onClick: handleLiquidToggle,
+        className: chunk7KYAICHB_js.cn(className, isSystem && "cursor-not-allowed opacity-50"),
         disabled: isSystem,
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Droplet, { size: 20 })
       }
@@ -46,8 +52,9 @@ var LiquidToggleButton = () => {
     /* @__PURE__ */ jsxRuntime.jsx(chunkER6XHUS7_js.TooltipContent, { children: "Toggle liquid theme" })
   ] });
 };
-var ThemeToggleButton = () => {
+var ThemeToggleButton = (props) => {
   const { theme, setTheme, storageKey } = chunk37WZTN4K_js.useTheme();
+  const document = chunkOASPTOVZ_js.useDocument();
   const handleThemeChange = () => {
     let newTheme;
     if (theme === "light") {
@@ -63,7 +70,9 @@ var ThemeToggleButton = () => {
     } else {
       newTheme = "light";
     }
-    document.cookie = `${storageKey}=${newTheme}`;
+    if (document) {
+      document.cookie = `${storageKey}=${newTheme}`;
+    }
     setTheme(newTheme);
   };
   const isDark = theme === "dark" || theme === "liquid-dark";
@@ -72,15 +81,22 @@ var ThemeToggleButton = () => {
     chunkX6APNY5D_js.Button,
     {
       icon: true,
-      onClick: handleThemeChange,
       variant: "ghost",
       "aria-label": `Current theme: ${isSystem ? "system" : isDark ? "dark" : "light"}`,
+      ...props,
+      onClick: handleThemeChange,
       children: isSystem ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunMoon, { size: 20 }) : isDark ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Moon, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 20 })
     }
   );
 };
-var LiquidToggle = chunkQG7ZF6TO_js.createClientOnlyComponent(LiquidToggleButton, () => /* @__PURE__ */ jsxRuntime.jsx(chunkX6APNY5D_js.Button, { icon: true, variant: "ghost", "aria-label": "Liquid toggle loading...", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Droplet, { size: 20 }) }));
-var ThemeToggle = chunkQG7ZF6TO_js.createClientOnlyComponent(ThemeToggleButton, () => /* @__PURE__ */ jsxRuntime.jsx(chunkX6APNY5D_js.Button, { icon: true, variant: "ghost", "aria-label": "Theme toggle loading...", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 20 }) }));
+var LiquidToggle = chunkQG7ZF6TO_js.createClientOnlyComponent(
+  LiquidToggleButton,
+  (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkX6APNY5D_js.Button, { icon: true, variant: "ghost", "aria-label": "Liquid toggle loading...", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Droplet, { size: 20 }) })
+);
+var ThemeToggle = chunkQG7ZF6TO_js.createClientOnlyComponent(
+  ThemeToggleButton,
+  (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkX6APNY5D_js.Button, { icon: true, variant: "ghost", "aria-label": "Theme toggle loading...", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 20 }) })
+);
 
 exports.LiquidToggle = LiquidToggle;
 exports.ThemeToggle = ThemeToggle;

package/dist/{chunk-VYYH27HC.mjs → chunk-GVO43E7E.mjs}

@@ -1,6 +1,6 @@
 import { Tabs } from './chunk-EXM36UYZ.mjs';
 import { Textarea } from './chunk-MWJQTO2F.mjs';
-import { SelectTrigger } from './chunk-TZLILQLV.mjs';
+import { SelectTrigger } from './chunk-RWPYQFVD.mjs';
 import { InputRoot } from './chunk-INX2EB5H.mjs';
 import { Button } from './chunk-GY65PGYR.mjs';
 import { withCursor } from './chunk-44KW6PTD.mjs';

package/dist/{chunk-WSQ2D6H6.mjs → chunk-IJIZFHQU.mjs}

@@ -9,7 +9,6 @@ function Card({ className, ...props }) {
       className: cn(
         "flex",
         "flex-col",
-        "min-w-[300px]",
         "rounded-uk-lg",
         "p-lg",
         "bg-bg-primary",

package/dist/chunk-JQ332WTL.js

@@ -0,0 +1,267 @@
+'use strict';
+
+var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var toggleButtonsVariants = classVarianceAuthority.cva(
+  ["rounded-uk-md", "relative", "inline-flex", "items-center"],
+  {
+    variants: {
+      variant: {
+        primary: "bg-bg-secondary",
+        secondary: "bg-bg-secondary",
+        ghost: "bg-transparent"
+      },
+      padding: {
+        true: "p-xs",
+        false: "p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      padding: true
+    }
+  }
+);
+var toggleButtonHighlightVariants = classVarianceAuthority.cva(
+  ["pointer-events-none", "absolute", "transition-all", "duration-200", "ease-out"],
+  {
+    variants: {
+      variant: {
+        primary: ["bg-brand-primary", "shadow-sm", "rounded-uk-sm"],
+        secondary: ["bg-bg-primary", "shadow-sm", "rounded-uk-sm"],
+        ghost: ["bg-bg-primary", "shadow-sm", "rounded-uk-md"]
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+);
+var toggleButtonVariants = classVarianceAuthority.cva(
+  [
+    "focus-visible:ring-ring",
+    "relative",
+    "z-10",
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "font-normal",
+    "whitespace-nowrap",
+    "transition-colors",
+    "focus-visible:ring-2",
+    "focus-visible:outline-none",
+    "disabled:pointer-events-none",
+    "disabled:opacity-50",
+    "cursor-pointer"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "text-text-primary",
+          "hover:text-text-primary",
+          "active:text-brand-primary",
+          "data-[selected=true]:text-text-withbg"
+        ],
+        secondary: [
+          "text-text-tertiary",
+          "hover:text-text-secondary",
+          "active:text-brand-primary",
+          "data-[selected=true]:text-text-primary"
+        ],
+        ghost: [
+          "text-text-tertiary",
+          "hover:text-text-secondary",
+          "active:text-brand-primary",
+          "data-[selected=true]:text-text-primary"
+        ]
+      },
+      size: {
+        sm: "text-uk-sm gap-xxs",
+        base: "text-uk-md gap-xs",
+        lg: "text-uk-lg gap-xs"
+      },
+      icon: {
+        false: "",
+        true: "shrink-0 [&_svg]:shrink-0 [&_svg]:pointer-events-none"
+      },
+      corner: {
+        sm: "rounded-uk-sm",
+        md: "rounded-uk-md"
+      }
+    },
+    compoundVariants: [
+      // Icon button sizes
+      { size: "sm", icon: false, class: "h-6 px-md" },
+      { size: "base", icon: false, class: "h-7 px-lg" },
+      { size: "lg", icon: false, class: "h-8 px-xl" },
+      { size: "sm", icon: true, class: "size-6 p-xs" },
+      { size: "base", icon: true, class: "size-8 p-sm" },
+      { size: "lg", icon: true, class: "size-9 p-md" }
+    ],
+    defaultVariants: {
+      variant: "primary",
+      size: "base",
+      icon: false,
+      corner: "sm"
+    }
+  }
+);
+var ToggleButtonsContext = React__namespace.createContext(null);
+var ToggleButtons = React__namespace.forwardRef(
+  ({
+    value,
+    onValueChange,
+    children,
+    className,
+    size = "base",
+    padding = true,
+    variant = "primary",
+    ...props
+  }, ref) => {
+    const containerRef = React__namespace.useRef(null);
+    const [items, setItems] = React__namespace.useState(/* @__PURE__ */ new Map());
+    const [highlightStyle, setHighlightStyle] = React__namespace.useState({
+      opacity: 0
+    });
+    const registerItem = React__namespace.useCallback((itemValue, element) => {
+      setItems((prev) => new Map(prev).set(itemValue, element));
+    }, []);
+    const unregisterItem = React__namespace.useCallback((itemValue) => {
+      setItems((prev) => {
+        const newMap = new Map(prev);
+        newMap.delete(itemValue);
+        return newMap;
+      });
+    }, []);
+    React__namespace.useEffect(() => {
+      const selectedElement = items.get(value);
+      const container = containerRef.current;
+      if (selectedElement && container) {
+        const rafId = requestAnimationFrame(() => {
+          const containerRect = container.getBoundingClientRect();
+          const selectedRect = selectedElement.getBoundingClientRect();
+          const paddingOffset = padding ? 4 : 0;
+          const left = selectedRect.left - containerRect.left - paddingOffset;
+          const top = selectedRect.top - containerRect.top - paddingOffset;
+          setHighlightStyle({
+            width: selectedRect.width,
+            height: selectedRect.height,
+            transform: `translate(${left}px, ${top}px)`,
+            opacity: 1
+          });
+        });
+        return () => cancelAnimationFrame(rafId);
+      } else {
+        setHighlightStyle((prev) => ({ ...prev, opacity: 0 }));
+      }
+    }, [value, items, padding]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ToggleButtonsContext.Provider,
+      {
+        value: { value, onValueChange, size, variant, registerItem, unregisterItem },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: (node) => {
+              containerRef.current = node;
+              if (typeof ref === "function") ref(node);
+              else if (ref) ref.current = node;
+            },
+            className: chunk7KYAICHB_js.cn(toggleButtonsVariants({ variant, padding }), className),
+            ...props,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk7KYAICHB_js.cn(toggleButtonHighlightVariants({ variant })), style: highlightStyle }),
+              children
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+ToggleButtons.displayName = "ToggleButtons";
+var ToggleButton = React__namespace.forwardRef(
+  ({ value, children, className, asChild = false, icon = false, size, variant, corner, ...props }, ref) => {
+    const context = React__namespace.useContext(ToggleButtonsContext);
+    const itemRef = React__namespace.useRef(null);
+    if (!context) {
+      throw new Error("ToggleButton must be used within ToggleButtons");
+    }
+    const {
+      value: selectedValue,
+      onValueChange,
+      size: contextSize,
+      variant: contextVariant,
+      registerItem,
+      unregisterItem
+    } = context;
+    const isSelected = selectedValue === value;
+    const finalSize = size ?? contextSize;
+    const finalVariant = variant ?? contextVariant;
+    const finalCorner = corner ?? (finalVariant === "ghost" ? "md" : "sm");
+    const Comp = asChild ? reactSlot.Slot : "button";
+    React__namespace.useEffect(() => {
+      const element = itemRef.current;
+      if (element) {
+        registerItem(value, element);
+        return () => unregisterItem(value);
+      }
+    }, [value, registerItem, unregisterItem]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        ref: (node) => {
+          itemRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
+        ...props,
+        "data-selected": isSelected,
+        className: chunk7KYAICHB_js.cn(
+          toggleButtonVariants({
+            variant: finalVariant,
+            size: finalSize,
+            icon,
+            corner: finalCorner
+          }),
+          className
+        ),
+        onClick: () => onValueChange(value),
+        type: asChild ? void 0 : "button",
+        children
+      }
+    );
+  }
+);
+ToggleButton.displayName = "ToggleButton";
+
+exports.ToggleButton = ToggleButton;
+exports.ToggleButtons = ToggleButtons;
+exports.toggleButtonHighlightVariants = toggleButtonHighlightVariants;
+exports.toggleButtonVariants = toggleButtonVariants;
+exports.toggleButtonsVariants = toggleButtonsVariants;

package/dist/{chunk-EW34OO4H.js → chunk-RIKTZHE7.js}

@@ -104,7 +104,6 @@ function DropdownMenuContentRoot({
           "relative",
           "z-50",
           "max-h-(--radix-dropdown-menu-content-available-height)",
-          "min-w-[8rem]",
           "origin-(--radix-dropdown-menu-content-transform-origin)",
           "overflow-x-hidden",
           "overflow-y-auto",
@@ -129,7 +128,6 @@ function DropdownMenuContentFallback({ className, ...props }) {
           "p-md",
           "relative",
           "z-50",
-          "min-w-[8rem]",
           "overflow-x-hidden",
           "overflow-y-auto",
           "rounded-uk-md",
@@ -645,7 +643,6 @@ function DropdownMenuSubContentRoot({
         "relative",
         "z-50",
         "max-h-(--radix-dropdown-menu-content-available-height)",
-        "min-w-[8rem]",
         "origin-(--radix-dropdown-menu-content-transform-origin)",
         "overflow-x-hidden",
         "overflow-y-auto",
@@ -668,7 +665,6 @@ function DropdownMenuSubContentFallback({ className, ...props }) {
         "p-md",
         "relative",
         "z-50",
-        "min-w-[8rem]",
         "overflow-x-hidden",
         "overflow-y-auto",
         "rounded-uk-md",

package/dist/{chunk-TZLILQLV.mjs → chunk-RWPYQFVD.mjs}

@@ -152,7 +152,6 @@ function SelectContentRoot({
           "relative",
           "z-50",
           "max-h-(--radix-select-content-available-height)",
-          "min-w-[8rem]",
           "origin-(--radix-select-content-transform-origin)",
           "overflow-x-hidden",
           "overflow-y-auto",
@@ -193,7 +192,6 @@ function SelectContentFallback({ className, children, ...props }) {
           "bg-bg-primary",
           "relative",
           "z-50",
-          "min-w-[8rem]",
           "overflow-x-hidden",
           "overflow-y-auto",
           "rounded-uk-md",

package/dist/{chunk-GL6WU4QP.mjs → chunk-UX4ECKZ3.mjs}

@@ -71,8 +71,6 @@ var modalContentVariants = cva([
   "bg-bg-primary",
   "rounded-uk-xl",
   "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-  "min-w-[280px]",
-  "max-w-[360px]",
   "duration-200",
   "transition-all",
   "fixed",

package/dist/{chunk-57AHWBIP.js → chunk-VYBGHEHX.js}

@@ -3,7 +3,7 @@
 var chunkILJK43VJ_js = require('./chunk-ILJK43VJ.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-var PACKAGE_VERSION = "0.0.53" ;
+var PACKAGE_VERSION = "0.0.55" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,

package/dist/{chunk-5ZAPRYIX.mjs → chunk-ZDZM3RJ3.mjs}

@@ -2,11 +2,14 @@ import { useTheme } from './chunk-DCSGUVTI.mjs';
 import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-TCN3UDQE.mjs';
 import { Button } from './chunk-GY65PGYR.mjs';
 import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
+import { useDocument } from './chunk-QG5Z4C65.mjs';
+import { cn } from './chunk-WM2VP7MI.mjs';
 import { Droplet, Sun, SunMoon, Moon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var LiquidToggleButton = () => {
+var LiquidToggleButton = ({ className, ...props }) => {
   const { theme, setTheme, storageKey } = useTheme();
+  const document = useDocument();
   const handleLiquidToggle = () => {
     let newTheme;
     if (theme === "light") {
@@ -22,7 +25,9 @@ var LiquidToggleButton = () => {
     } else {
       newTheme = "liquid-light";
     }
-    document.cookie = `${storageKey}=${newTheme}`;
+    if (document) {
+      document.cookie = `${storageKey}=${newTheme}`;
+    }
     setTheme(newTheme);
   };
   const isLiquid = theme === "liquid-light" || theme === "liquid-dark";
@@ -32,11 +37,12 @@ var LiquidToggleButton = () => {
       Button,
       {
         icon: true,
-        onClick: handleLiquidToggle,
         variant: "ghost",
         value: isLiquid,
         "aria-label": `Toggle liquid theme: ${isSystem ? "disabled (system mode)" : isLiquid ? "on" : "off"}`,
-        className: isSystem ? "cursor-not-allowed opacity-50" : "",
+        ...props,
+        onClick: handleLiquidToggle,
+        className: cn(className, isSystem && "cursor-not-allowed opacity-50"),
         disabled: isSystem,
         children: /* @__PURE__ */ jsx(Droplet, { size: 20 })
       }
@@ -44,8 +50,9 @@ var LiquidToggleButton = () => {
     /* @__PURE__ */ jsx(TooltipContent, { children: "Toggle liquid theme" })
   ] });
 };
-var ThemeToggleButton = () => {
+var ThemeToggleButton = (props) => {
   const { theme, setTheme, storageKey } = useTheme();
+  const document = useDocument();
   const handleThemeChange = () => {
     let newTheme;
     if (theme === "light") {
@@ -61,7 +68,9 @@ var ThemeToggleButton = () => {
     } else {
       newTheme = "light";
     }
-    document.cookie = `${storageKey}=${newTheme}`;
+    if (document) {
+      document.cookie = `${storageKey}=${newTheme}`;
+    }
     setTheme(newTheme);
   };
   const isDark = theme === "dark" || theme === "liquid-dark";
@@ -70,14 +79,21 @@ var ThemeToggleButton = () => {
     Button,
     {
       icon: true,
-      onClick: handleThemeChange,
       variant: "ghost",
       "aria-label": `Current theme: ${isSystem ? "system" : isDark ? "dark" : "light"}`,
+      ...props,
+      onClick: handleThemeChange,
       children: isSystem ? /* @__PURE__ */ jsx(SunMoon, { size: 20 }) : isDark ? /* @__PURE__ */ jsx(Moon, { size: 20 }) : /* @__PURE__ */ jsx(Sun, { size: 20 })
     }
   );
 };
-var LiquidToggle = createClientOnlyComponent(LiquidToggleButton, () => /* @__PURE__ */ jsx(Button, { icon: true, variant: "ghost", "aria-label": "Liquid toggle loading...", children: /* @__PURE__ */ jsx(Droplet, { size: 20 }) }));
-var ThemeToggle = createClientOnlyComponent(ThemeToggleButton, () => /* @__PURE__ */ jsx(Button, { icon: true, variant: "ghost", "aria-label": "Theme toggle loading...", children: /* @__PURE__ */ jsx(Sun, { size: 20 }) }));
+var LiquidToggle = createClientOnlyComponent(
+  LiquidToggleButton,
+  (props) => /* @__PURE__ */ jsx(Button, { icon: true, variant: "ghost", "aria-label": "Liquid toggle loading...", ...props, children: /* @__PURE__ */ jsx(Droplet, { size: 20 }) })
+);
+var ThemeToggle = createClientOnlyComponent(
+  ThemeToggleButton,
+  (props) => /* @__PURE__ */ jsx(Button, { icon: true, variant: "ghost", "aria-label": "Theme toggle loading...", ...props, children: /* @__PURE__ */ jsx(Sun, { size: 20 }) })
+);
 
 export { LiquidToggle, ThemeToggle };

package/dist/{chunk-PVQWUU6F.js → chunk-ZWHGRBDM.js}

@@ -11,7 +11,6 @@ function Card({ className, ...props }) {
       className: chunk7KYAICHB_js.cn(
         "flex",
         "flex-col",
-        "min-w-[300px]",
         "rounded-uk-lg",
         "p-lg",
         "bg-bg-primary",

package/dist/highlight-cursor/enhanced-components.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkN5V4HWT4_js = require('../chunk-N5V4HWT4.js');
+var chunkGIXFQKLS_js = require('../chunk-GIXFQKLS.js');
 require('../chunk-W3AIC7FW.js');
 require('../chunk-KCA5PXNO.js');
-require('../chunk-CZBGKVGH.js');
+require('../chunk-FOMVNZ3W.js');
 require('../chunk-3YODEBOY.js');
 require('../chunk-X6APNY5D.js');
 require('../chunk-UFHMEEGL.js');
@@ -21,21 +21,21 @@ require('../chunk-OTPUWWEB.js');
 
 Object.defineProperty(exports, "CursorButton", {
   enumerable: true,
-  get: function () { return chunkN5V4HWT4_js.CursorButton; }
+  get: function () { return chunkGIXFQKLS_js.CursorButton; }
 });
 Object.defineProperty(exports, "CursorInputRoot", {
   enumerable: true,
-  get: function () { return chunkN5V4HWT4_js.CursorInputRoot; }
+  get: function () { return chunkGIXFQKLS_js.CursorInputRoot; }
 });
 Object.defineProperty(exports, "CursorSelectTrigger", {
   enumerable: true,
-  get: function () { return chunkN5V4HWT4_js.CursorSelectTrigger; }
+  get: function () { return chunkGIXFQKLS_js.CursorSelectTrigger; }
 });
 Object.defineProperty(exports, "CursorTabs", {
   enumerable: true,
-  get: function () { return chunkN5V4HWT4_js.CursorTabs; }
+  get: function () { return chunkGIXFQKLS_js.CursorTabs; }
 });
 Object.defineProperty(exports, "CursorTextarea", {
   enumerable: true,
-  get: function () { return chunkN5V4HWT4_js.CursorTextarea; }
+  get: function () { return chunkGIXFQKLS_js.CursorTextarea; }
 });

package/dist/highlight-cursor/enhanced-components.mjs

@@ -1,7 +1,7 @@
-export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-VYYH27HC.mjs';
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-GVO43E7E.mjs';
 import '../chunk-EXM36UYZ.mjs';
 import '../chunk-MWJQTO2F.mjs';
-import '../chunk-TZLILQLV.mjs';
+import '../chunk-RWPYQFVD.mjs';
 import '../chunk-INX2EB5H.mjs';
 import '../chunk-GY65PGYR.mjs';
 import '../chunk-44KW6PTD.mjs';

package/dist/highlight-cursor/index.js

@@ -2,10 +2,10 @@
 
 require('../chunk-KJ42IGH6.js');
 var chunkHYVF2TGW_js = require('../chunk-HYVF2TGW.js');
-var chunkN5V4HWT4_js = require('../chunk-N5V4HWT4.js');
+var chunkGIXFQKLS_js = require('../chunk-GIXFQKLS.js');
 require('../chunk-W3AIC7FW.js');
 require('../chunk-KCA5PXNO.js');
-require('../chunk-CZBGKVGH.js');
+require('../chunk-FOMVNZ3W.js');
 require('../chunk-3YODEBOY.js');
 require('../chunk-X6APNY5D.js');
 var chunkUFHMEEGL_js = require('../chunk-UFHMEEGL.js');
@@ -27,23 +27,23 @@ Object.defineProperty(exports, "CursorProvider", {
 });
 Object.defineProperty(exports, "CursorButton", {
   enumerable: true,
-  get: function () { return chunkN5V4HWT4_js.CursorButton; }
+  get: function () { return chunkGIXFQKLS_js.CursorButton; }
 });
 Object.defineProperty(exports, "CursorInputRoot", {
   enumerable: true,
-  get: function () { return chunkN5V4HWT4_js.CursorInputRoot; }
+  get: function () { return chunkGIXFQKLS_js.CursorInputRoot; }
 });
 Object.defineProperty(exports, "CursorSelectTrigger", {
   enumerable: true,
-  get: function () { return chunkN5V4HWT4_js.CursorSelectTrigger; }
+  get: function () { return chunkGIXFQKLS_js.CursorSelectTrigger; }
 });
 Object.defineProperty(exports, "CursorTabs", {
   enumerable: true,
-  get: function () { return chunkN5V4HWT4_js.CursorTabs; }
+  get: function () { return chunkGIXFQKLS_js.CursorTabs; }
 });
 Object.defineProperty(exports, "CursorTextarea", {
   enumerable: true,
-  get: function () { return chunkN5V4HWT4_js.CursorTextarea; }
+  get: function () { return chunkGIXFQKLS_js.CursorTextarea; }
 });
 Object.defineProperty(exports, "withCursor", {
   enumerable: true,

package/dist/highlight-cursor/index.mjs

@@ -1,9 +1,9 @@
 import '../chunk-VGCVIHBR.mjs';
 export { CursorProvider } from '../chunk-AQENEOV3.mjs';
-export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-VYYH27HC.mjs';
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from '../chunk-GVO43E7E.mjs';
 import '../chunk-EXM36UYZ.mjs';
 import '../chunk-MWJQTO2F.mjs';
-import '../chunk-TZLILQLV.mjs';
+import '../chunk-RWPYQFVD.mjs';
 import '../chunk-INX2EB5H.mjs';
 import '../chunk-GY65PGYR.mjs';
 export { withCursor } from '../chunk-44KW6PTD.mjs';

package/dist/index.d.mts

@@ -12,7 +12,8 @@ export { Toaster } from './ui/toast.mjs';
 export { Textarea } from './ui/textarea.mjs';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './ui/dropdown.mjs';
 export { Toggle, toggleVariants } from './ui/toggle.mjs';
-export { ToggleGroup, ToggleGroupItem } from './ui/toggle-group.mjs';
+export { ToggleButton, ToggleButtons, toggleButtonHighlightVariants, toggleButtonVariants, toggleButtonsVariants } from './ui/toggle-buttons.mjs';
+export { ToggleGroup, ToggleGroupItem, toggleGroupVariants } from './ui/toggle-group.mjs';
 export { Badge, badgeVariants } from './ui/badge.mjs';
 export { RadioGroup, RadioGroupItem } from './ui/radio-group.mjs';
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './ui/card.mjs';
@@ -60,10 +61,10 @@ export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorT
 export { TabsCursorProvider } from './highlight-cursor/tabs-cursor-context.mjs';
 export { withCursor } from './highlight-cursor/with-cursor.mjs';
 export { toast } from 'sonner';
+export { VariantProps } from 'class-variance-authority';
 import 'react/jsx-runtime';
 import 'react';
 import 'class-variance-authority/types';
-import 'class-variance-authority';
 import './ui/separator.mjs';
 import '@radix-ui/react-separator';
 import 'vaul';