@vuer-ai/vuer-uikit 0.0.59 → 0.0.60

package/dist/{chunk-J2TJJ4YH.js → chunk-2WCO4NPU.js}

@@ -86,7 +86,8 @@ function TooltipContent({
       "data-slot": "tooltip-content",
       sideOffset,
       className: chunkYUTSR2OT_js.cn(
-        "bg-bg-secondary",
+        "bg-bg-primary",
+        "liquid:liquid-bg",
         "text-text-primary",
         "animate-in",
         "text-uk-sm",
@@ -108,7 +109,6 @@ function TooltipContent({
         "w-fit",
         "origin-(--radix-tooltip-content-transform-origin)",
         "text-balance",
-        "liquid:liquid-bg",
         className
       ),
       ...props,
@@ -117,7 +117,14 @@ function TooltipContent({
         /* @__PURE__ */ jsxRuntime.jsx(
           TooltipPrimitive__namespace.Arrow,
           {
-            className: "fill-bg-secondary liquid:liquid-bg z-50 h-[9px] w-[20px] border-none",
+            className: chunkYUTSR2OT_js.cn(
+              "z-50",
+              "h-[9px] w-[20px]",
+              "border-none",
+              "bg-bg-primary",
+              "fill-bg-primary",
+              "liquid:liquid-bg-svg"
+            ),
             style: {
               clipPath: "polygon(50% 100%, 0% 0%, 100% 0%)",
               borderRadius: "1px 1px 0 0"

package/dist/{chunk-3E3LCWE5.js → chunk-42PVG4VF.js}

@@ -2,16 +2,16 @@
 
 var chunkJ5OXYTB6_js = require('./chunk-J5OXYTB6.js');
 var chunkFURER5TR_js = require('./chunk-FURER5TR.js');
-var chunkUJA4XCVW_js = require('./chunk-UJA4XCVW.js');
+var chunkJ2GBP6H3_js = require('./chunk-J2GBP6H3.js');
 var chunkKVN35F5P_js = require('./chunk-KVN35F5P.js');
-var chunkYORCEFNH_js = require('./chunk-YORCEFNH.js');
+var chunkSGKI7S6I_js = require('./chunk-SGKI7S6I.js');
 var chunkKYN7K2XM_js = require('./chunk-KYN7K2XM.js');
 
 // src/highlight-cursor/enhanced-components.tsx
-var CursorButton = chunkKYN7K2XM_js.withCursor(chunkYORCEFNH_js.Button);
+var CursorButton = chunkKYN7K2XM_js.withCursor(chunkSGKI7S6I_js.Button);
 var CursorTabs = chunkKYN7K2XM_js.withCursor(chunkJ5OXYTB6_js.Tabs);
 var CursorInputRoot = chunkKYN7K2XM_js.withCursor(chunkKVN35F5P_js.InputRoot);
-var CursorSelectTrigger = chunkKYN7K2XM_js.withCursor(chunkUJA4XCVW_js.SelectTrigger);
+var CursorSelectTrigger = chunkKYN7K2XM_js.withCursor(chunkJ2GBP6H3_js.SelectTrigger);
 var CursorTextarea = chunkKYN7K2XM_js.withCursor(chunkFURER5TR_js.Textarea);
 
 exports.CursorButton = CursorButton;

package/dist/{chunk-7EWHU4SB.mjs → chunk-4SECPMPM.mjs}

@@ -5,13 +5,20 @@ import { cva } from 'class-variance-authority';
 import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-function SelectRoot({ ...props }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+function SelectRoot({ font = "mono", align = "left", ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", "data-font": font, "data-align": align, ...props });
 }
-function SelectFallback({ ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "select", ...props });
+function SelectFallback({
+  font = "mono",
+  align = "left",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "select", "data-font": font, "data-align": align, ...props });
 }
-var Select = createClientOnlyComponent(SelectRoot, SelectFallback);
+var Select = createClientOnlyComponent(
+  SelectRoot,
+  SelectFallback
+);
 function SelectGroupRoot({
   className,
   ...props
@@ -40,10 +47,8 @@ var selectTriggerVariants = cva(
   [
     "flex",
     "items-center",
-    "justify-between",
     "gap-2",
-    "rounded-uk-sm",
-    "bg-bg-secondary",
+    "bg-select-secondary",
     "whitespace-nowrap",
     "shadow-xs",
     "transition-[color,box-shadow]",
@@ -54,7 +59,8 @@ var selectTriggerVariants = cva(
     "*:data-[slot=select-value]:gap-2",
     "[&_svg]:shrink-0",
     "[&_svg]:pointer-events-none",
-    "[&_svg:not([class*='text-'])]:text-muted-foreground"
+    "[&_svg:not([class*='text-'])]:text-muted-foreground",
+    "[type=number]:font-number-input"
   ],
   {
     variants: {
@@ -64,14 +70,25 @@ var selectTriggerVariants = cva(
         error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
       },
       size: {
-        sm: "px-sm py-xs text-uk-sm h-6 [&_svg:not([class*='size-'])]:size-3",
-        base: "px-md py-sm text-uk-md h-8 [&_svg:not([class*='size-'])]:size-4",
-        lg: "px-lg py-sm text-uk-lg h-9 [&_svg:not([class*='size-'])]:size-5"
+        sm: "px-sm py-xs text-uk-sm h-6 [&_svg:not([class*='size-'])]:size-3 rounded-uk-md",
+        md: "px-md py-sm text-uk-md h-8 [&_svg:not([class*='size-'])]:size-4 rounded-uk-lg",
+        lg: "px-lg py-sm text-uk-lg h-9 [&_svg:not([class*='size-'])]:size-5 rounded-uk-xl"
+      },
+      font: {
+        standard: "font-sans",
+        mono: "font-number-input"
+      },
+      align: {
+        left: "justify-between",
+        center: "justify-center *:data-[slot=select-value]:flex-1 *:data-[slot=select-value]:justify-center",
+        right: "justify-between *:data-[slot=select-value]:flex-1 *:data-[slot=select-value]:justify-end"
       }
     },
     defaultVariants: {
       state: "default",
-      size: "base"
+      size: "md",
+      font: "mono",
+      align: "left"
     }
   }
 );
@@ -81,6 +98,8 @@ function SelectTriggerRoot({
   children,
   disabled,
   state,
+  font,
+  align,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
@@ -89,7 +108,13 @@ function SelectTriggerRoot({
       "data-slot": "select-trigger",
       "data-size": size,
       className: cn(
-        selectTriggerVariants({ size, className, state: disabled ? "disabled" : state })
+        selectTriggerVariants({
+          size,
+          className,
+          state: disabled ? "disabled" : state,
+          font,
+          align
+        })
       ),
       disabled,
       ...props,
@@ -106,6 +131,8 @@ function SelectTriggerFallback({
   children,
   disabled,
   state,
+  font,
+  align,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
@@ -114,7 +141,13 @@ function SelectTriggerFallback({
       "data-slot": "select-trigger",
       "data-size": size,
       className: cn(
-        selectTriggerVariants({ size, className, state: disabled ? "disabled" : state })
+        selectTriggerVariants({
+          size,
+          className,
+          state: disabled ? "disabled" : state,
+          font,
+          align
+        })
       ),
       disabled,
       ...props,
@@ -160,7 +193,8 @@ function SelectContentRoot({
           "liquid:liquid-bg"
         ],
         {
-          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1": position === "popper"
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1": position === "popper",
+          "-ml-2 translate-x-2": position === "item-aligned"
         },
         className
       ),
@@ -248,18 +282,19 @@ function SelectItemRoot({
           "group/select-item",
           "w-full",
           "flex",
-          "gap-md",
+          "gap-sm",
           "items-center",
-          "px-sm",
-          "py-xs",
+          "px-xs",
+          "py-xxs",
           "relative",
           "cursor-default",
-          "rounded-uk-xs",
+          "rounded-uk-sm",
           "text-uk-sm",
           "outline-hidden",
           "select-none",
           "focus:bg-bg-secondary",
           "data-[state=checked]:bg-brand-primary",
+          "data-[state=checked]:text-text-withbg",
           "data-[disabled]:pointer-events-none",
           "data-[disabled]:text-bg-quaternary",
           "[&_svg]:pointer-events-none",
@@ -268,13 +303,20 @@ function SelectItemRoot({
           "[&_svg:not([class*='text-'])]:text-muted-foreground",
           "*:[span]:last:flex",
           "*:[span]:last:items-center",
-          "*:[span]:last:gap-2"
+          "*:[span]:last:gap-2",
+          // Font inheritance from parent select
+          "[*[data-font=standard]_&]:font-sans",
+          "[*[data-font=mono]_&]:font-number-input",
+          // Alignment inheritance from parent select
+          "[*[data-align=left]_&]:justify-start",
+          "[*[data-align=center]_&]:justify-center",
+          "[*[data-align=right]_&]:justify-end"
         ],
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx(
+        prefix && /* @__PURE__ */ jsx(
           "p",
           {
             "data-disabled": disabled,
@@ -290,7 +332,7 @@ function SelectItemRoot({
           }
         ),
         /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children }),
-        /* @__PURE__ */ jsx(
+        suffix && /* @__PURE__ */ jsx(
           "p",
           {
             "data-disabled": disabled,
@@ -331,7 +373,7 @@ function SelectItemFallback({
           "flex",
           "gap-md",
           "items-center",
-          "px-sm",
+          "px-0",
           "py-xs",
           "relative",
           "cursor-default",
@@ -340,7 +382,14 @@ function SelectItemFallback({
           "outline-hidden",
           "select-none",
           "focus:bg-bg-secondary",
-          disabled && "text-bg-quaternary pointer-events-none"
+          disabled && "text-bg-quaternary pointer-events-none",
+          // Font inheritance from parent select
+          "[*[data-font=standard]_&]:font-sans",
+          "[*[data-font=mono]_&]:font-number-input",
+          // Alignment inheritance from parent select
+          "[*[data-align=left]_&]:justify-start",
+          "[*[data-align=center]_&]:justify-center",
+          "[*[data-align=right]_&]:justify-end"
         ],
         className
       ),
@@ -414,7 +463,7 @@ function SelectScrollUpButtonRoot({
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: cn("flex cursor-default items-center justify-center py-1", className),
+      className: cn("mx-24 flex cursor-default items-center justify-center py-1", className),
       ...props,
       children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
     }

package/dist/{chunk-FPSWEVCK.mjs → chunk-5PDVUXZO.mjs}

@@ -40,7 +40,6 @@ function PopoverContentRoot({
         "bg-bg-primary",
         "rounded-uk-lg",
         "p-xl",
-        "w-[320px]",
         "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
         "data-[state=open]:animate-in",
         "data-[state=closed]:animate-out",
@@ -52,7 +51,7 @@ function PopoverContentRoot({
         "data-[side=left]:slide-in-from-right-2",
         "data-[side=right]:slide-in-from-left-2",
         "data-[side=top]:slide-in-from-bottom-2",
-        "z-50",
+        "z-20",
         "origin-(--radix-popover-content-transform-origin)",
         "border-none",
         "outline-hidden",
@@ -72,9 +71,8 @@ function PopoverContentFallback({ className, ...props }) {
         "bg-bg-primary",
         "rounded-uk-lg",
         "p-xl",
-        "w-[320px]",
         "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-        "z-50",
+        "z-20",
         "border-none",
         "outline-hidden",
         "liquid:liquid-bg",

package/dist/{chunk-KPKKHLM6.js → chunk-5YHPNHI7.js}

@@ -3,7 +3,7 @@
 var chunkWGHPQZR3_js = require('./chunk-WGHPQZR3.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-var PACKAGE_VERSION = "0.0.59" ;
+var PACKAGE_VERSION = "0.0.60" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,

package/dist/{chunk-N7NM2MPV.js → chunk-7TIEYGG2.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkHQK4BMHQ_js = require('./chunk-HQK4BMHQ.js');
-var chunkJ2TJJ4YH_js = require('./chunk-J2TJJ4YH.js');
+var chunk2WCO4NPU_js = require('./chunk-2WCO4NPU.js');
 var chunk2CM7Y2NL_js = require('./chunk-2CM7Y2NL.js');
 var chunkLJU4UXLF_js = require('./chunk-LJU4UXLF.js');
+var chunkHQK4BMHQ_js = require('./chunk-HQK4BMHQ.js');
 var chunkYFPY5SLS_js = require('./chunk-YFPY5SLS.js');
 var chunkKVN35F5P_js = require('./chunk-KVN35F5P.js');
-var chunkYORCEFNH_js = require('./chunk-YORCEFNH.js');
+var chunkSGKI7S6I_js = require('./chunk-SGKI7S6I.js');
 var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
@@ -76,7 +76,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ2TJJ4YH_js.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunk2WCO4NPU_js.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -187,7 +187,7 @@ function Sidebar({
 function SidebarTrigger({ className, onClick, ...props }) {
   const { toggleSidebar, state } = useSidebar();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkYORCEFNH_js.Button,
+    chunkSGKI7S6I_js.Button,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
@@ -456,10 +456,10 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkJ2TJJ4YH_js.Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkJ2TJJ4YH_js.TooltipTrigger, { asChild: true, children: button }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunk2WCO4NPU_js.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunk2WCO4NPU_js.TooltipTrigger, { asChild: true, children: button }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkJ2TJJ4YH_js.TooltipContent,
+      chunk2WCO4NPU_js.TooltipContent,
       {
         side: "right",
         align: "center",

package/dist/{chunk-VLDO7LYO.mjs → chunk-FEUYP5OW.mjs}

@@ -19,7 +19,7 @@ function ModalClose({ ...props }) {
 var modalOverlayVariants = cva([
   "fixed",
   "inset-0",
-  "z-100",
+  "z-10",
   "bg-bg-mask",
   "transition-all",
   "duration-200"
@@ -45,7 +45,7 @@ var modalContentVariants = cva([
   "fixed",
   "translate-x-[-50%]",
   "translate-y-[-50%]",
-  "z-101",
+  "z-11",
   "left-1/2",
   "top-1/2",
   "data-[state=open]:animate-in",

package/dist/{chunk-UJA4XCVW.js → chunk-J2GBP6H3.js}

@@ -27,13 +27,20 @@ function _interopNamespace(e) {
 
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 
-function SelectRoot({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Root, { "data-slot": "select", ...props });
+function SelectRoot({ font = "mono", align = "left", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Root, { "data-slot": "select", "data-font": font, "data-align": align, ...props });
 }
-function SelectFallback({ ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "select", ...props });
+function SelectFallback({
+  font = "mono",
+  align = "left",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "select", "data-font": font, "data-align": align, ...props });
 }
-var Select = chunkQG7ZF6TO_js.createClientOnlyComponent(SelectRoot, SelectFallback);
+var Select = chunkQG7ZF6TO_js.createClientOnlyComponent(
+  SelectRoot,
+  SelectFallback
+);
 function SelectGroupRoot({
   className,
   ...props
@@ -62,10 +69,8 @@ var selectTriggerVariants = classVarianceAuthority.cva(
   [
     "flex",
     "items-center",
-    "justify-between",
     "gap-2",
-    "rounded-uk-sm",
-    "bg-bg-secondary",
+    "bg-select-secondary",
     "whitespace-nowrap",
     "shadow-xs",
     "transition-[color,box-shadow]",
@@ -76,7 +81,8 @@ var selectTriggerVariants = classVarianceAuthority.cva(
     "*:data-[slot=select-value]:gap-2",
     "[&_svg]:shrink-0",
     "[&_svg]:pointer-events-none",
-    "[&_svg:not([class*='text-'])]:text-muted-foreground"
+    "[&_svg:not([class*='text-'])]:text-muted-foreground",
+    "[type=number]:font-number-input"
   ],
   {
     variants: {
@@ -86,14 +92,25 @@ var selectTriggerVariants = classVarianceAuthority.cva(
         error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
       },
       size: {
-        sm: "px-sm py-xs text-uk-sm h-6 [&_svg:not([class*='size-'])]:size-3",
-        base: "px-md py-sm text-uk-md h-8 [&_svg:not([class*='size-'])]:size-4",
-        lg: "px-lg py-sm text-uk-lg h-9 [&_svg:not([class*='size-'])]:size-5"
+        sm: "px-sm py-xs text-uk-sm h-6 [&_svg:not([class*='size-'])]:size-3 rounded-uk-md",
+        md: "px-md py-sm text-uk-md h-8 [&_svg:not([class*='size-'])]:size-4 rounded-uk-lg",
+        lg: "px-lg py-sm text-uk-lg h-9 [&_svg:not([class*='size-'])]:size-5 rounded-uk-xl"
+      },
+      font: {
+        standard: "font-sans",
+        mono: "font-number-input"
+      },
+      align: {
+        left: "justify-between",
+        center: "justify-center *:data-[slot=select-value]:flex-1 *:data-[slot=select-value]:justify-center",
+        right: "justify-between *:data-[slot=select-value]:flex-1 *:data-[slot=select-value]:justify-end"
       }
     },
     defaultVariants: {
       state: "default",
-      size: "base"
+      size: "md",
+      font: "mono",
+      align: "left"
     }
   }
 );
@@ -103,6 +120,8 @@ function SelectTriggerRoot({
   children,
   disabled,
   state,
+  font,
+  align,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -111,7 +130,13 @@ function SelectTriggerRoot({
       "data-slot": "select-trigger",
       "data-size": size,
       className: chunkYUTSR2OT_js.cn(
-        selectTriggerVariants({ size, className, state: disabled ? "disabled" : state })
+        selectTriggerVariants({
+          size,
+          className,
+          state: disabled ? "disabled" : state,
+          font,
+          align
+        })
       ),
       disabled,
       ...props,
@@ -128,6 +153,8 @@ function SelectTriggerFallback({
   children,
   disabled,
   state,
+  font,
+  align,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -136,7 +163,13 @@ function SelectTriggerFallback({
       "data-slot": "select-trigger",
       "data-size": size,
       className: chunkYUTSR2OT_js.cn(
-        selectTriggerVariants({ size, className, state: disabled ? "disabled" : state })
+        selectTriggerVariants({
+          size,
+          className,
+          state: disabled ? "disabled" : state,
+          font,
+          align
+        })
       ),
       disabled,
       ...props,
@@ -182,7 +215,8 @@ function SelectContentRoot({
           "liquid:liquid-bg"
         ],
         {
-          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1": position === "popper"
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1": position === "popper",
+          "-ml-2 translate-x-2": position === "item-aligned"
         },
         className
       ),
@@ -270,18 +304,19 @@ function SelectItemRoot({
           "group/select-item",
           "w-full",
           "flex",
-          "gap-md",
+          "gap-sm",
           "items-center",
-          "px-sm",
-          "py-xs",
+          "px-xs",
+          "py-xxs",
           "relative",
           "cursor-default",
-          "rounded-uk-xs",
+          "rounded-uk-sm",
           "text-uk-sm",
           "outline-hidden",
           "select-none",
           "focus:bg-bg-secondary",
           "data-[state=checked]:bg-brand-primary",
+          "data-[state=checked]:text-text-withbg",
           "data-[disabled]:pointer-events-none",
           "data-[disabled]:text-bg-quaternary",
           "[&_svg]:pointer-events-none",
@@ -290,13 +325,20 @@ function SelectItemRoot({
           "[&_svg:not([class*='text-'])]:text-muted-foreground",
           "*:[span]:last:flex",
           "*:[span]:last:items-center",
-          "*:[span]:last:gap-2"
+          "*:[span]:last:gap-2",
+          // Font inheritance from parent select
+          "[*[data-font=standard]_&]:font-sans",
+          "[*[data-font=mono]_&]:font-number-input",
+          // Alignment inheritance from parent select
+          "[*[data-align=left]_&]:justify-start",
+          "[*[data-align=center]_&]:justify-center",
+          "[*[data-align=right]_&]:justify-end"
         ],
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        prefix && /* @__PURE__ */ jsxRuntime.jsx(
           "p",
           {
             "data-disabled": disabled,
@@ -312,7 +354,7 @@ function SelectItemRoot({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children }),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        suffix && /* @__PURE__ */ jsxRuntime.jsx(
           "p",
           {
             "data-disabled": disabled,
@@ -353,7 +395,7 @@ function SelectItemFallback({
           "flex",
           "gap-md",
           "items-center",
-          "px-sm",
+          "px-0",
           "py-xs",
           "relative",
           "cursor-default",
@@ -362,7 +404,14 @@ function SelectItemFallback({
           "outline-hidden",
           "select-none",
           "focus:bg-bg-secondary",
-          disabled && "text-bg-quaternary pointer-events-none"
+          disabled && "text-bg-quaternary pointer-events-none",
+          // Font inheritance from parent select
+          "[*[data-font=standard]_&]:font-sans",
+          "[*[data-font=mono]_&]:font-number-input",
+          // Alignment inheritance from parent select
+          "[*[data-align=left]_&]:justify-start",
+          "[*[data-align=center]_&]:justify-center",
+          "[*[data-align=right]_&]:justify-end"
         ],
         className
       ),
@@ -436,7 +485,7 @@ function SelectScrollUpButtonRoot({
     SelectPrimitive__namespace.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: chunkYUTSR2OT_js.cn("flex cursor-default items-center justify-center py-1", className),
+      className: chunkYUTSR2OT_js.cn("mx-24 flex cursor-default items-center justify-center py-1", className),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-4" })
     }

package/dist/{chunk-C3HBUGCO.mjs → chunk-JSNFXIT2.mjs}

@@ -1,4 +1,4 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-VIMB2UTE.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-XSJ6XVTR.mjs';
 import { cn } from './chunk-KVFUDYD3.mjs';
 import { Search, CaseSensitive, Regex, ChevronDown } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';

package/dist/{chunk-3IAVL75H.mjs → chunk-JYCHXLHW.mjs}

@@ -1,8 +1,8 @@
 import { Tabs } from './chunk-WM25JXCI.mjs';
 import { Textarea } from './chunk-MXXKPTX3.mjs';
-import { SelectTrigger } from './chunk-7EWHU4SB.mjs';
+import { SelectTrigger } from './chunk-4SECPMPM.mjs';
 import { InputRoot } from './chunk-F3TKXHNH.mjs';
-import { Button } from './chunk-OOH6BI7I.mjs';
+import { Button } from './chunk-UESSDKZW.mjs';
 import { withCursor } from './chunk-RAHKRYQJ.mjs';
 
 // src/highlight-cursor/enhanced-components.tsx

package/dist/{chunk-6S7B22YF.mjs → chunk-MODCXUKO.mjs}

@@ -1,4 +1,4 @@
-import { buttonVariants } from './chunk-OOH6BI7I.mjs';
+import { buttonVariants } from './chunk-UESSDKZW.mjs';
 import { cn } from './chunk-KVFUDYD3.mjs';
 import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';

package/dist/{chunk-NSE6SXNA.js → chunk-N7NPTGOF.js}

@@ -8,7 +8,8 @@ function Toolbar({ className, children, variant = "default", size = "md" }) {
     "div",
     {
       className: chunkYUTSR2OT_js.cn(
-        "bg-bg-secondary flex items-center gap-2 shadow-sm",
+        "bg-bg-primary flex items-center gap-2 shadow-sm",
+        "liquid:liquid-bg",
         size === "sm" && "rounded-uk-md p-1.5",
         size === "md" && "rounded-uk-lg p-1.5",
         size === "lg" && "rounded-uk-xl p-1.5",
@@ -23,7 +24,7 @@ function ToolbarGroup({ className, children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYUTSR2OT_js.cn("flex items-center gap-1", className), children });
 }
 function ToolbarSeparator({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYUTSR2OT_js.cn("bg-line-primary h-4 w-0.5 rounded-full", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkYUTSR2OT_js.cn("bg-line-primary mx-2 h-3.5 w-0.75 rounded-full", className) });
 }
 
 exports.Toolbar = Toolbar;