@vuer-ai/vuer-uikit 0.0.100 → 0.0.102

package/dist/{chunk-BIUDC66P.mjs → chunk-7UO6NLB6.mjs}

@@ -1,9 +1,9 @@
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-ZNPI2TYG.mjs';
+import { Skeleton } from './chunk-DWWM2TV3.mjs';
 import { Separator } from './chunk-OWGKZAOO.mjs';
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-W3RJNSWQ.mjs';
-import { Skeleton } from './chunk-DWWM2TV3.mjs';
-import { InputRoot } from './chunk-4XUJBMDE.mjs';
-import { Button } from './chunk-INHZ5D7P.mjs';
+import { InputRoot } from './chunk-LRSDE62T.mjs';
+import { Button } from './chunk-CZ4GQOXG.mjs';
 import { useIsMobile } from './chunk-XHJDRQD7.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { Slot } from '@radix-ui/react-slot';
@@ -267,7 +267,7 @@ function SidebarHeader({ className, ...props }) {
     {
       "data-slot": "sidebar-header",
       "data-sidebar": "header",
-      className: cn("text-uk-lg leading-uk-lg px-md flex flex-col", className),
+      className: cn("text-uk-lg leading-uk-lg px-md py-lg flex flex-col", className),
       ...props
     }
   );
@@ -278,7 +278,7 @@ function SidebarFooter({ className, ...props }) {
     {
       "data-slot": "sidebar-footer",
       "data-sidebar": "footer",
-      className: cn("px-lg flex flex-col", className),
+      className: cn("px-md py-lg flex flex-col", className),
       ...props
     }
   );
@@ -289,10 +289,7 @@ function SidebarSeparator({ className, ...props }) {
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
-      className: cn("bg-line-primary -ml-lg", className),
-      style: {
-        width: "calc(100% + var(--spacing-lg) * 2)"
-      },
+      className: cn("bg-line-primary", className),
       ...props
     }
   );
