hazo_ui 3.0.1 → 3.1.0

package/dist/index.js

@@ -1,11 +1,13 @@
 "use client";
-import * as React25 from 'react';
-import React25__default, { useRef, useState, useCallback, useEffect, useMemo, Fragment } from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+import * as React26 from 'react';
+import React26__default, { useRef, useState, useCallback, useEffect, useMemo, Fragment } from 'react';
+import { generateRequestId, createLogger } from 'hazo_core';
+import { withContext, setBrowserCorrelationId } from 'hazo_core/client';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { X, ChevronDown, ChevronUp, Check, Circle, ChevronRight, ChevronLeft, Filter, Plus, ArrowUpDown, Loader2, AlertTriangle, OctagonAlert, CheckCircle2, ChevronsUpDown, Download, Share2, Copy, GripVertical, ArrowUp, ArrowDown, Pencil, Calendar as Calendar$1 } from 'lucide-react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -127,6 +129,54 @@ var require_objectWithoutPropertiesLoose = __commonJS({
     module.exports = _objectWithoutPropertiesLoose10, module.exports.__esModule = true, module.exports["default"] = module.exports;
   }
 });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function HazoContextProvider({
+  correlationId,
+  userId,
+  children
+}) {
+  const id = React26.useMemo(
+    () => correlationId ?? generateRequestId(),
+    [correlationId]
+  );
+  React26.useEffect(() => {
+    withContext({ correlationId: id, userId }, () => {
+      setBrowserCorrelationId(id);
+    });
+    return () => {
+      setBrowserCorrelationId(void 0);
+    };
+  }, [id, userId]);
+  return /* @__PURE__ */ jsx(Fragment$1, { children });
+}
+var console_logger = {
+  info: (m, d) => d ? console.log(`[hazo_ui] ${m}`, d) : console.log(`[hazo_ui] ${m}`),
+  debug: (m, d) => d ? console.debug(`[hazo_ui] ${m}`, d) : console.debug(`[hazo_ui] ${m}`),
+  warn: (m, d) => d ? console.warn(`[hazo_ui] ${m}`, d) : console.warn(`[hazo_ui] ${m}`),
+  error: (m, d) => d ? console.error(`[hazo_ui] ${m}`, d) : console.error(`[hazo_ui] ${m}`)
+};
+function build_default_logger() {
+  try {
+    return createLogger("hazo_ui");
+  } catch {
+    return console_logger;
+  }
+}
+var current_logger = null;
+function set_logger(logger) {
+  current_logger = logger ?? null;
+}
+function get_logger() {
+  if (!current_logger) {
+    current_logger = build_default_logger();
+  }
+  return current_logger;
+}
+function generateUUID() {
+  return generateRequestId().slice(4);
+}
 
 // src/lib/hazo_ui_config.ts
 var default_config = {
@@ -158,9 +208,6 @@ function set_hazo_ui_config(config) {
 function reset_hazo_ui_config() {
   global_config = { ...default_config };
 }
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 var buttonVariants = cva(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
@@ -207,7 +254,7 @@ var variant_styles = {
     color: "hsl(var(--secondary-foreground))"
   }
 };
-var Button = React25.forwardRef(
+var Button = React26.forwardRef(
   ({ className, variant, size, asChild = false, style, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     const fallback_styles = variant_styles[variant ?? "default"] ?? {};
@@ -227,7 +274,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -239,7 +286,7 @@ var DialogOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -289,7 +336,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -302,7 +349,7 @@ var DialogTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -311,7 +358,7 @@ var DialogDescription = React25.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Command = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -323,7 +370,7 @@ var Command = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = "Command";
-var CommandInput = React25.forwardRef(({ className, onValueChange, onChange, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandInput = React26.forwardRef(({ className, onValueChange, onChange, ...props }, ref) => /* @__PURE__ */ jsx(
   "input",
   {
     ref,
@@ -339,7 +386,7 @@ var CommandInput = React25.forwardRef(({ className, onValueChange, onChange, ...
   }
 ));
 CommandInput.displayName = "CommandInput";
-var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandList = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -348,7 +395,7 @@ var CommandList = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = "CommandList";
-var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+var CommandEmpty = React26.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -357,7 +404,7 @@ var CommandEmpty = React25.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   }
 ));
 CommandEmpty.displayName = "CommandEmpty";
-var CommandGroup = React25.forwardRef(({ className, heading, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var CommandGroup = React26.forwardRef(({ className, heading, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
     ref,
@@ -373,7 +420,7 @@ var CommandGroup = React25.forwardRef(({ className, heading, children, ...props
   }
 ));
 CommandGroup.displayName = "CommandGroup";
-var CommandItem = React25.forwardRef(({ className, onSelect, value, selected, style, ...props }, ref) => {
+var CommandItem = React26.forwardRef(({ className, onSelect, value, selected, style, ...props }, ref) => {
   const handleClick = () => {
     if (onSelect && value) {
       onSelect(value);
@@ -404,7 +451,7 @@ var CommandItem = React25.forwardRef(({ className, onSelect, value, selected, st
 CommandItem.displayName = "CommandItem";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React25.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React26.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -418,7 +465,7 @@ var PopoverContent = React25.forwardRef(({ className, align = "center", sideOffs
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Input = React25.forwardRef(
+var Input = React26.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "input",
@@ -438,7 +485,7 @@ Input.displayName = "Input";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -454,7 +501,7 @@ var SelectTrigger = React25.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -467,7 +514,7 @@ var SelectScrollUpButton = React25.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -480,7 +527,7 @@ var SelectScrollDownButton = React25.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React25.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React26.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -508,7 +555,7 @@ var SelectContent = React25.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -517,7 +564,7 @@ var SelectLabel = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -533,7 +580,7 @@ var SelectItem = React25.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -545,7 +592,7 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React25.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var TooltipContent = React26.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -1407,7 +1454,7 @@ function HazoUiMultiSortDialog({
     ] })
   ] });
 }
-var RadioGroup = React25.forwardRef(({ className, ...props }, ref) => {
+var RadioGroup = React26.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     RadioGroupPrimitive.Root,
     {
@@ -1418,7 +1465,7 @@ var RadioGroup = React25.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React25.forwardRef(({ className, ...props }, ref) => {
+var RadioGroupItem = React26.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     RadioGroupPrimitive.Item,
     {
@@ -1875,7 +1922,7 @@ function filterInputValue(value, input_type, num_decimals) {
     }
   }
 }
-var HazoUiFlexInput = React25.forwardRef(
+var HazoUiFlexInput = React26.forwardRef(
   ({
     className,
     input_type = "mixed",
@@ -1892,13 +1939,13 @@ var HazoUiFlexInput = React25.forwardRef(
     onBlur,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = React25.useState(
+    const [internalValue, setInternalValue] = React26.useState(
       typeof controlledValue === "string" ? controlledValue : typeof controlledValue === "number" ? String(controlledValue) : ""
     );
-    const [errorMessage, setErrorMessage] = React25.useState();
+    const [errorMessage, setErrorMessage] = React26.useState();
     const isControlled = controlledValue !== void 0;
     const currentValue = isControlled ? typeof controlledValue === "string" ? controlledValue : String(controlledValue || "") : internalValue;
-    React25.useEffect(() => {
+    React26.useEffect(() => {
       if (isControlled) {
         const newValue = typeof controlledValue === "string" ? controlledValue : String(controlledValue || "");
         if (newValue !== internalValue) {
@@ -1978,7 +2025,7 @@ var HazoUiFlexInput = React25.forwardRef(
   }
 );
 HazoUiFlexInput.displayName = "HazoUiFlexInput";
-var ToolbarButton = React25.forwardRef(
+var ToolbarButton = React26.forwardRef(
   ({ onClick, is_active = false, disabled = false, tooltip, className, children }, ref) => {
     const button = /* @__PURE__ */ jsx(
       "button",
@@ -2016,25 +2063,20 @@ var ToolbarButton = React25.forwardRef(
 );
 ToolbarButton.displayName = "ToolbarButton";
 
-// node_modules/@uiw/react-color-sketch/esm/index.js
+// ../node_modules/@uiw/react-color-sketch/esm/index.js
 var import_extends10 = __toESM(require_extends());
 var import_objectWithoutPropertiesLoose9 = __toESM(require_objectWithoutPropertiesLoose());
 
-// node_modules/@uiw/react-color-saturation/esm/index.js
+// ../node_modules/@uiw/react-color-saturation/esm/index.js
 var import_extends3 = __toESM(require_extends());
 var import_objectWithoutPropertiesLoose2 = __toESM(require_objectWithoutPropertiesLoose());
 
-// node_modules/@uiw/color-convert/esm/index.js
+// ../node_modules/@uiw/color-convert/esm/index.js
 var import_extends = __toESM(require_extends());
 var RGB_MAX = 255;
 var SV_MAX = 100;
 var rgbaToHsva = (_ref) => {
-  var {
-    r,
-    g,
-    b,
-    a
-  } = _ref;
+  var r = _ref.r, g = _ref.g, b = _ref.b, a = _ref.a;
   var max = Math.max(r, g, b);
   var delta = max - Math.min(r, g, b);
   var hh = delta ? max === r ? (g - b) / delta : max === g ? 2 + (b - r) / delta : 4 + (r - g) / delta : 0;
@@ -2046,21 +2088,11 @@ var rgbaToHsva = (_ref) => {
   };
 };
 var hsvaToHslaString = (hsva) => {
-  var {
-    h,
-    s,
-    l,
-    a
-  } = hsvaToHsla(hsva);
+  var _hsvaToHsla2 = hsvaToHsla(hsva), h = _hsvaToHsla2.h, s = _hsvaToHsla2.s, l = _hsvaToHsla2.l, a = _hsvaToHsla2.a;
   return "hsla(" + h + ", " + s + "%, " + l + "%, " + a + ")";
 };
 var hsvaToHsla = (_ref5) => {
-  var {
-    h,
-    s,
-    v,
-    a
-  } = _ref5;
+  var h = _ref5.h, s = _ref5.s, v = _ref5.v, a = _ref5.a;
   var hh = (200 - s) * v / SV_MAX;
   return {
     h,
@@ -2070,21 +2102,12 @@ var hsvaToHsla = (_ref5) => {
   };
 };
 var rgbToHex = (_ref7) => {
-  var {
-    r,
-    g,
-    b
-  } = _ref7;
+  var r = _ref7.r, g = _ref7.g, b = _ref7.b;
   var bin = r << 16 | g << 8 | b;
   return "#" + ((h) => new Array(7 - h.length).join("0") + h)(bin.toString(16));
 };
 var rgbaToHexa = (_ref8) => {
-  var {
-    r,
-    g,
-    b,
-    a
-  } = _ref8;
+  var r = _ref8.r, g = _ref8.g, b = _ref8.b, a = _ref8.a;
   var alpha = typeof a === "number" && (a * 255 | 1 << 8).toString(16).slice(1);
   return "" + rgbToHex({
     r,
@@ -2099,7 +2122,7 @@ var hexToRgba = (hex) => {
     hex = "#" + htemp.charAt(0) + htemp.charAt(0) + htemp.charAt(1) + htemp.charAt(1) + htemp.charAt(2) + htemp.charAt(2);
   }
   var reg = new RegExp("[A-Za-z0-9]{2}", "g");
-  var [r, g, b = 0, a] = hex.match(reg).map((v) => parseInt(v, 16));
+  var _map2 = hex.match(reg).map((v) => parseInt(v, 16)), r = _map2[0], g = _map2[1], _map2$ = _map2[2], b = _map2$ === void 0 ? 0 : _map2$, a = _map2[3];
   return {
     r,
     g,
@@ -2108,12 +2131,7 @@ var hexToRgba = (hex) => {
   };
 };
 var hsvaToRgba = (_ref9) => {
-  var {
-    h,
-    s,
-    v,
-    a
-  } = _ref9;
+  var h = _ref9.h, s = _ref9.s, v = _ref9.v, a = _ref9.a;
   var _h = h / 60, _s = s / SV_MAX, _v = v / SV_MAX, hi = Math.floor(_h) % 6;
   var f = _h - Math.floor(_h), _p = RGB_MAX * _v * (1 - _s), _q = RGB_MAX * _v * (1 - _s * f), _t = RGB_MAX * _v * (1 - _s * (1 - f));
   _v *= RGB_MAX;
@@ -2158,20 +2176,11 @@ var hsvaToRgba = (_ref9) => {
   });
 };
 var hsvaToRgbaString = (hsva) => {
-  var {
-    r,
-    g,
-    b,
-    a
-  } = hsvaToRgba(hsva);
+  var _hsvaToRgba2 = hsvaToRgba(hsva), r = _hsvaToRgba2.r, g = _hsvaToRgba2.g, b = _hsvaToRgba2.b, a = _hsvaToRgba2.a;
   return "rgba(" + r + ", " + g + ", " + b + ", " + a + ")";
 };
 var rgbaToRgb = (_ref0) => {
-  var {
-    r,
-    g,
-    b
-  } = _ref0;
+  var r = _ref0.r, g = _ref0.g, b = _ref0.b;
   return {
     r,
     g,
@@ -2179,11 +2188,7 @@ var rgbaToRgb = (_ref0) => {
   };
 };
 var hslaToHsl = (_ref1) => {
-  var {
-    h,
-    s,
-    l
-  } = _ref1;
+  var h = _ref1.h, s = _ref1.s, l = _ref1.l;
   return {
     h,
     s,
@@ -2192,11 +2197,7 @@ var hslaToHsl = (_ref1) => {
 };
 var hsvaToHex = (hsva) => rgbToHex(hsvaToRgba(hsva));
 var hsvaToHsv = (_ref10) => {
-  var {
-    h,
-    s,
-    v
-  } = _ref10;
+  var h = _ref10.h, s = _ref10.s, v = _ref10.v;
   return {
     h,
     s,
@@ -2204,11 +2205,7 @@ var hsvaToHsv = (_ref10) => {
   };
 };
 var rgbToXY = (_ref12) => {
-  var {
-    r,
-    g,
-    b
-  } = _ref12;
+  var r = _ref12.r, g = _ref12.g, b = _ref12.b;
   var translateColor = function translateColor2(color2) {
     return color2 <= 0.04045 ? color2 / 12.92 : Math.pow((color2 + 0.055) / 1.055, 2.4);
   };
@@ -2261,7 +2258,7 @@ var color = (str) => {
 };
 var validHex = (hex) => /^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
 
-// node_modules/@uiw/react-drag-event-interactive/esm/index.js
+// ../node_modules/@uiw/react-drag-event-interactive/esm/index.js
 var import_extends2 = __toESM(require_extends());
 var import_objectWithoutPropertiesLoose = __toESM(require_objectWithoutPropertiesLoose());
 function useEventCallback(handler) {
@@ -2297,16 +2294,11 @@ var getRelativePosition = (node, event) => {
   };
 };
 var _excluded = ["prefixCls", "className", "onMove", "onDown"];
-var Interactive = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
-  var {
-    prefixCls = "w-color-interactive",
-    className,
-    onMove,
-    onDown
-  } = props, reset = (0, import_objectWithoutPropertiesLoose.default)(props, _excluded);
+var Interactive = /* @__PURE__ */ React26__default.forwardRef((props, ref) => {
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "w-color-interactive" : _props$prefixCls, className = props.className, onMove = props.onMove, onDown = props.onDown, reset = (0, import_objectWithoutPropertiesLoose.default)(props, _excluded);
   var container = useRef(null);
   var hasTouched = useRef(false);
-  var [isDragging, setDragging] = useState(false);
+  var _useState = useState(false), isDragging = _useState[0], setDragging = _useState[1];
   var onMoveCallback = useEventCallback(onMove);
   var onKeyCallback = useEventCallback(onDown);
   var isValid = (event) => {
@@ -2365,13 +2357,7 @@ var Interactive = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
 Interactive.displayName = "Interactive";
 var esm_default = Interactive;
 var Pointer = (_ref) => {
-  var {
-    className,
-    color: color2,
-    left,
-    top,
-    prefixCls
-  } = _ref;
+  var className = _ref.className, color2 = _ref.color, left = _ref.left, top = _ref.top, prefixCls = _ref.prefixCls;
   var style = {
     position: "absolute",
     top,
@@ -2396,18 +2382,9 @@ var Pointer = (_ref) => {
   }), [top, left, color2, className, prefixCls]);
 };
 var _excluded2 = ["prefixCls", "radius", "pointer", "className", "hue", "style", "hsva", "onChange"];
-var Saturation = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
+var Saturation = /* @__PURE__ */ React26__default.forwardRef((props, ref) => {
   var _hsva$h;
-  var {
-    prefixCls = "w-color-saturation",
-    radius = 0,
-    pointer,
-    className,
-    hue = 0,
-    style,
-    hsva,
-    onChange
-  } = props, other = (0, import_objectWithoutPropertiesLoose2.default)(props, _excluded2);
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "w-color-saturation" : _props$prefixCls, _props$radius = props.radius, radius = _props$radius === void 0 ? 0 : _props$radius, pointer = props.pointer, className = props.className, _props$hue = props.hue, hue = _props$hue === void 0 ? 0 : _props$hue, style = props.style, hsva = props.hsva, onChange = props.onChange, other = (0, import_objectWithoutPropertiesLoose2.default)(props, _excluded2);
   var containerStyle = (0, import_extends3.default)({
     width: 200,
     height: 200,
@@ -2415,7 +2392,16 @@ var Saturation = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
   }, style, {
     position: "relative"
   });
-  var handleChange = (interaction, event) => {
+  var containerRef = useRef(null);
+  var combinedRef = useCallback((node) => {
+    containerRef.current = node;
+    if (typeof ref === "function") {
+      ref(node);
+    } else if (ref && "current" in ref) {
+      ref.current = node;
+    }
+  }, [ref]);
+  var handleChange = useCallback((interaction, event) => {
     onChange && hsva && onChange({
       h: hsva.h,
       s: interaction.left * 100,
@@ -2423,7 +2409,11 @@ var Saturation = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
       a: hsva.a
       // source: 'hsv',
     });
-  };
+    var element = containerRef.current;
+    if (element) {
+      element.focus();
+    }
+  }, [hsva, onChange]);
   var handleKeyDown = useCallback((event) => {
     if (!hsva || !onChange) return;
     var step = 1;
@@ -2493,7 +2483,7 @@ var Saturation = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
     }, containerStyle, {
       outline: "none"
     }),
-    ref,
+    ref: combinedRef,
     onMove: handleChange,
     onDown: handleChange,
     onKeyDown: handleKeyDown,
@@ -2504,23 +2494,16 @@ var Saturation = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
 Saturation.displayName = "Saturation";
 var esm_default2 = Saturation;
 
-// node_modules/@uiw/react-color-alpha/esm/index.js
+// ../node_modules/@uiw/react-color-alpha/esm/index.js
 var import_extends5 = __toESM(require_extends());
 var import_objectWithoutPropertiesLoose4 = __toESM(require_objectWithoutPropertiesLoose());
 
-// node_modules/@uiw/react-color-alpha/esm/Pointer.js
+// ../node_modules/@uiw/react-color-alpha/esm/Pointer.js
 var import_extends4 = __toESM(require_extends());
 var import_objectWithoutPropertiesLoose3 = __toESM(require_objectWithoutPropertiesLoose());
 var _excluded3 = ["className", "prefixCls", "left", "top", "style", "fillProps"];
 var Pointer2 = (_ref) => {
-  var {
-    className,
-    prefixCls,
-    left,
-    top,
-    style,
-    fillProps
-  } = _ref, reset = (0, import_objectWithoutPropertiesLoose3.default)(_ref, _excluded3);
+  var className = _ref.className, prefixCls = _ref.prefixCls, left = _ref.left, top = _ref.top, style = _ref.style, fillProps = _ref.fillProps, reset = (0, import_objectWithoutPropertiesLoose3.default)(_ref, _excluded3);
   var styleWrapper = (0, import_extends4.default)({}, style, {
     position: "absolute",
     left,
@@ -2546,39 +2529,40 @@ var Pointer2 = (_ref) => {
     }))
   }));
 };
-var _excluded4 = ["prefixCls", "className", "hsva", "background", "bgProps", "innerProps", "pointerProps", "radius", "width", "height", "direction", "style", "onChange", "pointer"];
+var _excluded4 = ["prefixCls", "className", "hsva", "background", "bgProps", "innerProps", "pointerProps", "radius", "width", "height", "direction", "reverse", "style", "onChange", "pointer"];
 var BACKGROUND_IMG = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==";
-var Alpha = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
-  var {
-    prefixCls = "w-color-alpha",
-    className,
-    hsva,
-    background,
-    bgProps = {},
-    innerProps = {},
-    pointerProps = {},
-    radius = 0,
-    width,
-    height = 16,
-    direction = "horizontal",
-    style,
-    onChange,
-    pointer
-  } = props, other = (0, import_objectWithoutPropertiesLoose4.default)(props, _excluded4);
+var Alpha = /* @__PURE__ */ React26__default.forwardRef((props, ref) => {
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "w-color-alpha" : _props$prefixCls, className = props.className, hsva = props.hsva, background = props.background, _props$bgProps = props.bgProps, bgProps = _props$bgProps === void 0 ? {} : _props$bgProps, _props$innerProps = props.innerProps, innerProps = _props$innerProps === void 0 ? {} : _props$innerProps, _props$pointerProps = props.pointerProps, pointerProps = _props$pointerProps === void 0 ? {} : _props$pointerProps, _props$radius = props.radius, radius = _props$radius === void 0 ? 0 : _props$radius, width = props.width, _props$height = props.height, height = _props$height === void 0 ? 16 : _props$height, _props$direction = props.direction, direction = _props$direction === void 0 ? "horizontal" : _props$direction, _props$reverse = props.reverse, reverse = _props$reverse === void 0 ? false : _props$reverse, style = props.style, onChange = props.onChange, pointer = props.pointer, other = (0, import_objectWithoutPropertiesLoose4.default)(props, _excluded4);
+  var offsetToAlpha = useCallback((offset) => {
+    var value = direction === "horizontal" ? offset.left : offset.top;
+    if (direction === "horizontal") {
+      return reverse ? 1 - value : value;
+    }
+    return reverse ? value : 1 - value;
+  }, [direction, reverse]);
+  var alphaToOffset = useCallback((alpha) => {
+    if (direction === "horizontal") {
+      return reverse ? 1 - alpha : alpha;
+    }
+    return reverse ? alpha : 1 - alpha;
+  }, [direction, reverse]);
   var handleChange = (offset) => {
+    var alpha = offsetToAlpha(offset);
     onChange && onChange((0, import_extends5.default)({}, hsva, {
-      a: direction === "horizontal" ? offset.left : offset.top
+      a: alpha
     }), offset);
   };
   var colorTo = hsvaToHslaString(Object.assign({}, hsva, {
     a: 1
   }));
-  var innerBackground = "linear-gradient(to " + (direction === "horizontal" ? "right" : "bottom") + ", rgba(244, 67, 54, 0) 0%, " + colorTo + " 100%)";
+  var horizontalGradient = reverse ? "linear-gradient(to right, " + colorTo + " 0%, rgba(244, 67, 54, 0) 100%)" : "linear-gradient(to right, rgba(244, 67, 54, 0) 0%, " + colorTo + " 100%)";
+  var verticalGradient = reverse ? "linear-gradient(to bottom, rgba(244, 67, 54, 0) 0%, " + colorTo + " 100%)" : "linear-gradient(to bottom, " + colorTo + " 0%, rgba(244, 67, 54, 0) 100%)";
+  var innerBackground = direction === "horizontal" ? horizontalGradient : verticalGradient;
   var comProps = {};
   if (direction === "horizontal") {
-    comProps.left = hsva.a * 100 + "%";
+    comProps.left = alphaToOffset(hsva.a) * 100 + "%";
   } else {
-    comProps.top = hsva.a * 100 + "%";
+    comProps.top = alphaToOffset(hsva.a) * 100 + "%";
   }
   var styleWrapper = (0, import_extends5.default)({
     "--alpha-background-color": "#fff",
@@ -2600,25 +2584,25 @@ var Alpha = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
     switch (event.key) {
       case "ArrowLeft":
         if (direction === "horizontal") {
-          newAlpha = Math.max(0, currentAlpha - step);
+          newAlpha = reverse ? Math.min(1, currentAlpha + step) : Math.max(0, currentAlpha - step);
           event.preventDefault();
         }
         break;
       case "ArrowRight":
         if (direction === "horizontal") {
-          newAlpha = Math.min(1, currentAlpha + step);
+          newAlpha = reverse ? Math.max(0, currentAlpha - step) : Math.min(1, currentAlpha + step);
           event.preventDefault();
         }
         break;
       case "ArrowUp":
         if (direction === "vertical") {
-          newAlpha = Math.max(0, currentAlpha - step);
+          newAlpha = reverse ? Math.max(0, currentAlpha - step) : Math.min(1, currentAlpha + step);
           event.preventDefault();
         }
         break;
       case "ArrowDown":
         if (direction === "vertical") {
-          newAlpha = Math.min(1, currentAlpha + step);
+          newAlpha = reverse ? Math.min(1, currentAlpha + step) : Math.max(0, currentAlpha - step);
           event.preventDefault();
         }
         break;
@@ -2626,9 +2610,10 @@ var Alpha = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
         return;
     }
     if (newAlpha !== currentAlpha) {
+      var syntheticAxisOffset = alphaToOffset(newAlpha);
       var syntheticOffset = {
-        left: direction === "horizontal" ? newAlpha : hsva.a,
-        top: direction === "vertical" ? newAlpha : hsva.a,
+        left: direction === "horizontal" ? syntheticAxisOffset : hsva.a,
+        top: direction === "vertical" ? syntheticAxisOffset : hsva.a,
         width: 0,
         height: 0,
         x: 0,
@@ -2638,7 +2623,7 @@ var Alpha = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
         a: newAlpha
       }), syntheticOffset);
     }
-  }, [hsva, direction, onChange]);
+  }, [alphaToOffset, hsva, direction, onChange, reverse]);
   var handleClick = useCallback((event) => {
     event.target.focus();
   }, []);
@@ -2676,28 +2661,18 @@ var Alpha = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
 Alpha.displayName = "Alpha";
 var esm_default3 = Alpha;
 
-// node_modules/@uiw/react-color-editable-input/esm/index.js
+// ../node_modules/@uiw/react-color-editable-input/esm/index.js
 var import_extends6 = __toESM(require_extends());
 var import_objectWithoutPropertiesLoose5 = __toESM(require_objectWithoutPropertiesLoose());
 var _excluded5 = ["prefixCls", "placement", "label", "value", "className", "style", "labelStyle", "inputStyle", "onChange", "onBlur", "renderInput"];
 var validHex2 = (hex) => /^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
 var getNumberValue = (value) => Number(String(value).replace(/%/g, ""));
-var EditableInput = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
-  var {
-    prefixCls = "w-color-editable-input",
-    placement = "bottom",
-    label,
-    value: initValue,
-    className,
-    style,
-    labelStyle,
-    inputStyle,
-    onChange,
-    onBlur,
-    renderInput
-  } = props, other = (0, import_objectWithoutPropertiesLoose5.default)(props, _excluded5);
-  var [value, setValue] = useState(initValue);
+var EditableInput = /* @__PURE__ */ React26__default.forwardRef((props, ref) => {
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "w-color-editable-input" : _props$prefixCls, _props$placement = props.placement, placement = _props$placement === void 0 ? "bottom" : _props$placement, label = props.label, initValue = props.value, className = props.className, style = props.style, labelStyle = props.labelStyle, inputStyle = props.inputStyle, onChange = props.onChange, onBlur = props.onBlur, renderInput = props.renderInput, other = (0, import_objectWithoutPropertiesLoose5.default)(props, _excluded5);
+  var _useState = useState(initValue), value = _useState[0], setValue = _useState[1];
   var isFocus = useRef(false);
+  var inputIdRef = useRef(other.id || prefixCls + "-" + Math.random().toString(36).slice(2, 11));
+  var inputId = other.id || inputIdRef.current;
   useEffect(() => {
     if (props.value !== value) {
       if (!isFocus.current) {
@@ -2760,6 +2735,7 @@ var EditableInput = /* @__PURE__ */ React25__default.forwardRef((props, ref) =>
     autoComplete: "off",
     onFocus: () => isFocus.current = true
   }, other, {
+    id: inputId,
     style: editableStyle,
     onFocusCapture: (e) => {
       var elm = e.target;
@@ -2771,7 +2747,8 @@ var EditableInput = /* @__PURE__ */ React25__default.forwardRef((props, ref) =>
     style: wrapperStyle,
     children: [renderInput ? renderInput(inputProps, ref) : /* @__PURE__ */ jsx("input", (0, import_extends6.default)({
       ref
-    }, inputProps)), label && /* @__PURE__ */ jsx("span", {
+    }, inputProps)), label && /* @__PURE__ */ jsx("label", {
+      htmlFor: inputId,
       style: (0, import_extends6.default)({
         color: "var(--editable-input-label-color)",
         textTransform: "capitalize"
@@ -2783,23 +2760,12 @@ var EditableInput = /* @__PURE__ */ React25__default.forwardRef((props, ref) =>
 EditableInput.displayName = "EditableInput";
 var esm_default4 = EditableInput;
 
-// node_modules/@uiw/react-color-editable-input-rgba/esm/index.js
+// ../node_modules/@uiw/react-color-editable-input-rgba/esm/index.js
 var import_extends7 = __toESM(require_extends());
 var import_objectWithoutPropertiesLoose6 = __toESM(require_objectWithoutPropertiesLoose());
 var _excluded6 = ["prefixCls", "hsva", "placement", "rProps", "gProps", "bProps", "aProps", "className", "style", "onChange"];
-var EditableInputRGBA = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
-  var {
-    prefixCls = "w-color-editable-input-rgba",
-    hsva,
-    placement = "bottom",
-    rProps = {},
-    gProps = {},
-    bProps = {},
-    aProps = {},
-    className,
-    style,
-    onChange
-  } = props, other = (0, import_objectWithoutPropertiesLoose6.default)(props, _excluded6);
+var EditableInputRGBA = /* @__PURE__ */ React26__default.forwardRef((props, ref) => {
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "w-color-editable-input-rgba" : _props$prefixCls, hsva = props.hsva, _props$placement = props.placement, placement = _props$placement === void 0 ? "bottom" : _props$placement, _props$rProps = props.rProps, rProps = _props$rProps === void 0 ? {} : _props$rProps, _props$gProps = props.gProps, gProps = _props$gProps === void 0 ? {} : _props$gProps, _props$bProps = props.bProps, bProps = _props$bProps === void 0 ? {} : _props$bProps, _props$aProps = props.aProps, aProps = _props$aProps === void 0 ? {} : _props$aProps, className = props.className, style = props.style, onChange = props.onChange, other = (0, import_objectWithoutPropertiesLoose6.default)(props, _excluded6);
   var rgba = hsva ? hsvaToRgba(hsva) : {};
   function handleBlur(evn) {
     var value = Number(evn.target.value);
@@ -2879,7 +2845,7 @@ var EditableInputRGBA = /* @__PURE__ */ React25__default.forwardRef((props, ref)
     }, gProps, {
       style: (0, import_extends7.default)({
         marginLeft: 5
-      }, rProps.style)
+      }, gProps.style)
     })), /* @__PURE__ */ jsx(esm_default4, (0, import_extends7.default)({
       label: "B",
       value: rgba.b || 0,
@@ -2906,24 +2872,43 @@ var EditableInputRGBA = /* @__PURE__ */ React25__default.forwardRef((props, ref)
 EditableInputRGBA.displayName = "EditableInputRGBA";
 var esm_default5 = EditableInputRGBA;
 
-// node_modules/@uiw/react-color-hue/esm/index.js
+// ../node_modules/@uiw/react-color-hue/esm/index.js
 var import_extends8 = __toESM(require_extends());
 var import_objectWithoutPropertiesLoose7 = __toESM(require_objectWithoutPropertiesLoose());
-var _excluded7 = ["prefixCls", "className", "hue", "onChange", "direction"];
-var Hue = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
-  var {
-    prefixCls = "w-color-hue",
-    className,
-    hue = 0,
-    onChange: _onChange,
-    direction = "horizontal"
-  } = props, other = (0, import_objectWithoutPropertiesLoose7.default)(props, _excluded7);
+var _excluded7 = ["prefixCls", "className", "hue", "onChange", "direction", "reverse"];
+var NORMAL_COLORS = "rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%";
+var REVERSED_COLORS = "rgb(255, 0, 0) 0%, rgb(255, 0, 255) 17%, rgb(0, 0, 255) 33%, rgb(0, 255, 255) 50%, rgb(0, 255, 0) 67%, rgb(255, 255, 0) 83%, rgb(255, 0, 0) 100%";
+var Hue = /* @__PURE__ */ React26__default.forwardRef((props, ref) => {
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "w-color-hue" : _props$prefixCls, className = props.className, _props$hue = props.hue, hue = _props$hue === void 0 ? 0 : _props$hue, _onChange = props.onChange, _props$direction = props.direction, direction = _props$direction === void 0 ? "horizontal" : _props$direction, _props$reverse = props.reverse, reverse = _props$reverse === void 0 ? false : _props$reverse, other = (0, import_objectWithoutPropertiesLoose7.default)(props, _excluded7);
+  var getGradientBackground = useCallback(() => {
+    if (direction === "horizontal") {
+      var colors = reverse ? REVERSED_COLORS : NORMAL_COLORS;
+      var gradientDirection = "right";
+      return "linear-gradient(to " + gradientDirection + ", " + colors + ")";
+    } else {
+      var _colors = reverse ? NORMAL_COLORS : REVERSED_COLORS;
+      var _gradientDirection = "bottom";
+      return "linear-gradient(to " + _gradientDirection + ", " + _colors + ")";
+    }
+  }, [direction, reverse]);
+  var getHueFromInteraction = useCallback((interaction) => {
+    var value = direction === "horizontal" ? interaction.left : interaction.top;
+    var normalizedValue;
+    if (direction === "horizontal") {
+      normalizedValue = reverse ? 1 - value : value;
+    } else {
+      normalizedValue = reverse ? value : 1 - value;
+    }
+    return 360 * normalizedValue;
+  }, [direction, reverse]);
+  var gradientBackground = useMemo(() => getGradientBackground(), [getGradientBackground]);
   return /* @__PURE__ */ jsx(esm_default3, (0, import_extends8.default)({
     ref,
     className: prefixCls + " " + (className || "")
   }, other, {
     direction,
-    background: "linear-gradient(to " + (direction === "horizontal" ? "right" : "bottom") + ", rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)",
+    reverse,
+    background: gradientBackground,
     hsva: {
       h: hue,
       s: 100,
@@ -2932,7 +2917,7 @@ var Hue = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
     },
     onChange: (_, interaction) => {
       _onChange && _onChange({
-        h: direction === "horizontal" ? 360 * interaction.left : 360 * interaction.top
+        h: getHueFromInteraction(interaction)
       });
     }
   }));
@@ -2940,23 +2925,12 @@ var Hue = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
 Hue.displayName = "Hue";
 var esm_default6 = Hue;
 
-// node_modules/@uiw/react-color-swatch/esm/index.js
+// ../node_modules/@uiw/react-color-swatch/esm/index.js
 var import_extends9 = __toESM(require_extends());
 var import_objectWithoutPropertiesLoose8 = __toESM(require_objectWithoutPropertiesLoose());
 var _excluded8 = ["prefixCls", "className", "color", "colors", "style", "rectProps", "onChange", "addonAfter", "addonBefore", "rectRender"];
-var Swatch = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
-  var {
-    prefixCls = "w-color-swatch",
-    className,
-    color: color2,
-    colors = [],
-    style,
-    rectProps = {},
-    onChange,
-    addonAfter,
-    addonBefore,
-    rectRender
-  } = props, other = (0, import_objectWithoutPropertiesLoose8.default)(props, _excluded8);
+var Swatch = /* @__PURE__ */ React26__default.forwardRef((props, ref) => {
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "w-color-swatch" : _props$prefixCls, className = props.className, color2 = props.color, _props$colors = props.colors, colors = _props$colors === void 0 ? [] : _props$colors, style = props.style, _props$rectProps = props.rectProps, rectProps = _props$rectProps === void 0 ? {} : _props$rectProps, onChange = props.onChange, addonAfter = props.addonAfter, addonBefore = props.addonBefore, rectRender = props.rectRender, other = (0, import_objectWithoutPropertiesLoose8.default)(props, _excluded8);
   var rectStyle = (0, import_extends9.default)({
     "--swatch-background-color": "rgb(144, 19, 254)",
     background: "var(--swatch-background-color)",
@@ -2981,7 +2955,7 @@ var Swatch = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
       flexWrap: "wrap",
       position: "relative"
     }, style),
-    children: [addonBefore && /* @__PURE__ */ React25__default.isValidElement(addonBefore) && addonBefore, colors && Array.isArray(colors) && colors.map((item, idx) => {
+    children: [addonBefore && /* @__PURE__ */ React26__default.isValidElement(addonBefore) && addonBefore, colors && Array.isArray(colors) && colors.map((item, idx) => {
       var title = "";
       var background = "";
       if (typeof item === "string") {
@@ -3007,7 +2981,7 @@ var Swatch = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
           children: render
         }, idx);
       }
-      var child = rectProps.children && /* @__PURE__ */ React25__default.isValidElement(rectProps.children) ? /* @__PURE__ */ React25__default.cloneElement(rectProps.children, {
+      var child = rectProps.children && /* @__PURE__ */ React26__default.isValidElement(rectProps.children) ? /* @__PURE__ */ React26__default.cloneElement(rectProps.children, {
         color: background,
         checked
       }) : null;
@@ -3021,7 +2995,7 @@ var Swatch = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
           background
         })
       }), idx);
-    }), addonAfter && /* @__PURE__ */ React25__default.isValidElement(addonAfter) && addonAfter]
+    }), addonAfter && /* @__PURE__ */ React26__default.isValidElement(addonAfter) && addonAfter]
   }));
 });
 Swatch.displayName = "Swatch";
@@ -3040,24 +3014,14 @@ var Bar = (props) => /* @__PURE__ */ jsx("div", {
     backgroundColor: "#fff"
   }
 });
-var Sketch = /* @__PURE__ */ React25__default.forwardRef((props, ref) => {
-  var {
-    prefixCls = "w-color-sketch",
-    className,
-    onChange,
-    width = 218,
-    presetColors = PRESET_COLORS,
-    color: color2,
-    editableDisable = true,
-    disableAlpha = false,
-    style
-  } = props, other = (0, import_objectWithoutPropertiesLoose9.default)(props, _excluded9);
-  var [hsva, setHsva] = useState({
+var Sketch = /* @__PURE__ */ React26__default.forwardRef((props, ref) => {
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "w-color-sketch" : _props$prefixCls, className = props.className, onChange = props.onChange, _props$width = props.width, width = _props$width === void 0 ? 218 : _props$width, _props$presetColors = props.presetColors, presetColors = _props$presetColors === void 0 ? PRESET_COLORS : _props$presetColors, color2 = props.color, _props$editableDisabl = props.editableDisable, editableDisable = _props$editableDisabl === void 0 ? true : _props$editableDisabl, _props$disableAlpha = props.disableAlpha, disableAlpha = _props$disableAlpha === void 0 ? false : _props$disableAlpha, style = props.style, other = (0, import_objectWithoutPropertiesLoose9.default)(props, _excluded9);
+  var _useState = useState({
     h: 209,
     s: 36,
     v: 90,
     a: 1
-  });
+  }), hsva = _useState[0], setHsva = _useState[1];
   useEffect(() => {
     if (typeof color2 === "string" && validHex(color2)) {
       setHsva(hexToHsva(color2));
@@ -3291,19 +3255,19 @@ var Toolbar = ({
   on_attachments_change,
   disabled = false
 }) => {
-  const [link_url, set_link_url] = React25.useState("https://");
-  const [link_popover_open, set_link_popover_open] = React25.useState(false);
-  const [text_color_open, set_text_color_open] = React25.useState(false);
-  const [highlight_color_open, set_highlight_color_open] = React25.useState(false);
-  const [variables_menu_open, set_variables_menu_open] = React25.useState(false);
-  const [table_menu_open, set_table_menu_open] = React25.useState(false);
-  const [text_color, set_text_color] = React25.useState("#000000");
-  const [highlight_color, set_highlight_color] = React25.useState("#ffff00");
-  const [table_rows, set_table_rows] = React25.useState(3);
-  const [table_cols, set_table_cols] = React25.useState(3);
-  const [hovered_cell, set_hovered_cell] = React25.useState(null);
-  const file_input_ref = React25.useRef(null);
-  const image_input_ref = React25.useRef(null);
+  const [link_url, set_link_url] = React26.useState("https://");
+  const [link_popover_open, set_link_popover_open] = React26.useState(false);
+  const [text_color_open, set_text_color_open] = React26.useState(false);
+  const [highlight_color_open, set_highlight_color_open] = React26.useState(false);
+  const [variables_menu_open, set_variables_menu_open] = React26.useState(false);
+  const [table_menu_open, set_table_menu_open] = React26.useState(false);
+  const [text_color, set_text_color] = React26.useState("#000000");
+  const [highlight_color, set_highlight_color] = React26.useState("#ffff00");
+  const [table_rows, set_table_rows] = React26.useState(3);
+  const [table_cols, set_table_cols] = React26.useState(3);
+  const [hovered_cell, set_hovered_cell] = React26.useState(null);
+  const file_input_ref = React26.useRef(null);
+  const image_input_ref = React26.useRef(null);
   if (!editor) {
     return null;
   }
@@ -4236,7 +4200,7 @@ var VariableExtension = Node.create({
   }
 });
 var Tabs = TabsPrimitive.Root;
-var TabsList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -4248,7 +4212,7 @@ var TabsList = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -4260,7 +4224,7 @@ var TabsTrigger = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -4295,14 +4259,14 @@ var HazoUiRte = ({
   className,
   show_output_viewer = false
 }) => {
-  const [attachments, set_attachments] = React25.useState(
+  const [attachments, set_attachments] = React26.useState(
     initial_attachments
   );
-  const [active_tab, set_active_tab] = React25.useState("html");
+  const [active_tab, set_active_tab] = React26.useState("html");
   const is_view_only = active_tab !== "html";
-  const attachments_ref = React25.useRef(attachments);
+  const attachments_ref = React26.useRef(attachments);
   attachments_ref.current = attachments;
-  const debounced_on_change = React25.useMemo(
+  const debounced_on_change = React26.useMemo(
     () => debounce_fn((output) => {
       if (on_change) {
         on_change(output);
@@ -4401,7 +4365,7 @@ var HazoUiRte = ({
       debounced_on_change(output);
     }
   });
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (editor && html !== void 0) {
       const current_html = editor.getHTML();
       if (html !== current_html && !editor.isFocused) {
@@ -4409,21 +4373,21 @@ var HazoUiRte = ({
       }
     }
   }, [html, editor]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (editor) {
       editor.setEditable(!disabled);
     }
   }, [disabled, editor]);
-  const attachments_from_props_ref = React25.useRef(false);
-  const prev_initial_attachments_ref = React25.useRef(initial_attachments);
-  React25.useEffect(() => {
+  const attachments_from_props_ref = React26.useRef(false);
+  const prev_initial_attachments_ref = React26.useRef(initial_attachments);
+  React26.useEffect(() => {
     if (JSON.stringify(initial_attachments) !== JSON.stringify(prev_initial_attachments_ref.current)) {
       prev_initial_attachments_ref.current = initial_attachments;
       attachments_from_props_ref.current = true;
       set_attachments(initial_attachments);
     }
   }, [initial_attachments]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (attachments_from_props_ref.current) {
       attachments_from_props_ref.current = false;
       return;
@@ -4925,12 +4889,12 @@ var CommandPopover = ({
   on_selection_change: _on_selection_change,
   prefix_color
 }) => {
-  const container_ref = React25.useRef(null);
-  const grouped_commands = React25.useMemo(
+  const container_ref = React26.useRef(null);
+  const grouped_commands = React26.useMemo(
     () => group_commands(commands),
     [commands]
   );
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     const handle_click_outside = (e) => {
       if (container_ref.current && !container_ref.current.contains(e.target)) {
         on_close();
@@ -4943,8 +4907,8 @@ var CommandPopover = ({
       };
     }
   }, [is_open, on_close]);
-  const [mounted, set_mounted] = React25.useState(false);
-  React25.useEffect(() => {
+  const [mounted, set_mounted] = React26.useState(false);
+  React26.useEffect(() => {
     set_mounted(true);
   }, []);
   if (!is_open || !mounted) return null;
@@ -5254,21 +5218,21 @@ var HazoUiTextbox = ({
   on_command_change,
   on_command_remove
 }) => {
-  const generated_instance_id = React25.useId();
+  const generated_instance_id = React26.useId();
   const instance_id = provided_instance_id || generated_instance_id;
-  const [suggestion_state, set_suggestion_state] = React25.useState(null);
-  const [selected_index, set_selected_index] = React25.useState(0);
-  const [popover_position, set_popover_position] = React25.useState({ top: 0, left: 0 });
-  const [edit_context, set_edit_context] = React25.useState(null);
-  const [edit_selected_index, set_edit_selected_index] = React25.useState(0);
+  const [suggestion_state, set_suggestion_state] = React26.useState(null);
+  const [selected_index, set_selected_index] = React26.useState(0);
+  const [popover_position, set_popover_position] = React26.useState({ top: 0, left: 0 });
+  const [edit_context, set_edit_context] = React26.useState(null);
+  const [edit_selected_index, set_edit_selected_index] = React26.useState(0);
   const is_controlled = value !== void 0;
-  const editor_container_ref = React25.useRef(null);
-  const edit_popover_ref = React25.useRef(null);
-  const [mounted, set_mounted] = React25.useState(false);
-  React25.useEffect(() => {
+  const editor_container_ref = React26.useRef(null);
+  const edit_popover_ref = React26.useRef(null);
+  const [mounted, set_mounted] = React26.useState(false);
+  React26.useEffect(() => {
     set_mounted(true);
   }, []);
-  const suggestion_extensions = React25.useMemo(() => {
+  const suggestion_extensions = React26.useMemo(() => {
     return create_command_suggestion_extension({
       prefixes,
       instance_id,
@@ -5319,7 +5283,7 @@ var HazoUiTextbox = ({
       }
     }
   });
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (suggestion_state?.is_active && editor) {
       requestAnimationFrame(() => {
         const { from } = suggestion_state.range;
@@ -5343,7 +5307,7 @@ var HazoUiTextbox = ({
       });
     }
   }, [suggestion_state, editor]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (is_controlled && editor && !editor.isFocused) {
       const current_text = editor.getText();
       if (value !== current_text) {
@@ -5352,12 +5316,12 @@ var HazoUiTextbox = ({
       }
     }
   }, [value, editor, is_controlled, prefixes, pill_variant]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (editor) {
       editor.setEditable(!disabled);
     }
   }, [disabled, editor]);
-  const handle_command_select = React25.useCallback(
+  const handle_command_select = React26.useCallback(
     (command) => {
       if (!editor || !suggestion_state) return;
       const prefix_config = prefixes.find((p) => p.char === suggestion_state.prefix);
@@ -5377,15 +5341,15 @@ var HazoUiTextbox = ({
     },
     [editor, suggestion_state, pill_variant, on_command_insert, prefixes]
   );
-  const handle_popover_close = React25.useCallback(() => {
+  const handle_popover_close = React26.useCallback(() => {
     set_suggestion_state(null);
     editor?.commands.focus();
   }, [editor]);
-  const handle_edit_close = React25.useCallback(() => {
+  const handle_edit_close = React26.useCallback(() => {
     set_edit_context(null);
     editor?.commands.focus();
   }, [editor]);
-  const handle_command_update = React25.useCallback(
+  const handle_command_update = React26.useCallback(
     (new_command) => {
       if (!editor || !edit_context) return;
       const old_command = edit_context.command;
@@ -5401,7 +5365,7 @@ var HazoUiTextbox = ({
     },
     [editor, edit_context, on_command_change]
   );
-  const handle_command_remove = React25.useCallback(() => {
+  const handle_command_remove = React26.useCallback(() => {
     if (!editor || !edit_context) return;
     const command = edit_context.command;
     editor.state.doc.descendants((node, pos) => {
@@ -5415,7 +5379,7 @@ var HazoUiTextbox = ({
     }
     set_edit_context(null);
   }, [editor, edit_context, on_command_remove]);
-  const filtered_commands = React25.useMemo(() => {
+  const filtered_commands = React26.useMemo(() => {
     if (!suggestion_state) return [];
     const query = suggestion_state.query.toLowerCase();
     if (!query) return suggestion_state.commands;
@@ -5423,7 +5387,7 @@ var HazoUiTextbox = ({
       (cmd) => cmd.action_label.toLowerCase().includes(query) || cmd.action.toLowerCase().includes(query) || cmd.action_description?.toLowerCase().includes(query)
     );
   }, [suggestion_state]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!suggestion_state?.is_active) return;
     const handle_keydown = (e) => {
       switch (e.key) {
@@ -5458,7 +5422,7 @@ var HazoUiTextbox = ({
     handle_command_select,
     handle_popover_close
   ]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!edit_context) return;
     const handle_click_outside = (e) => {
       if (edit_popover_ref.current && !edit_popover_ref.current.contains(e.target)) {
@@ -5473,12 +5437,12 @@ var HazoUiTextbox = ({
       document.removeEventListener("mousedown", handle_click_outside);
     };
   }, [edit_context]);
-  const edit_commands = React25.useMemo(() => {
+  const edit_commands = React26.useMemo(() => {
     if (!edit_context) return [];
     const prefix_config = prefixes.find((p) => p.char === edit_context.command.prefix);
     return prefix_config?.commands || [];
   }, [edit_context, prefixes]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!edit_context) return;
     const handle_keydown = (e) => {
       switch (e.key) {
@@ -5516,7 +5480,7 @@ var HazoUiTextbox = ({
     handle_command_remove,
     handle_edit_close
   ]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     const handle_pill_click = (e) => {
       const detail = e.detail;
       const { id, prefix, action, action_label, node_pos } = detail;
@@ -5799,22 +5763,22 @@ var HazoUiTextarea = ({
   on_command_change,
   on_command_remove
 }) => {
-  const generated_instance_id = React25.useId();
+  const generated_instance_id = React26.useId();
   const instance_id = provided_instance_id || generated_instance_id;
-  const [suggestion_state, set_suggestion_state] = React25.useState(null);
-  const [selected_index, set_selected_index] = React25.useState(0);
-  const [popover_position, set_popover_position] = React25.useState({ top: 0, left: 0 });
-  const [edit_context, set_edit_context] = React25.useState(null);
-  const [edit_selected_index, set_edit_selected_index] = React25.useState(0);
+  const [suggestion_state, set_suggestion_state] = React26.useState(null);
+  const [selected_index, set_selected_index] = React26.useState(0);
+  const [popover_position, set_popover_position] = React26.useState({ top: 0, left: 0 });
+  const [edit_context, set_edit_context] = React26.useState(null);
+  const [edit_selected_index, set_edit_selected_index] = React26.useState(0);
   const is_controlled = value !== void 0;
-  const editor_container_ref = React25.useRef(null);
-  const edit_popover_ref = React25.useRef(null);
-  const [mounted, set_mounted] = React25.useState(false);
-  React25.useEffect(() => {
+  const editor_container_ref = React26.useRef(null);
+  const edit_popover_ref = React26.useRef(null);
+  const [mounted, set_mounted] = React26.useState(false);
+  React26.useEffect(() => {
     set_mounted(true);
   }, []);
   const calculated_min_height = rows ? `${rows * 1.5}em` : min_height;
-  const suggestion_extensions = React25.useMemo(() => {
+  const suggestion_extensions = React26.useMemo(() => {
     return create_command_suggestion_extension({
       prefixes,
       instance_id,
@@ -5863,7 +5827,7 @@ var HazoUiTextarea = ({
       }
     }
   });
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (suggestion_state?.is_active && editor) {
       requestAnimationFrame(() => {
         const { from } = suggestion_state.range;
@@ -5887,7 +5851,7 @@ var HazoUiTextarea = ({
       });
     }
   }, [suggestion_state, editor]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (is_controlled && editor && !editor.isFocused) {
       const current_text = editor.getText();
       if (value !== current_text) {
@@ -5900,12 +5864,12 @@ var HazoUiTextarea = ({
       }
     }
   }, [value, editor, is_controlled, prefixes, pill_variant]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (editor) {
       editor.setEditable(!disabled);
     }
   }, [disabled, editor]);
-  const handle_command_select = React25.useCallback(
+  const handle_command_select = React26.useCallback(
     (command) => {
       if (!editor || !suggestion_state) return;
       const prefix_config = prefixes.find((p) => p.char === suggestion_state.prefix);
@@ -5925,15 +5889,15 @@ var HazoUiTextarea = ({
     },
     [editor, suggestion_state, pill_variant, on_command_insert, prefixes]
   );
-  const handle_popover_close = React25.useCallback(() => {
+  const handle_popover_close = React26.useCallback(() => {
     set_suggestion_state(null);
     editor?.commands.focus();
   }, [editor]);
-  const handle_edit_close = React25.useCallback(() => {
+  const handle_edit_close = React26.useCallback(() => {
     set_edit_context(null);
     editor?.commands.focus();
   }, [editor]);
-  const handle_command_update = React25.useCallback(
+  const handle_command_update = React26.useCallback(
     (new_command) => {
       if (!editor || !edit_context) return;
       const old_command = edit_context.command;
@@ -5949,7 +5913,7 @@ var HazoUiTextarea = ({
     },
     [editor, edit_context, on_command_change]
   );
-  const handle_command_remove = React25.useCallback(() => {
+  const handle_command_remove = React26.useCallback(() => {
     if (!editor || !edit_context) return;
     const command = edit_context.command;
     editor.state.doc.descendants((node, pos) => {
@@ -5963,7 +5927,7 @@ var HazoUiTextarea = ({
     }
     set_edit_context(null);
   }, [editor, edit_context, on_command_remove]);
-  const filtered_commands = React25.useMemo(() => {
+  const filtered_commands = React26.useMemo(() => {
     if (!suggestion_state) return [];
     const query = suggestion_state.query.toLowerCase();
     if (!query) return suggestion_state.commands;
@@ -5971,7 +5935,7 @@ var HazoUiTextarea = ({
       (cmd) => cmd.action_label.toLowerCase().includes(query) || cmd.action.toLowerCase().includes(query) || cmd.action_description?.toLowerCase().includes(query)
     );
   }, [suggestion_state]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!suggestion_state?.is_active) return;
     const handle_keydown = (e) => {
       switch (e.key) {
@@ -6006,7 +5970,7 @@ var HazoUiTextarea = ({
     handle_command_select,
     handle_popover_close
   ]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!edit_context) return;
     const handle_click_outside = (e) => {
       if (edit_popover_ref.current && !edit_popover_ref.current.contains(e.target)) {
@@ -6021,12 +5985,12 @@ var HazoUiTextarea = ({
       document.removeEventListener("mousedown", handle_click_outside);
     };
   }, [edit_context]);
-  const edit_commands = React25.useMemo(() => {
+  const edit_commands = React26.useMemo(() => {
     if (!edit_context) return [];
     const prefix_config = prefixes.find((p) => p.char === edit_context.command.prefix);
     return prefix_config?.commands || [];
   }, [edit_context, prefixes]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!edit_context) return;
     const handle_keydown = (e) => {
       switch (e.key) {
@@ -6064,7 +6028,7 @@ var HazoUiTextarea = ({
     handle_command_remove,
     handle_edit_close
   ]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     const handle_pill_click = (e) => {
       const detail = e.detail;
       const { id, prefix, action, action_label, node_pos } = detail;
@@ -6611,7 +6575,7 @@ function HazoUiConfirmDialog({
   openAnimation = "zoom",
   closeAnimation = "zoom"
 }) {
-  const [internal_loading, set_internal_loading] = React25.useState(false);
+  const [internal_loading, set_internal_loading] = React26.useState(false);
   const config = get_hazo_ui_config();
   const variant_preset = variant !== "default" ? CONFIRM_VARIANT_PRESETS[variant] : void 0;
   const is_loading = external_loading ?? internal_loading;
@@ -6648,7 +6612,7 @@ function HazoUiConfirmDialog({
     onCancel?.();
     onOpenChange(false);
   };
-  const cancel_ref = React25.useRef(null);
+  const cancel_ref = React26.useRef(null);
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsx(
       DialogOverlay,
@@ -6733,7 +6697,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = Drawer$1.Trigger;
 var DrawerPortal = Drawer$1.Portal;
 var DrawerClose = Drawer$1.Close;
-var DrawerOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Drawer$1.Overlay,
   {
     ref,
@@ -6745,7 +6709,7 @@ var DrawerOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = "DrawerOverlay";
-var DrawerContent = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [
+var DrawerContent = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [
   /* @__PURE__ */ jsx(DrawerOverlay, {}),
   /* @__PURE__ */ jsxs(
     Drawer$1.Content,
@@ -6786,7 +6750,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Drawer$1.Title,
   {
     ref,
@@ -6798,7 +6762,7 @@ var DrawerTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = "DrawerTitle";
-var DrawerDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Drawer$1.Description,
   {
     ref,
@@ -6808,14 +6772,14 @@ var DrawerDescription = React25.forwardRef(({ className, ...props }, ref) => /*
 ));
 DrawerDescription.displayName = "DrawerDescription";
 function useMediaQuery(query) {
-  const get_match = React25.useCallback(() => {
+  const get_match = React26.useCallback(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
       return false;
     }
     return window.matchMedia(query).matches;
   }, [query]);
-  const [matches, set_matches] = React25.useState(false);
-  React25.useEffect(() => {
+  const [matches, set_matches] = React26.useState(false);
+  React26.useEffect(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
       return;
     }
@@ -6832,7 +6796,7 @@ function useMediaQuery(query) {
   return matches;
 }
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionItem = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Item,
   {
     ref,
@@ -6841,7 +6805,7 @@ var AccordionItem = React25.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+var AccordionTrigger = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -6857,7 +6821,7 @@ var AccordionTrigger = React25.forwardRef(({ className, children, ...props }, re
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var AccordionContent = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Content,
   {
     ref,
@@ -6867,7 +6831,7 @@ var AccordionContent = React25.forwardRef(({ className, children, ...props }, re
   }
 ));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-var Checkbox = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Checkbox = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -6892,7 +6856,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React25.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React26.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -6909,7 +6873,7 @@ var DropdownMenuSubTrigger = React25.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSubContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -6921,7 +6885,7 @@ var DropdownMenuSubContent = React25.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React25.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React26.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -6934,7 +6898,7 @@ var DropdownMenuContent = React25.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React26.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -6947,7 +6911,7 @@ var DropdownMenuItem = React25.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React25.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React26.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -6964,7 +6928,7 @@ var DropdownMenuCheckboxItem = React25.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -6980,7 +6944,7 @@ var DropdownMenuRadioItem = React25.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React25.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React26.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -6993,7 +6957,7 @@ var DropdownMenuLabel = React25.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -7017,7 +6981,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React25.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var HoverCardContent = React26.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -7031,7 +6995,7 @@ var HoverCardContent = React25.forwardRef(({ className, align = "center", sideOf
   }
 ));
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
-var Label3 = React25.forwardRef(
+var Label3 = React26.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "label",
@@ -7047,7 +7011,7 @@ var Label3 = React25.forwardRef(
   }
 );
 Label3.displayName = "Label";
-var Switch = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -7067,7 +7031,7 @@ var Switch = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Switch.displayName = SwitchPrimitives.Root.displayName;
-var Textarea = React25.forwardRef(
+var Textarea = React26.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -7087,7 +7051,7 @@ var Textarea = React25.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
-var Separator3 = React25.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+var Separator3 = React26.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -7105,7 +7069,7 @@ Separator3.displayName = SeparatorPrimitive.Root.displayName;
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
-var ScrollArea = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -7119,7 +7083,7 @@ var ScrollArea = React25.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React25.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React26.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -7135,27 +7099,27 @@ var ScrollBar = React25.forwardRef(({ className, orientation = "vertical", ...pr
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-var Card = React25.forwardRef(
+var Card = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props })
 );
 Card.displayName = "Card";
-var CardHeader = React25.forwardRef(
+var CardHeader = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React25.forwardRef(
+var CardTitle = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React25.forwardRef(
+var CardDescription = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React25.forwardRef(
+var CardContent = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React25.forwardRef(
+var CardFooter = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
@@ -7188,16 +7152,16 @@ var toggleVariants = cva(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Toggle = React25.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
+var Toggle = React26.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
 Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React25.createContext({
+var ToggleGroupContext = React26.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React25.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+var ToggleGroup = React26.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React25.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React25.useContext(ToggleGroupContext);
+var ToggleGroupItem = React26.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React26.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -7212,7 +7176,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Overlay,
   {
     ref,
@@ -7221,7 +7185,7 @@ var AlertDialogOverlay = React25.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx(
     AlertDialogPrimitive.Content,
@@ -7237,13 +7201,13 @@ var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div",
 AlertDialogHeader.displayName = "AlertDialogHeader";
 var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var AlertDialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var AlertDialogDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogAction = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, { ref, className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ...props }));
+var AlertDialogCancel = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, { ref, className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ...props }));
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 var buttonGroupVariants = cva(
   "flex w-fit items-stretch [&>*]:focus-visible:relative [&>*]:focus-visible:z-10",
@@ -7271,7 +7235,7 @@ function ButtonGroupText({ className, asChild = false, ...props }) {
 function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
   return /* @__PURE__ */ jsx(Separator3, { orientation, className: cn("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", className), ...props });
 }
-var SkeletonBase = React25.forwardRef(
+var SkeletonBase = React26.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -7447,8 +7411,8 @@ function LoadingTimeout({
     firm: thresholds?.firm ?? 15e3,
     expired: thresholds?.expired ?? 3e4
   };
-  const [phase, setPhase] = React25.useState(active ? "silent" : "idle");
-  React25.useEffect(() => {
+  const [phase, setPhase] = React26.useState(active ? "silent" : "idle");
+  React26.useEffect(() => {
     if (!active) {
       setPhase("idle");
       return;
@@ -7507,7 +7471,7 @@ function ProgressiveImage({
   onLoad,
   onError
 }) {
-  const [loaded, setLoaded] = React25.useState(false);
+  const [loaded, setLoaded] = React26.useState(false);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -7962,29 +7926,29 @@ function KanbanEditor({
   onSave,
   onClose
 }) {
-  const [draft, set_draft] = React25.useState(item);
-  const [saving, set_saving] = React25.useState(false);
-  const [error, set_error] = React25.useState(null);
+  const [draft, set_draft] = React26.useState(item);
+  const [saving, set_saving] = React26.useState(false);
+  const [error, set_error] = React26.useState(null);
   const item_id = item?.id ?? null;
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     set_draft(item);
     set_error(null);
     set_saving(false);
   }, [item_id]);
   const resolved_columns = columns ?? [];
   const resolved_priorities = priorities ?? DEFAULT_PRIORITIES;
-  const resolved_fields = React25.useMemo(() => {
+  const resolved_fields = React26.useMemo(() => {
     if (fields) return fields;
     if (!item) return [];
     return auto_detect_fields(item, resolved_columns);
   }, [fields, item, resolved_columns]);
-  const required_keys = React25.useMemo(
+  const required_keys = React26.useMemo(
     () => resolved_fields.filter(
       (f) => f.required && (f.type === "text" || f.type === "textarea" || f.type === "number")
     ).map((f) => f.key),
     [resolved_fields]
   );
-  const all_required_filled = React25.useMemo(() => {
+  const all_required_filled = React26.useMemo(() => {
     if (!draft) return false;
     for (const key of required_keys) {
       const v = draft[key];
@@ -7993,7 +7957,7 @@ function KanbanEditor({
     }
     return true;
   }, [draft, required_keys]);
-  const is_dirty = React25.useMemo(() => {
+  const is_dirty = React26.useMemo(() => {
     if (!draft || !item) return false;
     try {
       return JSON.stringify(draft) !== JSON.stringify(item);
@@ -8001,7 +7965,7 @@ function KanbanEditor({
       return draft !== item;
     }
   }, [draft, item]);
-  const handle_save = React25.useCallback(async () => {
+  const handle_save = React26.useCallback(async () => {
     if (!draft || !item) return;
     if (saving) return;
     set_error(null);
@@ -8220,11 +8184,11 @@ function HazoUiKanbanFilter({
   className
 }) {
   const is_controlled = value !== void 0;
-  const [internal, set_internal] = React25.useState(
+  const [internal, set_internal] = React26.useState(
     defaultValue ?? EMPTY_FILTER
   );
   const current = is_controlled ? value : internal;
-  const update = React25.useCallback(
+  const update = React26.useCallback(
     (next) => {
       if (!is_controlled) set_internal(next);
       onChange?.(next);
@@ -8387,29 +8351,29 @@ function HazoUiKanban({
   onCardSave,
   disableEdit = false
 }) {
-  const label_fn = React25.useCallback(
+  const label_fn = React26.useCallback(
     (item) => itemLabel ? itemLabel(item) : item.id,
     [itemLabel]
   );
-  const dnd_context_id = React25.useId();
-  const [overlay, set_overlay] = React25.useState(
+  const dnd_context_id = React26.useId();
+  const [overlay, set_overlay] = React26.useState(
     /* @__PURE__ */ new Map()
   );
-  const [active_id, set_active_id] = React25.useState(null);
-  const [active_tab, set_active_tab] = React25.useState(columns[0]?.key ?? "");
-  const [editing_item, set_editing_item] = React25.useState(null);
+  const [active_id, set_active_id] = React26.useState(null);
+  const [active_tab, set_active_tab] = React26.useState(columns[0]?.key ?? "");
+  const [editing_item, set_editing_item] = React26.useState(null);
   const show_edit = !disableEdit && typeof onCardSave === "function";
-  const handle_edit_request = React25.useCallback(
+  const handle_edit_request = React26.useCallback(
     (it) => {
       const typed = items.find((x) => x.id === it.id);
       if (typed) set_editing_item(typed);
     },
     [items]
   );
-  const handle_editor_close = React25.useCallback(() => {
+  const handle_editor_close = React26.useCallback(() => {
     set_editing_item(null);
   }, []);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (overlay.size === 0) return;
     set_overlay((prev) => {
       let changed = false;
@@ -8424,11 +8388,11 @@ function HazoUiKanban({
       return changed ? next : prev;
     });
   }, [items, overlay]);
-  const grouped = React25.useMemo(
+  const grouped = React26.useMemo(
     () => group_items_by_column(items, overlay, columns),
     [items, overlay, columns]
   );
-  const find_item = React25.useCallback(
+  const find_item = React26.useCallback(
     (id) => items.find((i) => i.id === id),
     [items]
   );
@@ -8436,7 +8400,7 @@ function HazoUiKanban({
     useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),
     useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })
   );
-  const merged_announcements = React25.useMemo(() => {
+  const merged_announcements = React26.useMemo(() => {
     const defaults = default_announcements(label_fn);
     return {
       onDragStart: announcements?.onDragStart ?? defaults.onDragStart,
@@ -8445,7 +8409,7 @@ function HazoUiKanban({
       onDragCancel: announcements?.onDragCancel ?? defaults.onDragCancel
     };
   }, [announcements, label_fn]);
-  const dnd_announcements = React25.useMemo(
+  const dnd_announcements = React26.useMemo(
     () => ({
       onDragStart({ active }) {
         const id = String(active.id);
@@ -8503,10 +8467,10 @@ function HazoUiKanban({
     }),
     [find_item, columns, grouped, merged_announcements]
   );
-  const handle_drag_start = React25.useCallback((event) => {
+  const handle_drag_start = React26.useCallback((event) => {
     set_active_id(String(event.active.id));
   }, []);
-  const make_revert_handle = React25.useCallback(
+  const make_revert_handle = React26.useCallback(
     (item_id) => ({
       revert: () => {
         set_overlay((prev) => {
@@ -8519,7 +8483,7 @@ function HazoUiKanban({
     }),
     []
   );
-  const handle_drag_end = React25.useCallback(
+  const handle_drag_end = React26.useCallback(
     (event) => {
       const active_id_str = String(event.active.id);
       set_active_id(null);
@@ -8581,7 +8545,7 @@ function HazoUiKanban({
     },
     [find_item, columns, grouped, onMove, onReorder, make_revert_handle]
   );
-  const handle_drag_cancel = React25.useCallback(() => {
+  const handle_drag_cancel = React26.useCallback(() => {
     set_active_id(null);
   }, []);
   const active_item = active_id ? find_item(active_id) : null;
@@ -8672,7 +8636,7 @@ function HazoUiKanban({
     }
   );
 }
-var Table2 = React25.forwardRef(
+var Table2 = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "cls_table_wrap relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
     "table",
     {
@@ -8683,11 +8647,11 @@ var Table2 = React25.forwardRef(
   ) })
 );
 Table2.displayName = "Table";
-var TableHeader2 = React25.forwardRef(
+var TableHeader2 = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader2.displayName = "TableHeader";
-var TableBody = React25.forwardRef(
+var TableBody = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "tbody",
     {
@@ -8698,7 +8662,7 @@ var TableBody = React25.forwardRef(
   )
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React25.forwardRef(
+var TableFooter = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "tfoot",
     {
@@ -8709,7 +8673,7 @@ var TableFooter = React25.forwardRef(
   )
 );
 TableFooter.displayName = "TableFooter";
-var TableRow2 = React25.forwardRef(
+var TableRow2 = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "tr",
     {
@@ -8723,7 +8687,7 @@ var TableRow2 = React25.forwardRef(
   )
 );
 TableRow2.displayName = "TableRow";
-var TableHead = React25.forwardRef(
+var TableHead = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "th",
     {
@@ -8737,7 +8701,7 @@ var TableHead = React25.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell2 = React25.forwardRef(
+var TableCell2 = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "td",
     {
@@ -8748,7 +8712,7 @@ var TableCell2 = React25.forwardRef(
   )
 );
 TableCell2.displayName = "TableCell";
-var TableCaption = React25.forwardRef(
+var TableCaption = React26.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "caption",
     {
@@ -9320,18 +9284,18 @@ function Toolbar2(props) {
     enableFilterDialog,
     searchPlaceholder
   } = props;
-  const sortFields = React25.useMemo(
+  const sortFields = React26.useMemo(
     () => deriveSortFields(columns),
     [columns]
   );
-  const filterFields = React25.useMemo(
+  const filterFields = React26.useMemo(
     () => deriveFilterFields(columns),
     [columns]
   );
-  const [searchValue, setSearchValue] = React25.useState(
+  const [searchValue, setSearchValue] = React26.useState(
     filter.search ?? ""
   );
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     setSearchValue(filter.search ?? "");
   }, [filter.search]);
   return /* @__PURE__ */ jsxs("div", { className: "cls_hazo_ui_table_toolbar flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [
@@ -9587,9 +9551,9 @@ function LineChart({
   className
 }) {
   const geo = compute_geometry(data, width, height);
-  const svg_ref = React25.useRef(null);
-  const [hover_idx, set_hover_idx] = React25.useState(null);
-  const handle_mouse_move = React25.useCallback(
+  const svg_ref = React26.useRef(null);
+  const [hover_idx, set_hover_idx] = React26.useState(null);
+  const handle_mouse_move = React26.useCallback(
     (e) => {
       if (!geo) return;
       const rect = e.currentTarget.getBoundingClientRect();
@@ -9622,7 +9586,7 @@ function LineChart({
     },
     [geo, data]
   );
-  const handle_mouse_leave = React25.useCallback(() => set_hover_idx(null), []);
+  const handle_mouse_leave = React26.useCallback(() => set_hover_idx(null), []);
   if (!geo) {
     return /* @__PURE__ */ jsx(
       "svg",
@@ -9849,8 +9813,8 @@ function MultiLineChart({
   className
 }) {
   const geo = compute_geometry2(series, width, height);
-  const [hover_idx, set_hover_idx] = React25.useState(null);
-  const handle_mouse_move = React25.useCallback(
+  const [hover_idx, set_hover_idx] = React26.useState(null);
+  const handle_mouse_move = React26.useCallback(
     (e) => {
       if (!geo) return;
       const rect = e.currentTarget.getBoundingClientRect();
@@ -9867,7 +9831,7 @@ function MultiLineChart({
     },
     [geo]
   );
-  const handle_mouse_leave = React25.useCallback(() => set_hover_idx(null), []);
+  const handle_mouse_leave = React26.useCallback(() => set_hover_idx(null), []);
   if (!geo) {
     return /* @__PURE__ */ jsx(
       "svg",
@@ -10249,21 +10213,21 @@ function celebrate(payload) {
   _enqueue(payload);
 }
 function CelebrationProvider({ children }) {
-  const [queue, set_queue] = React25.useState([]);
-  const enqueue = React25.useCallback((payload) => {
+  const [queue, set_queue] = React26.useState([]);
+  const enqueue = React26.useCallback((payload) => {
     const storage_key = `hazo_ui_celebration_${payload.id}`;
     if (typeof window !== "undefined" && sessionStorage.getItem(storage_key)) {
       return;
     }
     set_queue((q) => [...q, payload]);
   }, []);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     _enqueue = enqueue;
     return () => {
       _enqueue = null;
     };
   }, [enqueue]);
-  const handle_close = React25.useCallback(() => {
+  const handle_close = React26.useCallback(() => {
     set_queue((q) => q.slice(1));
   }, []);
   const current = queue[0] ?? null;
@@ -10292,14 +10256,14 @@ function CelebrationModalInner({
     autoDismissDelay = 8e3,
     audioChime = false
   } = payload;
-  const [visible, set_visible] = React25.useState(true);
-  const [is_downloading, set_is_downloading] = React25.useState(false);
-  const canvas_ref = React25.useRef(null);
-  const card_ref = React25.useRef(null);
-  React25.useEffect(() => {
+  const [visible, set_visible] = React26.useState(true);
+  const [is_downloading, set_is_downloading] = React26.useState(false);
+  const canvas_ref = React26.useRef(null);
+  const card_ref = React26.useRef(null);
+  React26.useEffect(() => {
     sessionStorage.setItem(`hazo_ui_celebration_${id}`, "1");
   }, [id]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!canvas_ref.current) return;
     let confetti_instance = null;
     import('canvas-confetti').then(({ default: confetti }) => {
@@ -10316,18 +10280,18 @@ function CelebrationModalInner({
       confetti_instance?.reset();
     };
   }, []);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!audioChime) return;
     const audio = new Audio(celebration_chime_default);
     audio.play().catch(() => {
     });
   }, [audioChime]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (!autoDismiss) return;
     const timer = window.setTimeout(close_modal, autoDismissDelay);
     return () => window.clearTimeout(timer);
   }, [autoDismiss, autoDismissDelay]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     const on_key = (e) => {
       if (e.key === "Escape") close_modal();
     };
@@ -10515,6 +10479,6 @@ function CelebrationModalInner({
   );
 }
 
-export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiFlexInput, HazoUiFlexRadio, HazoUiKanban, HazoUiKanbanFilter, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InverseSparkline, Label3 as Label, LineChart, LoadingTimeout, MultiLineChart, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Sparkline, Spinner, StackedBars, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, applyKanbanFilter, buttonGroupVariants, celebrate, create_command_suggestion_extension, errorToast, format_num, get_hazo_ui_config, parse_commands_from_text, pick_x_label_indices, reset_hazo_ui_config, resolve_animation_classes, set_hazo_ui_config, successToast, text_to_tiptap_content, toggleVariants, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useFullscreen, useIsMobile, useLoadingState, useLocalStorage, useMediaQuery, useSessionStorage, useViewport, useWakeLock };
+export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, HazoContextProvider, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiFlexInput, HazoUiFlexRadio, HazoUiKanban, HazoUiKanbanFilter, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InverseSparkline, Label3 as Label, LineChart, LoadingTimeout, MultiLineChart, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Sparkline, Spinner, StackedBars, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, applyKanbanFilter, buttonGroupVariants, celebrate, cn, create_command_suggestion_extension, errorToast, format_num, generateUUID, get_hazo_ui_config, get_logger, parse_commands_from_text, pick_x_label_indices, reset_hazo_ui_config, resolve_animation_classes, set_hazo_ui_config, set_logger, successToast, text_to_tiptap_content, toggleVariants, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useFullscreen, useIsMobile, useLoadingState, useLocalStorage, useMediaQuery, useSessionStorage, useViewport, useWakeLock };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map