@@ -380,7 +377,7 @@ function SidebarMenu({ className, ...props }) {
     {
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: cn("gap-lg flex w-full min-w-0 flex-col", className),
+      className: cn("py-md gap-sm flex w-full min-w-0 flex-col", className),
       style: {
         paddingLeft: "0px",
         marginBottom: "0px"
@@ -585,10 +582,11 @@ function SidebarMenuSubButton({
       "data-size": size,
       "data-active": isActive,
       className: cn(
-        "text-text-primary ring-sidebar-ring hover:bg-bg-secondary hover:text-text-primary active:bg-bg-tertiary active:text-text-highlight [&>svg]:text-icon-primary gap-md rounded-uk-md px-lg flex h-[32px] min-w-0 -translate-x-px items-center overflow-hidden outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-[16px] [&>svg]:shrink-0",
+        "text-text-primary ring-sidebar-ring hover:bg-bg-secondary hover:text-text-primary active:bg-bg-tertiary active:text-text-highlight [&>svg]:text-icon-primary gap-md rounded-uk-md px-lg flex h-[32px] min-w-0 -translate-x-px cursor-pointer items-center overflow-hidden outline-hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-[16px] [&>svg]:shrink-0",
         size === "sm" && "text-uk-sm leading-uk-sm",
         size === "md" && "text-uk-md leading-uk-md",
         "group-data-[collapsible=icon]:hidden",
+        isActive && "bg-bg-tertiary text-text-highlight [&>svg]:text-icon-highlight hover:bg-bg-tertiary hover:text-text-highlight",
         className
       ),
       ...props

package/dist/{chunk-OTR4SFDC.cjs → chunk-A2UZY7Y2.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkDREOOKO2_cjs = require('./chunk-DREOOKO2.cjs');
+var chunkGOGJVFRN_cjs = require('./chunk-GOGJVFRN.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DegInput = react.forwardRef(function DegInput2({ value = 0, onChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDREOOKO2_cjs.InputNumbers,
+    chunkGOGJVFRN_cjs.InputNumbers,
     {
       ref,
       value: [value],

package/dist/chunk-ACYOVCGH.mjs

@@ -0,0 +1,30 @@
+import { createClient } from './chunk-PZMA33PL.mjs';
+import { AuthContext } from './chunk-TC3W4VRO.mjs';
+import { bearerToken } from './chunk-WGVKFNG6.mjs';
+import { useRef, useEffect, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function VuerAuthProvider({ children, baseURL }) {
+  const authClient = useRef(createClient(baseURL));
+  const { data, isPending, refetch } = authClient.current.useSession();
+  useEffect(() => {
+    const searchParams = new URLSearchParams(window.location.search);
+    const session = searchParams.get("token");
+    if (session) {
+      localStorage.setItem(bearerToken, encodeURIComponent(session));
+      refetch();
+      window.history.replaceState({}, "", window.location.pathname);
+    }
+  }, [refetch]);
+  return /* @__PURE__ */ jsx(
+    AuthContext.Provider,
+    {
+      value: useMemo(() => {
+        return { data, isPending, refetch, authClient: authClient.current, baseURL };
+      }, [baseURL, data, isPending, refetch]),
+      children
+    }
+  );
+}
+
+export { VuerAuthProvider };

package/dist/chunk-ACYZOKPT.mjs

@@ -0,0 +1,64 @@
+import { RadInput } from './chunk-IY36FZ5R.mjs';
+import { Button } from './chunk-CZ4GQOXG.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { forwardRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PresetsRadInput = forwardRef(
+  function PresetsRadInput2({ presets, value = 0, onChange, display = "rad", size, className, ...props }, ref) {
+    const [preset, setPreset] = useState(value);
+    const handleValueChange = (newValue) => {
+      setPreset(newValue);
+      onChange?.(newValue);
+    };
+    const handlePresetClick = (presetValue) => {
+      setPreset(presetValue);
+      onChange?.(presetValue);
+    };
+    const getDisplayValue = (radValue) => {
+      if (display === "deg") {
+        return radValue * 180 / Math.PI;
+      } else if (display === "pi") {
+        return radValue / Math.PI;
+      }
+      return radValue;
+    };
+    const formatDisplayValue = (radValue) => {
+      const displayValue = getDisplayValue(radValue);
+      if (display === "pi") {
+        return `${displayValue.toFixed(2)}\u03C0`;
+      } else if (display === "deg") {
+        return `${displayValue.toFixed(0)}\xB0`;
+      }
+      return displayValue.toFixed(2);
+    };
+    return /* @__PURE__ */ jsxs("div", { className: cn("gap-xs grid grid-cols-5", className), children: [
+      /* @__PURE__ */ jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsx(
+        RadInput,
+        {
+          ...props,
+          ref,
+          size,
+          value: preset,
+          onChange: handleValueChange,
+          display
+        }
+      ) }),
+      presets.map((p, i) => {
+        return /* @__PURE__ */ jsx(
+          Button,
+          {
+            size,
+            variant: "secondary",
+            className: "h-6",
+            onClick: () => handlePresetClick(p),
+            children: formatDisplayValue(p)
+          },
+          i
+        );
+      })
+    ] });
+  }
+);
+
+export { PresetsRadInput };

package/dist/chunk-AJQEHMYV.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var chunkJFIAWTRH_cjs = require('./chunk-JFIAWTRH.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var EulerRadInput = react.forwardRef(
+  function EulerRadInput2({ value, onValuesChange, display = "rad", ...props }, ref) {
+    const displayValues = react.useMemo(() => {
+      if (display === "deg") {
+        return value.map((v) => v * 180 / Math.PI);
+      } else if (display === "pi") {
+        return value.map((v) => v / Math.PI);
+      }
+      return value;
+    }, [value, display]);
+    const handleChange = (displayVals) => {
+      let radValues;
+      if (display === "deg") {
+        radValues = displayVals.map((v) => v * Math.PI / 180);
+      } else if (display === "pi") {
+        radValues = displayVals.map((v) => v * Math.PI);
+      } else {
+        radValues = displayVals;
+      }
+      onValuesChange?.(radValues);
+    };
+    const unitSymbol = react.useMemo(() => {
+      if (display === "deg") return "\xB0";
+      if (display === "pi") return "\u03C0";
+      return "rad";
+    }, [display]);
+    const labels = [`x${unitSymbol}`, `y${unitSymbol}`, `z${unitSymbol}`];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkJFIAWTRH_cjs.VectorInput,
+      {
+        ref,
+        value: displayValues,
+        onValuesChange: handleChange,
+        labels,
+        ...props
+      }
+    );
+  }
+);
+
+exports.EulerRadInput = EulerRadInput;

package/dist/{chunk-7YMH34JL.cjs → chunk-AOV3ADTV.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkDREOOKO2_cjs = require('./chunk-DREOOKO2.cjs');
+var chunkGOGJVFRN_cjs = require('./chunk-GOGJVFRN.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var CmInput = react.forwardRef(function CmInput2({ value = 0, onChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDREOOKO2_cjs.InputNumbers,
+    chunkGOGJVFRN_cjs.InputNumbers,
     {
       ref,
       value: [value],

package/dist/{chunk-A2PCEL5S.mjs → chunk-AYYX3TVN.mjs}

@@ -1,8 +1,8 @@
+import { InputRoot } from './chunk-LRSDE62T.mjs';
 import { Tabs } from './chunk-B53A4WNW.mjs';
 import { Textarea } from './chunk-25RDJXX7.mjs';
 import { SelectTrigger } from './chunk-CX6OFX5Z.mjs';
-import { InputRoot } from './chunk-4XUJBMDE.mjs';
-import { Button } from './chunk-INHZ5D7P.mjs';
+import { Button } from './chunk-CZ4GQOXG.mjs';
 import { withCursor } from './chunk-RAHKRYQJ.mjs';
 
 // src/highlight-cursor/enhanced-components.tsx

package/dist/{chunk-QHPFLC2O.mjs → chunk-BFNETXJK.mjs}

@@ -1,21 +1,25 @@
-import { QuaternionInput } from './chunk-6J7ZVRSY.mjs';
-import { RadInput } from './chunk-GPV4XELL.mjs';
-import { TimeInput } from './chunk-7R2ZBAE6.mjs';
-import { Vec3Input } from './chunk-PIXIN3IG.mjs';
-import { CmInput } from './chunk-SQQXY4AY.mjs';
-import { DegInput } from './chunk-CZ2YNM7Y.mjs';
-import { EulerDegInput } from './chunk-OJUK6WJ5.mjs';
-import { EulerInput } from './chunk-5TXABUNC.mjs';
-import { VectorInput } from './chunk-6CM4GYJU.mjs';
-import { InchInput } from './chunk-ZZLF2YWP.mjs';
-import { IntInput } from './chunk-NT5ZTF56.mjs';
-import { Switch } from './chunk-AZBJB6KC.mjs';
+import { Vec3Input } from './chunk-SYX6TMCQ.mjs';
+import { EulerRadInput } from './chunk-IXNXSECD.mjs';
+import { InchInput } from './chunk-3TUONMQ6.mjs';
+import { IntInput } from './chunk-4JGGLCXT.mjs';
+import { QuaternionInput } from './chunk-VUMOJPEC.mjs';
+import { TimeInput } from './chunk-JUSFLIU5.mjs';
+import { CmInput } from './chunk-PTGMHZFS.mjs';
+import { DegInput } from './chunk-CGUQWS2I.mjs';
+import { EulerDegInput } from './chunk-24IUD6Q3.mjs';
+import { EulerInput } from './chunk-ZNM6PNI6.mjs';
+import { VectorInput } from './chunk-VEWWUO2N.mjs';
+import { ColorInput } from './chunk-EXQQRW7T.mjs';
+import { PresetsInput } from './chunk-6XOTWZFC.mjs';
+import { RadInput } from './chunk-IY36FZ5R.mjs';
+import { TextInput } from './chunk-3VVQWVDE.mjs';
 import { Slider } from './chunk-Y6WGGVT2.mjs';
+import { Switch } from './chunk-AZBJB6KC.mjs';
 import { Label } from './chunk-42UBHC2D.mjs';
 import { FormLayout } from './chunk-NRQJX772.mjs';
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-CX6OFX5Z.mjs';
-import { InputRoot, InputSlot } from './chunk-4XUJBMDE.mjs';
 import { useDialSchema } from './chunk-3HEZVWRW.mjs';
+import { InputRoot, InputSlot } from './chunk-LRSDE62T.mjs';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-CX6OFX5Z.mjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var DialInputWrapper = ({ label, children }) => {
@@ -332,6 +336,152 @@ var DialTimeInput = ({
     return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
+var DialTextInput = ({
+  name,
+  label,
+  size = "sm",
+  labelPosition,
+  placeholder
+}) => {
+  const { getValue, setValue } = useDialSchema();
+  const value = getValue(name) ?? "";
+  if (labelPosition === "inline") {
+    return /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        value,
+        onChange: (val) => setValue(name, val),
+        size,
+        placeholder,
+        prefix: label
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        value,
+        onChange: (val) => setValue(name, val),
+        size,
+        placeholder
+      }
+    ) });
+  }
+};
+var DialEulerRadInput = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  labelPosition
+}) => {
+  const { getValue, setValue } = useDialSchema();
+  const value = getValue(name) ?? [0, 0, 0];
+  if (labelPosition === "inline") {
+    return /* @__PURE__ */ jsx(
+      EulerRadInput,
+      {
+        value,
+        onValuesChange: (val) => setValue(name, val),
+        size,
+        step,
+        display: "deg",
+        prefix: label ? [label, "", ""] : void 0
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(
+      EulerRadInput,
+      {
+        value,
+        onValuesChange: (val) => setValue(name, val),
+        size,
+        step,
+        display: "deg"
+      }
+    ) });
+  }
+};
+var DialNumberRadInput = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  labelPosition
+}) => {
+  const { getValue, setValue } = useDialSchema();
+  const value = getValue(name) ?? 0;
+  const degValue = value * 180 / Math.PI;
+  const handleChange = (deg) => {
+    const rad = deg * Math.PI / 180;
+    setValue(name, rad);
+  };
+  if (labelPosition === "inline") {
+    return /* @__PURE__ */ jsx(
+      DegInput,
+      {
+        value: degValue,
+        onChange: handleChange,
+        size,
+        step,
+        prefix: label ? [label] : void 0
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(DegInput, { value: degValue, onChange: handleChange, size, step }) });
+  }
+};
+var DialInputWrapper2 = ({ label, children }) => {
+  if (!label) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxs(FormLayout, { orientation: "label-top", children: [
+    /* @__PURE__ */ jsx(Label, { size: "sm", children: label }),
+    children
+  ] });
+};
+var DialPresetsInput = ({
+  name,
+  label,
+  size = "sm",
+  labelPosition,
+  options
+}) => {
+  const { getValue, setValue } = useDialSchema();
+  const value = getValue(name) ?? 0;
+  const presets = options.slice(0, 3).map((opt) => {
+    if (typeof opt === "number") return opt;
+    if (typeof opt === "string") return parseFloat(opt);
+    return typeof opt.value === "number" ? opt.value : parseFloat(opt.value);
+  });
+  while (presets.length < 3) {
+    presets.push(0);
+  }
+  if (labelPosition === "inline") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      label && /* @__PURE__ */ jsx(Label, { size: "sm", children: label }),
+      /* @__PURE__ */ jsx(
+        PresetsInput,
+        {
+          value,
+          onChange: (val) => setValue(name, val),
+          size,
+          presets
+        }
+      )
+    ] });
+  } else {
+    return /* @__PURE__ */ jsx(DialInputWrapper2, { label, children: /* @__PURE__ */ jsx(
+      PresetsInput,
+      {
+        value,
+        onChange: (val) => setValue(name, val),
+        size,
+        presets
+      }
+    ) });
+  }
+};
 var DialVectorInput2 = ({
   name,
   label,
@@ -464,12 +614,36 @@ var DialPanel = ({ schemas, groups: groupConfigs }) => {
           },
           name
         );
+      case "euler-rad":
+        return /* @__PURE__ */ jsx(
+          DialEulerRadInput,
+          {
+            name,
+            label,
+            step,
+            labelPosition
+          },
+          name
+        );
       case "vector":
       case "vector-6":
       case "number-group":
         return /* @__PURE__ */ jsx(DialVectorInput2, { name, label }, name);
       case "boolean":
         return /* @__PURE__ */ jsx(DialBooleanInput, { name, label, labelPosition }, name);
+      case "number-slider":
+        return /* @__PURE__ */ jsx(
+          DialSliderInput,
+          {
+            name,
+            label,
+            min,
+            max,
+            step,
+            labelPosition
+          },
+          name
+        );
       case "number-int":
         return /* @__PURE__ */ jsx(
           DialIntInput,
@@ -481,10 +655,21 @@ var DialPanel = ({ schemas, groups: groupConfigs }) => {
           },
           name
         );
+      case "number-rad":
+        return /* @__PURE__ */ jsx(
+          DialNumberRadInput,
+          {
+            name,
+            label,
+            step,
+            labelPosition
+          },
+          name
+        );
       case "number":
         if (min !== void 0 && max !== void 0 && !options) {
           return /* @__PURE__ */ jsx(
-            DialSliderInput,
+            DialNumberInput,
             {
               name,
               label,
@@ -498,7 +683,7 @@ var DialPanel = ({ schemas, groups: groupConfigs }) => {
         }
         if (options && options.length > 0) {
           return /* @__PURE__ */ jsx(
-            DialSelectInput,
+            DialPresetsInput,
             {
               name,
               label,
@@ -520,7 +705,10 @@ var DialPanel = ({ schemas, groups: groupConfigs }) => {
           },
           name
         );
+      case "color":
+        return /* @__PURE__ */ jsx(DialColorInput, { name, label }, name);
       case "string":
+      case "text":
         if (options && options.length > 0) {
           return /* @__PURE__ */ jsx(
             DialSelectInput,
@@ -533,7 +721,16 @@ var DialPanel = ({ schemas, groups: groupConfigs }) => {
             name
           );
         }
-        return null;
+        return /* @__PURE__ */ jsx(
+          DialTextInput,
+          {
+            name,
+            label,
+            placeholder: `Enter ${label.toLowerCase()}`,
+            labelPosition
+          },
+          name
+        );
       default:
         return null;
     }
@@ -551,7 +748,7 @@ var DialPanel = ({ schemas, groups: groupConfigs }) => {
     ungrouped.length > 0 && /* @__PURE__ */ jsx("div", { className: "dial-group", children: /* @__PURE__ */ jsx("div", { className: "dial-row flex flex-row flex-wrap gap-4", children: ungrouped.map(renderSchemaInput) }) })
   ] });
 };
-var DialInputWrapper2 = ({ label, children }) => {
+var DialInputWrapper3 = ({ label, children }) => {
   if (!label) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
@@ -583,7 +780,7 @@ var DialNumberInput = ({
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsx(InputRoot, { ...inputProps, children: label ? /* @__PURE__ */ jsx(InputSlot, { side: "left", children: label }) : null });
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper2, { label, children: /* @__PURE__ */ jsx(InputRoot, { ...inputProps }) });
+    return /* @__PURE__ */ jsx(DialInputWrapper3, { label, children: /* @__PURE__ */ jsx(InputRoot, { ...inputProps }) });
   }
 };
 var DialBooleanInput = ({ name, label, labelPosition }) => {
@@ -601,6 +798,15 @@ var DialBooleanInput = ({ name, label, labelPosition }) => {
     /* @__PURE__ */ jsx(Switch, { ...switchProps })
   ] });
 };
+var DialColorInput = ({ name, label }) => {
+  const { getValue, setValue } = useDialSchema();
+  const value = getValue(name) ?? "";
+  const inputComp = /* @__PURE__ */ jsx(ColorInput, { value, onChange: (e) => setValue(name, e.target.value), prefix: label });
+  if (!label) {
+    return inputComp;
+  }
+  return /* @__PURE__ */ jsx(DialInputWrapper3, { label, children: inputComp });
+};
 var DialSelectInput = ({
   name,
   options = [],
@@ -627,7 +833,7 @@ var DialSelectInput = ({
   if (!label) {
     return selectComponent;
   }
-  return /* @__PURE__ */ jsx(DialInputWrapper2, { label, children: selectComponent });
+  return /* @__PURE__ */ jsx(DialInputWrapper3, { label, children: selectComponent });
 };
 var DialSliderInput = ({
   name,
@@ -655,7 +861,7 @@ var DialSliderInput = ({
   if (!label) {
     return sliderComponent;
   }
-  return /* @__PURE__ */ jsx(DialInputWrapper2, { label, children: sliderComponent });
+  return /* @__PURE__ */ jsx(DialInputWrapper3, { label, children: sliderComponent });
 };
 
-export { DialBooleanInput, DialCmInput, DialDegInput, DialEulerDegInput, DialEulerInput, DialInchInput, DialIntInput, DialNumberInput, DialPanel, DialQuaternionInput, DialRadInput, DialSelectInput, DialSliderInput, DialTimeInput, DialVec3Input, DialVectorInput, DialVectorInput2 };
+export { DialBooleanInput, DialCmInput, DialColorInput, DialDegInput, DialEulerDegInput, DialEulerInput, DialEulerRadInput, DialInchInput, DialIntInput, DialNumberInput, DialNumberRadInput, DialPanel, DialPresetsInput, DialQuaternionInput, DialRadInput, DialSelectInput, DialSliderInput, DialTextInput, DialTimeInput, DialVec3Input, DialVectorInput, DialVectorInput2 };

package/dist/{chunk-62VCQ2SU.cjs → chunk-BSOJYJ4D.cjs}

@@ -10,7 +10,7 @@ var cardVariants = classVarianceAuthority.cva(
     "flex-col",
     "rounded-uk-lg",
     "bg-bg-primary",
-    "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+    "liquid:shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
     "liquid:liquid-bg"
   ],
   {

package/dist/{chunk-QUFZWF4E.cjs → chunk-C7WHIFJZ.cjs}

@@ -1,16 +1,16 @@
 'use strict';
 
+var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
 var chunkL6LCOLOV_cjs = require('./chunk-L6LCOLOV.cjs');
 var chunk7DFI7CUK_cjs = require('./chunk-7DFI7CUK.cjs');
 var chunkYMSWUGHW_cjs = require('./chunk-YMSWUGHW.cjs');
-var chunk3UEVUYFQ_cjs = require('./chunk-3UEVUYFQ.cjs');
-var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
+var chunkHBIZQDDS_cjs = require('./chunk-HBIZQDDS.cjs');
 var chunkWJY6BMVR_cjs = require('./chunk-WJY6BMVR.cjs');
 
 // src/highlight-cursor/enhanced-components.tsx
-var CursorButton = chunkWJY6BMVR_cjs.withCursor(chunkNSQOQD43_cjs.Button);
+var CursorButton = chunkWJY6BMVR_cjs.withCursor(chunkHBIZQDDS_cjs.Button);
 var CursorTabs = chunkWJY6BMVR_cjs.withCursor(chunkL6LCOLOV_cjs.Tabs);
-var CursorInputRoot = chunkWJY6BMVR_cjs.withCursor(chunk3UEVUYFQ_cjs.InputRoot);
+var CursorInputRoot = chunkWJY6BMVR_cjs.withCursor(chunkLQGXG373_cjs.InputRoot);
 var CursorSelectTrigger = chunkWJY6BMVR_cjs.withCursor(chunkYMSWUGHW_cjs.SelectTrigger);
 var CursorTextarea = chunkWJY6BMVR_cjs.withCursor(chunk7DFI7CUK_cjs.Textarea);