hazo_ui 3.0.1 → 3.1.1

package/dist/index.cjs

@@ -1,12 +1,14 @@
 "use client";
 'use strict';
 
-var React25 = require('react');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
+var React26 = require('react');
+var hazoCore = require('hazo_core');
+var client = require('hazo_core/client');
 var jsxRuntime = require('react/jsx-runtime');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var lucideReact = require('lucide-react');
 var PopoverPrimitive = require('@radix-ui/react-popover');
@@ -90,7 +92,8 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React25__namespace = /*#__PURE__*/_interopNamespace(React25);
+var React26__namespace = /*#__PURE__*/_interopNamespace(React26);
+var hazoCore__namespace = /*#__PURE__*/_interopNamespace(hazoCore);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
@@ -195,6 +198,56 @@ var require_objectWithoutPropertiesLoose = __commonJS({
     module.exports = _objectWithoutPropertiesLoose10, module.exports.__esModule = true, module.exports["default"] = module.exports;
   }
 });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+function HazoContextProvider({
+  correlationId,
+  userId,
+  children
+}) {
+  const id = React26__namespace.useMemo(
+    () => correlationId ?? hazoCore.generateRequestId(),
+    [correlationId]
+  );
+  React26__namespace.useEffect(() => {
+    client.withContext({ correlationId: id, userId }, () => {
+      client.setBrowserCorrelationId(id);
+    });
+    return () => {
+      client.setBrowserCorrelationId(void 0);
+    };
+  }, [id, userId]);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { 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() {
+  const factory = hazoCore__namespace.createLogger;
+  if (typeof factory !== "function") return console_logger;
+  try {
+    return factory("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 hazoCore.generateRequestId().slice(4);
+}
 
 // src/lib/hazo_ui_config.ts
 var default_config = {
@@ -226,9 +279,6 @@ function set_hazo_ui_config(config) {
 function reset_hazo_ui_config() {
   global_config = { ...default_config };
 }
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
 var buttonVariants = classVarianceAuthority.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",
   {
@@ -275,7 +325,7 @@ var variant_styles = {
     color: "hsl(var(--secondary-foreground))"
   }
 };
-var Button = React25__namespace.forwardRef(
+var Button = React26__namespace.forwardRef(
   ({ className, variant, size, asChild = false, style, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     const fallback_styles = variant_styles[variant ?? "default"] ?? {};
@@ -295,7 +345,7 @@ var Dialog = DialogPrimitive__namespace.Root;
 var DialogTrigger = DialogPrimitive__namespace.Trigger;
 var DialogPortal = DialogPrimitive__namespace.Portal;
 var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlay = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogOverlay = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -307,7 +357,7 @@ var DialogOverlay = React25__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+var DialogContent = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     DialogPrimitive__namespace.Content,
@@ -357,7 +407,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogTitle = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Title,
   {
     ref,
@@ -370,7 +420,7 @@ var DialogTitle = React25__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DialogDescription = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DialogPrimitive__namespace.Description,
   {
     ref,
@@ -379,7 +429,7 @@ var DialogDescription = React25__namespace.forwardRef(({ className, ...props },
   }
 ));
 DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var Command = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Command = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -391,7 +441,7 @@ var Command = React25__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Command.displayName = "Command";
-var CommandInput = React25__namespace.forwardRef(({ className, onValueChange, onChange, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandInput = React26__namespace.forwardRef(({ className, onValueChange, onChange, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "input",
   {
     ref,
@@ -407,7 +457,7 @@ var CommandInput = React25__namespace.forwardRef(({ className, onValueChange, on
   }
 ));
 CommandInput.displayName = "CommandInput";
-var CommandList = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandList = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -416,7 +466,7 @@ var CommandList = React25__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 CommandList.displayName = "CommandList";
-var CommandEmpty = React25__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CommandEmpty = React26__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -425,7 +475,7 @@ var CommandEmpty = React25__namespace.forwardRef((props, ref) => /* @__PURE__ */
   }
 ));
 CommandEmpty.displayName = "CommandEmpty";
-var CommandGroup = React25__namespace.forwardRef(({ className, heading, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var CommandGroup = React26__namespace.forwardRef(({ className, heading, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
     ref,
@@ -441,7 +491,7 @@ var CommandGroup = React25__namespace.forwardRef(({ className, heading, children
   }
 ));
 CommandGroup.displayName = "CommandGroup";
-var CommandItem = React25__namespace.forwardRef(({ className, onSelect, value, selected, style, ...props }, ref) => {
+var CommandItem = React26__namespace.forwardRef(({ className, onSelect, value, selected, style, ...props }, ref) => {
   const handleClick = () => {
     if (onSelect && value) {
       onSelect(value);
@@ -472,7 +522,7 @@ var CommandItem = React25__namespace.forwardRef(({ className, onSelect, value, s
 CommandItem.displayName = "CommandItem";
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
-var PopoverContent = React25__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverContent = React26__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Content,
   {
     ref,
@@ -486,7 +536,7 @@ var PopoverContent = React25__namespace.forwardRef(({ className, align = "center
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
-var Input = React25__namespace.forwardRef(
+var Input = React26__namespace.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "input",
@@ -506,7 +556,7 @@ Input.displayName = "Input";
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -522,7 +572,7 @@ var SelectTrigger = React25__namespace.forwardRef(({ className, children, ...pro
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -535,7 +585,7 @@ var SelectScrollUpButton = React25__namespace.forwardRef(({ className, ...props
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -548,7 +598,7 @@ var SelectScrollDownButton = React25__namespace.forwardRef(({ className, ...prop
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React25__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = React26__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -576,7 +626,7 @@ var SelectContent = React25__namespace.forwardRef(({ className, children, positi
   }
 ) }));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -585,7 +635,7 @@ var SelectLabel = React25__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -601,7 +651,7 @@ var SelectItem = React25__namespace.forwardRef(({ className, children, ...props
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -613,7 +663,7 @@ SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
 var TooltipProvider = TooltipPrimitive__namespace.Provider;
 var Tooltip = TooltipPrimitive__namespace.Root;
 var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-var TooltipContent = React25__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipContent = React26__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Content,
   {
     ref,
@@ -681,7 +731,7 @@ function FilterFieldItem({
   onOperatorChange,
   onDelete
 }) {
-  const [isCalendarOpen, setIsCalendarOpen] = React25.useState(false);
+  const [isCalendarOpen, setIsCalendarOpen] = React26.useState(false);
   const renderInput = () => {
     switch (fieldConfig.type) {
       case "text":
@@ -908,10 +958,10 @@ function HazoUiMultiFilterDialog({
     ...finalHeaderBgColor && { backgroundColor: finalHeaderBgColor },
     ...finalHeaderTextColor && { color: finalHeaderTextColor }
   };
-  const [isOpen, setIsOpen] = React25.useState(false);
-  const [filterFields, setFilterFields] = React25.useState(initialFilters);
-  const [isComboboxOpen, setIsComboboxOpen] = React25.useState(false);
-  React25.useEffect(() => {
+  const [isOpen, setIsOpen] = React26.useState(false);
+  const [filterFields, setFilterFields] = React26.useState(initialFilters);
+  const [isComboboxOpen, setIsComboboxOpen] = React26.useState(false);
+  React26.useEffect(() => {
     if (isOpen) {
       setFilterFields(initialFilters);
     }
@@ -1272,16 +1322,16 @@ function HazoUiMultiSortDialog({
     ...finalHeaderBgColor && { backgroundColor: finalHeaderBgColor },
     ...finalHeaderTextColor && { color: finalHeaderTextColor }
   };
-  const [isOpen, setIsOpen] = React25.useState(false);
-  const [sortFields, setSortFields] = React25.useState(initialSortFields);
-  const [isComboboxOpen, setIsComboboxOpen] = React25.useState(false);
+  const [isOpen, setIsOpen] = React26.useState(false);
+  const [sortFields, setSortFields] = React26.useState(initialSortFields);
+  const [isComboboxOpen, setIsComboboxOpen] = React26.useState(false);
   const sensors = core$1.useSensors(
     core$1.useSensor(core$1.PointerSensor, { activationConstraint: { distance: 4 } }),
     core$1.useSensor(core$1.KeyboardSensor, {
       coordinateGetter: sortable.sortableKeyboardCoordinates
     })
   );
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (isOpen) {
       setSortFields(initialSortFields);
     }
@@ -1475,7 +1525,7 @@ function HazoUiMultiSortDialog({
     ] })
   ] });
 }
-var RadioGroup = React25__namespace.forwardRef(({ className, ...props }, ref) => {
+var RadioGroup = React26__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadioGroupPrimitive__namespace.Root,
     {
@@ -1486,7 +1536,7 @@ var RadioGroup = React25__namespace.forwardRef(({ className, ...props }, ref) =>
   );
 });
 RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
-var RadioGroupItem = React25__namespace.forwardRef(({ className, ...props }, ref) => {
+var RadioGroupItem = React26__namespace.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadioGroupPrimitive__namespace.Item,
     {
@@ -1943,7 +1993,7 @@ function filterInputValue(value, input_type, num_decimals) {
     }
   }
 }
-var HazoUiFlexInput = React25__namespace.forwardRef(
+var HazoUiFlexInput = React26__namespace.forwardRef(
   ({
     className,
     input_type = "mixed",
@@ -1960,13 +2010,13 @@ var HazoUiFlexInput = React25__namespace.forwardRef(
     onBlur,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = React25__namespace.useState(
+    const [internalValue, setInternalValue] = React26__namespace.useState(
       typeof controlledValue === "string" ? controlledValue : typeof controlledValue === "number" ? String(controlledValue) : ""
     );
-    const [errorMessage, setErrorMessage] = React25__namespace.useState();
+    const [errorMessage, setErrorMessage] = React26__namespace.useState();
     const isControlled = controlledValue !== void 0;
     const currentValue = isControlled ? typeof controlledValue === "string" ? controlledValue : String(controlledValue || "") : internalValue;
-    React25__namespace.useEffect(() => {
+    React26__namespace.useEffect(() => {
       if (isControlled) {
         const newValue = typeof controlledValue === "string" ? controlledValue : String(controlledValue || "");
         if (newValue !== internalValue) {
@@ -2046,7 +2096,7 @@ var HazoUiFlexInput = React25__namespace.forwardRef(
   }
 );
 HazoUiFlexInput.displayName = "HazoUiFlexInput";
-var ToolbarButton = React25__namespace.forwardRef(
+var ToolbarButton = React26__namespace.forwardRef(
   ({ onClick, is_active = false, disabled = false, tooltip, className, children }, ref) => {
     const button = /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -2084,25 +2134,20 @@ var ToolbarButton = React25__namespace.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;
@@ -2114,21 +2159,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,
@@ -2138,21 +2173,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,
@@ -2167,7 +2193,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,
@@ -2176,12 +2202,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;
@@ -2226,20 +2247,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,
@@ -2247,11 +2259,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,
@@ -2260,11 +2268,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,
@@ -2272,11 +2276,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);
   };
@@ -2329,15 +2329,15 @@ 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) {
-  var callbackRef = React25.useRef(handler);
-  React25.useEffect(() => {
+  var callbackRef = React26.useRef(handler);
+  React26.useEffect(() => {
     callbackRef.current = handler;
   });
-  return React25.useCallback((value, event) => callbackRef.current && callbackRef.current(value, event), []);
+  return React26.useCallback((value, event) => callbackRef.current && callbackRef.current(value, event), []);
 }
 var isTouch = (event) => "touches" in event;
 var preventDefaultMove = (event) => {
@@ -2365,16 +2365,11 @@ var getRelativePosition = (node, event) => {
   };
 };
 var _excluded = ["prefixCls", "className", "onMove", "onDown"];
-var Interactive = /* @__PURE__ */ React25__namespace.default.forwardRef((props, ref) => {
-  var {
-    prefixCls = "w-color-interactive",
-    className,
-    onMove,
-    onDown
-  } = props, reset = (0, import_objectWithoutPropertiesLoose.default)(props, _excluded);
-  var container = React25.useRef(null);
-  var hasTouched = React25.useRef(false);
-  var [isDragging, setDragging] = React25.useState(false);
+var Interactive = /* @__PURE__ */ React26__namespace.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 = React26.useRef(null);
+  var hasTouched = React26.useRef(false);
+  var _useState = React26.useState(false), isDragging = _useState[0], setDragging = _useState[1];
   var onMoveCallback = useEventCallback(onMove);
   var onKeyCallback = useEventCallback(onDown);
   var isValid = (event) => {
@@ -2382,7 +2377,7 @@ var Interactive = /* @__PURE__ */ React25__namespace.default.forwardRef((props,
     hasTouched.current = isTouch(event);
     return true;
   };
-  var handleMove = React25.useCallback((event) => {
+  var handleMove = React26.useCallback((event) => {
     preventDefaultMove(event);
     if (!container.current) return;
     var isDown = isTouch(event) ? event.touches.length > 0 : event.buttons > 0;
@@ -2392,8 +2387,8 @@ var Interactive = /* @__PURE__ */ React25__namespace.default.forwardRef((props,
     }
     onMoveCallback == null || onMoveCallback(getRelativePosition(container.current, event), event);
   }, [onMoveCallback]);
-  var handleMoveEnd = React25.useCallback(() => setDragging(false), []);
-  var toggleDocumentEvents = React25.useCallback((state) => {
+  var handleMoveEnd = React26.useCallback(() => setDragging(false), []);
+  var toggleDocumentEvents = React26.useCallback((state) => {
     if (state) {
       window.addEventListener(hasTouched.current ? "touchmove" : "mousemove", handleMove);
       window.addEventListener(hasTouched.current ? "touchend" : "mouseup", handleMoveEnd);
@@ -2404,13 +2399,13 @@ var Interactive = /* @__PURE__ */ React25__namespace.default.forwardRef((props,
       window.removeEventListener("touchend", handleMoveEnd);
     }
   }, [handleMove, handleMoveEnd]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     toggleDocumentEvents(isDragging);
     return () => {
       toggleDocumentEvents(false);
     };
   }, [isDragging, handleMove, handleMoveEnd, toggleDocumentEvents]);
-  var handleMoveStart = React25.useCallback((event) => {
+  var handleMoveStart = React26.useCallback((event) => {
     var activeEl = document.activeElement;
     activeEl == null || activeEl.blur();
     preventDefaultMove(event.nativeEvent);
@@ -2433,13 +2428,7 @@ var Interactive = /* @__PURE__ */ React25__namespace.default.forwardRef((props,
 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,
@@ -2454,7 +2443,7 @@ var Pointer = (_ref) => {
     borderRadius: "50%",
     backgroundColor: color2
   };
-  return React25.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx("div", {
+  return React26.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx("div", {
     className: prefixCls + "-pointer " + (className || ""),
     style,
     children: /* @__PURE__ */ jsxRuntime.jsx("div", {
@@ -2464,18 +2453,9 @@ var Pointer = (_ref) => {
   }), [top, left, color2, className, prefixCls]);
 };
 var _excluded2 = ["prefixCls", "radius", "pointer", "className", "hue", "style", "hsva", "onChange"];
-var Saturation = /* @__PURE__ */ React25__namespace.default.forwardRef((props, ref) => {
+var Saturation = /* @__PURE__ */ React26__namespace.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,
@@ -2483,7 +2463,16 @@ var Saturation = /* @__PURE__ */ React25__namespace.default.forwardRef((props, r
   }, style, {
     position: "relative"
   });
-  var handleChange = (interaction, event) => {
+  var containerRef = React26.useRef(null);
+  var combinedRef = React26.useCallback((node) => {
+    containerRef.current = node;
+    if (typeof ref === "function") {
+      ref(node);
+    } else if (ref && "current" in ref) {
+      ref.current = node;
+    }
+  }, [ref]);
+  var handleChange = React26.useCallback((interaction, event) => {
     onChange && hsva && onChange({
       h: hsva.h,
       s: interaction.left * 100,
@@ -2491,8 +2480,12 @@ var Saturation = /* @__PURE__ */ React25__namespace.default.forwardRef((props, r
       a: hsva.a
       // source: 'hsv',
     });
-  };
-  var handleKeyDown = React25.useCallback((event) => {
+    var element = containerRef.current;
+    if (element) {
+      element.focus();
+    }
+  }, [hsva, onChange]);
+  var handleKeyDown = React26.useCallback((event) => {
     if (!hsva || !onChange) return;
     var step = 1;
     var newS = hsva.s;
@@ -2531,7 +2524,7 @@ var Saturation = /* @__PURE__ */ React25__namespace.default.forwardRef((props, r
       });
     }
   }, [hsva, onChange]);
-  var pointerElement = React25.useMemo(() => {
+  var pointerElement = React26.useMemo(() => {
     if (!hsva) return null;
     var comProps = {
       top: 100 - hsva.v + "%",
@@ -2547,7 +2540,7 @@ var Saturation = /* @__PURE__ */ React25__namespace.default.forwardRef((props, r
       prefixCls
     }, comProps));
   }, [hsva, pointer, prefixCls]);
-  var handleClick = React25.useCallback((event) => {
+  var handleClick = React26.useCallback((event) => {
     event.target.focus();
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsx(esm_default, (0, import_extends3.default)({
@@ -2561,7 +2554,7 @@ var Saturation = /* @__PURE__ */ React25__namespace.default.forwardRef((props, r
     }, containerStyle, {
       outline: "none"
     }),
-    ref,
+    ref: combinedRef,
     onMove: handleChange,
     onDown: handleChange,
     onKeyDown: handleKeyDown,
@@ -2572,23 +2565,16 @@ var Saturation = /* @__PURE__ */ React25__namespace.default.forwardRef((props, r
 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,
@@ -2614,39 +2600,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__namespace.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__namespace.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 = React26.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 = React26.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",
@@ -2661,32 +2648,32 @@ var Alpha = /* @__PURE__ */ React25__namespace.default.forwardRef((props, ref) =
   }, style, {
     position: "relative"
   });
-  var handleKeyDown = React25.useCallback((event) => {
+  var handleKeyDown = React26.useCallback((event) => {
     var step = 0.01;
     var currentAlpha = hsva.a;
     var newAlpha = currentAlpha;
     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;
@@ -2694,9 +2681,10 @@ var Alpha = /* @__PURE__ */ React25__namespace.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,
@@ -2706,8 +2694,8 @@ var Alpha = /* @__PURE__ */ React25__namespace.default.forwardRef((props, ref) =
         a: newAlpha
       }), syntheticOffset);
     }
-  }, [hsva, direction, onChange]);
-  var handleClick = React25.useCallback((event) => {
+  }, [alphaToOffset, hsva, direction, onChange, reverse]);
+  var handleClick = React26.useCallback((event) => {
     event.target.focus();
   }, []);
   var pointerElement = pointer && typeof pointer === "function" ? pointer((0, import_extends5.default)({
@@ -2744,29 +2732,19 @@ var Alpha = /* @__PURE__ */ React25__namespace.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__namespace.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] = React25.useState(initValue);
-  var isFocus = React25.useRef(false);
-  React25.useEffect(() => {
+var EditableInput = /* @__PURE__ */ React26__namespace.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 = React26.useState(initValue), value = _useState[0], setValue = _useState[1];
+  var isFocus = React26.useRef(false);
+  var inputIdRef = React26.useRef(other.id || prefixCls + "-" + Math.random().toString(36).slice(2, 11));
+  var inputId = other.id || inputIdRef.current;
+  React26.useEffect(() => {
     if (props.value !== value) {
       if (!isFocus.current) {
         setValue(props.value);
@@ -2828,6 +2806,7 @@ var EditableInput = /* @__PURE__ */ React25__namespace.default.forwardRef((props
     autoComplete: "off",
     onFocus: () => isFocus.current = true
   }, other, {
+    id: inputId,
     style: editableStyle,
     onFocusCapture: (e) => {
       var elm = e.target;
@@ -2839,7 +2818,8 @@ var EditableInput = /* @__PURE__ */ React25__namespace.default.forwardRef((props
     style: wrapperStyle,
     children: [renderInput ? renderInput(inputProps, ref) : /* @__PURE__ */ jsxRuntime.jsx("input", (0, import_extends6.default)({
       ref
-    }, inputProps)), label && /* @__PURE__ */ jsxRuntime.jsx("span", {
+    }, inputProps)), label && /* @__PURE__ */ jsxRuntime.jsx("label", {
+      htmlFor: inputId,
       style: (0, import_extends6.default)({
         color: "var(--editable-input-label-color)",
         textTransform: "capitalize"
@@ -2851,23 +2831,12 @@ var EditableInput = /* @__PURE__ */ React25__namespace.default.forwardRef((props
 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__namespace.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__namespace.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);
@@ -2947,7 +2916,7 @@ var EditableInputRGBA = /* @__PURE__ */ React25__namespace.default.forwardRef((p
     }, gProps, {
       style: (0, import_extends7.default)({
         marginLeft: 5
-      }, rProps.style)
+      }, gProps.style)
     })), /* @__PURE__ */ jsxRuntime.jsx(esm_default4, (0, import_extends7.default)({
       label: "B",
       value: rgba.b || 0,
@@ -2974,24 +2943,43 @@ var EditableInputRGBA = /* @__PURE__ */ React25__namespace.default.forwardRef((p
 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__namespace.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__namespace.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 = React26.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 = React26.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 = React26.useMemo(() => getGradientBackground(), [getGradientBackground]);
   return /* @__PURE__ */ jsxRuntime.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,
@@ -3000,7 +2988,7 @@ var Hue = /* @__PURE__ */ React25__namespace.default.forwardRef((props, ref) =>
     },
     onChange: (_, interaction) => {
       _onChange && _onChange({
-        h: direction === "horizontal" ? 360 * interaction.left : 360 * interaction.top
+        h: getHueFromInteraction(interaction)
       });
     }
   }));
@@ -3008,23 +2996,12 @@ var Hue = /* @__PURE__ */ React25__namespace.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__namespace.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__namespace.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)",
@@ -3049,7 +3026,7 @@ var Swatch = /* @__PURE__ */ React25__namespace.default.forwardRef((props, ref)
       flexWrap: "wrap",
       position: "relative"
     }, style),
-    children: [addonBefore && /* @__PURE__ */ React25__namespace.default.isValidElement(addonBefore) && addonBefore, colors && Array.isArray(colors) && colors.map((item, idx) => {
+    children: [addonBefore && /* @__PURE__ */ React26__namespace.default.isValidElement(addonBefore) && addonBefore, colors && Array.isArray(colors) && colors.map((item, idx) => {
       var title = "";
       var background = "";
       if (typeof item === "string") {
@@ -3071,11 +3048,11 @@ var Swatch = /* @__PURE__ */ React25__namespace.default.forwardRef((props, ref)
         onClick: (evn) => handleClick(background, evn)
       });
       if (render) {
-        return /* @__PURE__ */ jsxRuntime.jsx(React25.Fragment, {
+        return /* @__PURE__ */ jsxRuntime.jsx(React26.Fragment, {
           children: render
         }, idx);
       }
-      var child = rectProps.children && /* @__PURE__ */ React25__namespace.default.isValidElement(rectProps.children) ? /* @__PURE__ */ React25__namespace.default.cloneElement(rectProps.children, {
+      var child = rectProps.children && /* @__PURE__ */ React26__namespace.default.isValidElement(rectProps.children) ? /* @__PURE__ */ React26__namespace.default.cloneElement(rectProps.children, {
         color: background,
         checked
       }) : null;
@@ -3089,7 +3066,7 @@ var Swatch = /* @__PURE__ */ React25__namespace.default.forwardRef((props, ref)
           background
         })
       }), idx);
-    }), addonAfter && /* @__PURE__ */ React25__namespace.default.isValidElement(addonAfter) && addonAfter]
+    }), addonAfter && /* @__PURE__ */ React26__namespace.default.isValidElement(addonAfter) && addonAfter]
   }));
 });
 Swatch.displayName = "Swatch";
@@ -3108,25 +3085,15 @@ var Bar = (props) => /* @__PURE__ */ jsxRuntime.jsx("div", {
     backgroundColor: "#fff"
   }
 });
-var Sketch = /* @__PURE__ */ React25__namespace.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] = React25.useState({
+var Sketch = /* @__PURE__ */ React26__namespace.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 = React26.useState({
     h: 209,
     s: 36,
     v: 90,
     a: 1
-  });
-  React25.useEffect(() => {
+  }), hsva = _useState[0], setHsva = _useState[1];
+  React26.useEffect(() => {
     if (typeof color2 === "string" && validHex(color2)) {
       setHsva(hexToHsva(color2));
     }
@@ -3244,7 +3211,7 @@ var Sketch = /* @__PURE__ */ React25__namespace.default.forwardRef((props, ref)
           innerProps: {
             style: styleAlpha
           },
-          pointer: () => /* @__PURE__ */ jsxRuntime.jsx(React25.Fragment, {})
+          pointer: () => /* @__PURE__ */ jsxRuntime.jsx(React26.Fragment, {})
         })]
       })]
     }), editableDisable && /* @__PURE__ */ jsxRuntime.jsxs("div", {
@@ -3359,19 +3326,19 @@ var Toolbar = ({
   on_attachments_change,
   disabled = false
 }) => {
-  const [link_url, set_link_url] = React25__namespace.useState("https://");
-  const [link_popover_open, set_link_popover_open] = React25__namespace.useState(false);
-  const [text_color_open, set_text_color_open] = React25__namespace.useState(false);
-  const [highlight_color_open, set_highlight_color_open] = React25__namespace.useState(false);
-  const [variables_menu_open, set_variables_menu_open] = React25__namespace.useState(false);
-  const [table_menu_open, set_table_menu_open] = React25__namespace.useState(false);
-  const [text_color, set_text_color] = React25__namespace.useState("#000000");
-  const [highlight_color, set_highlight_color] = React25__namespace.useState("#ffff00");
-  const [table_rows, set_table_rows] = React25__namespace.useState(3);
-  const [table_cols, set_table_cols] = React25__namespace.useState(3);
-  const [hovered_cell, set_hovered_cell] = React25__namespace.useState(null);
-  const file_input_ref = React25__namespace.useRef(null);
-  const image_input_ref = React25__namespace.useRef(null);
+  const [link_url, set_link_url] = React26__namespace.useState("https://");
+  const [link_popover_open, set_link_popover_open] = React26__namespace.useState(false);
+  const [text_color_open, set_text_color_open] = React26__namespace.useState(false);
+  const [highlight_color_open, set_highlight_color_open] = React26__namespace.useState(false);
+  const [variables_menu_open, set_variables_menu_open] = React26__namespace.useState(false);
+  const [table_menu_open, set_table_menu_open] = React26__namespace.useState(false);
+  const [text_color, set_text_color] = React26__namespace.useState("#000000");
+  const [highlight_color, set_highlight_color] = React26__namespace.useState("#ffff00");
+  const [table_rows, set_table_rows] = React26__namespace.useState(3);
+  const [table_cols, set_table_cols] = React26__namespace.useState(3);
+  const [hovered_cell, set_hovered_cell] = React26__namespace.useState(null);
+  const file_input_ref = React26__namespace.useRef(null);
+  const image_input_ref = React26__namespace.useRef(null);
   if (!editor) {
     return null;
   }
@@ -4304,7 +4271,7 @@ var VariableExtension = core.Node.create({
   }
 });
 var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsList = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.List,
   {
     ref,
@@ -4316,7 +4283,7 @@ var TabsList = React25__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsTrigger = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Trigger,
   {
     ref,
@@ -4328,7 +4295,7 @@ var TabsTrigger = React25__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
@@ -4363,14 +4330,14 @@ var HazoUiRte = ({
   className,
   show_output_viewer = false
 }) => {
-  const [attachments, set_attachments] = React25__namespace.useState(
+  const [attachments, set_attachments] = React26__namespace.useState(
     initial_attachments
   );
-  const [active_tab, set_active_tab] = React25__namespace.useState("html");
+  const [active_tab, set_active_tab] = React26__namespace.useState("html");
   const is_view_only = active_tab !== "html";
-  const attachments_ref = React25__namespace.useRef(attachments);
+  const attachments_ref = React26__namespace.useRef(attachments);
   attachments_ref.current = attachments;
-  const debounced_on_change = React25__namespace.useMemo(
+  const debounced_on_change = React26__namespace.useMemo(
     () => debounce_fn((output) => {
       if (on_change) {
         on_change(output);
@@ -4469,7 +4436,7 @@ var HazoUiRte = ({
       debounced_on_change(output);
     }
   });
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (editor && html !== void 0) {
       const current_html = editor.getHTML();
       if (html !== current_html && !editor.isFocused) {
@@ -4477,21 +4444,21 @@ var HazoUiRte = ({
       }
     }
   }, [html, editor]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (editor) {
       editor.setEditable(!disabled);
     }
   }, [disabled, editor]);
-  const attachments_from_props_ref = React25__namespace.useRef(false);
-  const prev_initial_attachments_ref = React25__namespace.useRef(initial_attachments);
-  React25__namespace.useEffect(() => {
+  const attachments_from_props_ref = React26__namespace.useRef(false);
+  const prev_initial_attachments_ref = React26__namespace.useRef(initial_attachments);
+  React26__namespace.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__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (attachments_from_props_ref.current) {
       attachments_from_props_ref.current = false;
       return;
@@ -4993,12 +4960,12 @@ var CommandPopover = ({
   on_selection_change: _on_selection_change,
   prefix_color
 }) => {
-  const container_ref = React25__namespace.useRef(null);
-  const grouped_commands = React25__namespace.useMemo(
+  const container_ref = React26__namespace.useRef(null);
+  const grouped_commands = React26__namespace.useMemo(
     () => group_commands(commands),
     [commands]
   );
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     const handle_click_outside = (e) => {
       if (container_ref.current && !container_ref.current.contains(e.target)) {
         on_close();
@@ -5011,8 +4978,8 @@ var CommandPopover = ({
       };
     }
   }, [is_open, on_close]);
-  const [mounted, set_mounted] = React25__namespace.useState(false);
-  React25__namespace.useEffect(() => {
+  const [mounted, set_mounted] = React26__namespace.useState(false);
+  React26__namespace.useEffect(() => {
     set_mounted(true);
   }, []);
   if (!is_open || !mounted) return null;
@@ -5322,21 +5289,21 @@ var HazoUiTextbox = ({
   on_command_change,
   on_command_remove
 }) => {
-  const generated_instance_id = React25__namespace.useId();
+  const generated_instance_id = React26__namespace.useId();
   const instance_id = provided_instance_id || generated_instance_id;
-  const [suggestion_state, set_suggestion_state] = React25__namespace.useState(null);
-  const [selected_index, set_selected_index] = React25__namespace.useState(0);
-  const [popover_position, set_popover_position] = React25__namespace.useState({ top: 0, left: 0 });
-  const [edit_context, set_edit_context] = React25__namespace.useState(null);
-  const [edit_selected_index, set_edit_selected_index] = React25__namespace.useState(0);
+  const [suggestion_state, set_suggestion_state] = React26__namespace.useState(null);
+  const [selected_index, set_selected_index] = React26__namespace.useState(0);
+  const [popover_position, set_popover_position] = React26__namespace.useState({ top: 0, left: 0 });
+  const [edit_context, set_edit_context] = React26__namespace.useState(null);
+  const [edit_selected_index, set_edit_selected_index] = React26__namespace.useState(0);
   const is_controlled = value !== void 0;
-  const editor_container_ref = React25__namespace.useRef(null);
-  const edit_popover_ref = React25__namespace.useRef(null);
-  const [mounted, set_mounted] = React25__namespace.useState(false);
-  React25__namespace.useEffect(() => {
+  const editor_container_ref = React26__namespace.useRef(null);
+  const edit_popover_ref = React26__namespace.useRef(null);
+  const [mounted, set_mounted] = React26__namespace.useState(false);
+  React26__namespace.useEffect(() => {
     set_mounted(true);
   }, []);
-  const suggestion_extensions = React25__namespace.useMemo(() => {
+  const suggestion_extensions = React26__namespace.useMemo(() => {
     return create_command_suggestion_extension({
       prefixes,
       instance_id,
@@ -5387,7 +5354,7 @@ var HazoUiTextbox = ({
       }
     }
   });
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (suggestion_state?.is_active && editor) {
       requestAnimationFrame(() => {
         const { from } = suggestion_state.range;
@@ -5411,7 +5378,7 @@ var HazoUiTextbox = ({
       });
     }
   }, [suggestion_state, editor]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (is_controlled && editor && !editor.isFocused) {
       const current_text = editor.getText();
       if (value !== current_text) {
@@ -5420,12 +5387,12 @@ var HazoUiTextbox = ({
       }
     }
   }, [value, editor, is_controlled, prefixes, pill_variant]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (editor) {
       editor.setEditable(!disabled);
     }
   }, [disabled, editor]);
-  const handle_command_select = React25__namespace.useCallback(
+  const handle_command_select = React26__namespace.useCallback(
     (command) => {
       if (!editor || !suggestion_state) return;
       const prefix_config = prefixes.find((p) => p.char === suggestion_state.prefix);
@@ -5445,15 +5412,15 @@ var HazoUiTextbox = ({
     },
     [editor, suggestion_state, pill_variant, on_command_insert, prefixes]
   );
-  const handle_popover_close = React25__namespace.useCallback(() => {
+  const handle_popover_close = React26__namespace.useCallback(() => {
     set_suggestion_state(null);
     editor?.commands.focus();
   }, [editor]);
-  const handle_edit_close = React25__namespace.useCallback(() => {
+  const handle_edit_close = React26__namespace.useCallback(() => {
     set_edit_context(null);
     editor?.commands.focus();
   }, [editor]);
-  const handle_command_update = React25__namespace.useCallback(
+  const handle_command_update = React26__namespace.useCallback(
     (new_command) => {
       if (!editor || !edit_context) return;
       const old_command = edit_context.command;
@@ -5469,7 +5436,7 @@ var HazoUiTextbox = ({
     },
     [editor, edit_context, on_command_change]
   );
-  const handle_command_remove = React25__namespace.useCallback(() => {
+  const handle_command_remove = React26__namespace.useCallback(() => {
     if (!editor || !edit_context) return;
     const command = edit_context.command;
     editor.state.doc.descendants((node, pos) => {
@@ -5483,7 +5450,7 @@ var HazoUiTextbox = ({
     }
     set_edit_context(null);
   }, [editor, edit_context, on_command_remove]);
-  const filtered_commands = React25__namespace.useMemo(() => {
+  const filtered_commands = React26__namespace.useMemo(() => {
     if (!suggestion_state) return [];
     const query = suggestion_state.query.toLowerCase();
     if (!query) return suggestion_state.commands;
@@ -5491,7 +5458,7 @@ var HazoUiTextbox = ({
       (cmd) => cmd.action_label.toLowerCase().includes(query) || cmd.action.toLowerCase().includes(query) || cmd.action_description?.toLowerCase().includes(query)
     );
   }, [suggestion_state]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (!suggestion_state?.is_active) return;
     const handle_keydown = (e) => {
       switch (e.key) {
@@ -5526,7 +5493,7 @@ var HazoUiTextbox = ({
     handle_command_select,
     handle_popover_close
   ]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (!edit_context) return;
     const handle_click_outside = (e) => {
       if (edit_popover_ref.current && !edit_popover_ref.current.contains(e.target)) {
@@ -5541,12 +5508,12 @@ var HazoUiTextbox = ({
       document.removeEventListener("mousedown", handle_click_outside);
     };
   }, [edit_context]);
-  const edit_commands = React25__namespace.useMemo(() => {
+  const edit_commands = React26__namespace.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__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (!edit_context) return;
     const handle_keydown = (e) => {
       switch (e.key) {
@@ -5584,7 +5551,7 @@ var HazoUiTextbox = ({
     handle_command_remove,
     handle_edit_close
   ]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     const handle_pill_click = (e) => {
       const detail = e.detail;
       const { id, prefix, action, action_label, node_pos } = detail;
@@ -5867,22 +5834,22 @@ var HazoUiTextarea = ({
   on_command_change,
   on_command_remove
 }) => {
-  const generated_instance_id = React25__namespace.useId();
+  const generated_instance_id = React26__namespace.useId();
   const instance_id = provided_instance_id || generated_instance_id;
-  const [suggestion_state, set_suggestion_state] = React25__namespace.useState(null);
-  const [selected_index, set_selected_index] = React25__namespace.useState(0);
-  const [popover_position, set_popover_position] = React25__namespace.useState({ top: 0, left: 0 });
-  const [edit_context, set_edit_context] = React25__namespace.useState(null);
-  const [edit_selected_index, set_edit_selected_index] = React25__namespace.useState(0);
+  const [suggestion_state, set_suggestion_state] = React26__namespace.useState(null);
+  const [selected_index, set_selected_index] = React26__namespace.useState(0);
+  const [popover_position, set_popover_position] = React26__namespace.useState({ top: 0, left: 0 });
+  const [edit_context, set_edit_context] = React26__namespace.useState(null);
+  const [edit_selected_index, set_edit_selected_index] = React26__namespace.useState(0);
   const is_controlled = value !== void 0;
-  const editor_container_ref = React25__namespace.useRef(null);
-  const edit_popover_ref = React25__namespace.useRef(null);
-  const [mounted, set_mounted] = React25__namespace.useState(false);
-  React25__namespace.useEffect(() => {
+  const editor_container_ref = React26__namespace.useRef(null);
+  const edit_popover_ref = React26__namespace.useRef(null);
+  const [mounted, set_mounted] = React26__namespace.useState(false);
+  React26__namespace.useEffect(() => {
     set_mounted(true);
   }, []);
   const calculated_min_height = rows ? `${rows * 1.5}em` : min_height;
-  const suggestion_extensions = React25__namespace.useMemo(() => {
+  const suggestion_extensions = React26__namespace.useMemo(() => {
     return create_command_suggestion_extension({
       prefixes,
       instance_id,
@@ -5931,7 +5898,7 @@ var HazoUiTextarea = ({
       }
     }
   });
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (suggestion_state?.is_active && editor) {
       requestAnimationFrame(() => {
         const { from } = suggestion_state.range;
@@ -5955,7 +5922,7 @@ var HazoUiTextarea = ({
       });
     }
   }, [suggestion_state, editor]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (is_controlled && editor && !editor.isFocused) {
       const current_text = editor.getText();
       if (value !== current_text) {
@@ -5968,12 +5935,12 @@ var HazoUiTextarea = ({
       }
     }
   }, [value, editor, is_controlled, prefixes, pill_variant]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (editor) {
       editor.setEditable(!disabled);
     }
   }, [disabled, editor]);
-  const handle_command_select = React25__namespace.useCallback(
+  const handle_command_select = React26__namespace.useCallback(
     (command) => {
       if (!editor || !suggestion_state) return;
       const prefix_config = prefixes.find((p) => p.char === suggestion_state.prefix);
@@ -5993,15 +5960,15 @@ var HazoUiTextarea = ({
     },
     [editor, suggestion_state, pill_variant, on_command_insert, prefixes]
   );
-  const handle_popover_close = React25__namespace.useCallback(() => {
+  const handle_popover_close = React26__namespace.useCallback(() => {
     set_suggestion_state(null);
     editor?.commands.focus();
   }, [editor]);
-  const handle_edit_close = React25__namespace.useCallback(() => {
+  const handle_edit_close = React26__namespace.useCallback(() => {
     set_edit_context(null);
     editor?.commands.focus();
   }, [editor]);
-  const handle_command_update = React25__namespace.useCallback(
+  const handle_command_update = React26__namespace.useCallback(
     (new_command) => {
       if (!editor || !edit_context) return;
       const old_command = edit_context.command;
@@ -6017,7 +5984,7 @@ var HazoUiTextarea = ({
     },
     [editor, edit_context, on_command_change]
   );
-  const handle_command_remove = React25__namespace.useCallback(() => {
+  const handle_command_remove = React26__namespace.useCallback(() => {
     if (!editor || !edit_context) return;
     const command = edit_context.command;
     editor.state.doc.descendants((node, pos) => {
@@ -6031,7 +5998,7 @@ var HazoUiTextarea = ({
     }
     set_edit_context(null);
   }, [editor, edit_context, on_command_remove]);
-  const filtered_commands = React25__namespace.useMemo(() => {
+  const filtered_commands = React26__namespace.useMemo(() => {
     if (!suggestion_state) return [];
     const query = suggestion_state.query.toLowerCase();
     if (!query) return suggestion_state.commands;
@@ -6039,7 +6006,7 @@ var HazoUiTextarea = ({
       (cmd) => cmd.action_label.toLowerCase().includes(query) || cmd.action.toLowerCase().includes(query) || cmd.action_description?.toLowerCase().includes(query)
     );
   }, [suggestion_state]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (!suggestion_state?.is_active) return;
     const handle_keydown = (e) => {
       switch (e.key) {
@@ -6074,7 +6041,7 @@ var HazoUiTextarea = ({
     handle_command_select,
     handle_popover_close
   ]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (!edit_context) return;
     const handle_click_outside = (e) => {
       if (edit_popover_ref.current && !edit_popover_ref.current.contains(e.target)) {
@@ -6089,12 +6056,12 @@ var HazoUiTextarea = ({
       document.removeEventListener("mousedown", handle_click_outside);
     };
   }, [edit_context]);
-  const edit_commands = React25__namespace.useMemo(() => {
+  const edit_commands = React26__namespace.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__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (!edit_context) return;
     const handle_keydown = (e) => {
       switch (e.key) {
@@ -6132,7 +6099,7 @@ var HazoUiTextarea = ({
     handle_command_remove,
     handle_edit_close
   ]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     const handle_pill_click = (e) => {
       const detail = e.detail;
       const { id, prefix, action, action_label, node_pos } = detail;
@@ -6679,7 +6646,7 @@ function HazoUiConfirmDialog({
   openAnimation = "zoom",
   closeAnimation = "zoom"
 }) {
-  const [internal_loading, set_internal_loading] = React25__namespace.useState(false);
+  const [internal_loading, set_internal_loading] = React26__namespace.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;
@@ -6716,7 +6683,7 @@ function HazoUiConfirmDialog({
     onCancel?.();
     onOpenChange(false);
   };
-  const cancel_ref = React25__namespace.useRef(null);
+  const cancel_ref = React26__namespace.useRef(null);
   return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       DialogOverlay,
@@ -6801,7 +6768,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = vaul.Drawer.Trigger;
 var DrawerPortal = vaul.Drawer.Portal;
 var DrawerClose = vaul.Drawer.Close;
-var DrawerOverlay = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerOverlay = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Overlay,
   {
     ref,
@@ -6813,7 +6780,7 @@ var DrawerOverlay = React25__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DrawerOverlay.displayName = "DrawerOverlay";
-var DrawerContent = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
+var DrawerContent = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsxs(
     vaul.Drawer.Content,
@@ -6854,7 +6821,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerTitle = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Title,
   {
     ref,
@@ -6866,7 +6833,7 @@ var DrawerTitle = React25__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DrawerTitle.displayName = "DrawerTitle";
-var DrawerDescription = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DrawerDescription = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   vaul.Drawer.Description,
   {
     ref,
@@ -6876,14 +6843,14 @@ var DrawerDescription = React25__namespace.forwardRef(({ className, ...props },
 ));
 DrawerDescription.displayName = "DrawerDescription";
 function useMediaQuery(query) {
-  const get_match = React25__namespace.useCallback(() => {
+  const get_match = React26__namespace.useCallback(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
       return false;
     }
     return window.matchMedia(query).matches;
   }, [query]);
-  const [matches, set_matches] = React25__namespace.useState(false);
-  React25__namespace.useEffect(() => {
+  const [matches, set_matches] = React26__namespace.useState(false);
+  React26__namespace.useEffect(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
       return;
     }
@@ -6900,7 +6867,7 @@ function useMediaQuery(query) {
   return matches;
 }
 var Accordion = AccordionPrimitive__namespace.Root;
-var AccordionItem = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionItem = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Item,
   {
     ref,
@@ -6909,7 +6876,7 @@ var AccordionItem = React25__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+var AccordionTrigger = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
   AccordionPrimitive__namespace.Trigger,
   {
     ref,
@@ -6925,7 +6892,7 @@ var AccordionTrigger = React25__namespace.forwardRef(({ className, children, ...
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
-var AccordionContent = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionContent = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Content,
   {
     ref,
@@ -6935,7 +6902,7 @@ var AccordionContent = React25__namespace.forwardRef(({ className, children, ...
   }
 ));
 AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
-var Checkbox = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Checkbox = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
     ref,
@@ -6960,7 +6927,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React25__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuSubTrigger = React26__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -6977,7 +6944,7 @@ var DropdownMenuSubTrigger = React25__namespace.forwardRef(({ className, inset,
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSubContent = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -6989,7 +6956,7 @@ var DropdownMenuSubContent = React25__namespace.forwardRef(({ className, ...prop
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React25__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuContent = React26__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Content,
   {
     ref,
@@ -7002,7 +6969,7 @@ var DropdownMenuContent = React25__namespace.forwardRef(({ className, sideOffset
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React25__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuItem = React26__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -7015,7 +6982,7 @@ var DropdownMenuItem = React25__namespace.forwardRef(({ className, inset, ...pro
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React25__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuCheckboxItem = React26__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -7032,7 +6999,7 @@ var DropdownMenuCheckboxItem = React25__namespace.forwardRef(({ className, child
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuRadioItem = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -7048,7 +7015,7 @@ var DropdownMenuRadioItem = React25__namespace.forwardRef(({ className, children
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React25__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuLabel = React26__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -7061,7 +7028,7 @@ var DropdownMenuLabel = React25__namespace.forwardRef(({ className, inset, ...pr
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSeparator = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -7085,7 +7052,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var HoverCard = HoverCardPrimitive__namespace.Root;
 var HoverCardTrigger = HoverCardPrimitive__namespace.Trigger;
-var HoverCardContent = React25__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var HoverCardContent = React26__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   HoverCardPrimitive__namespace.Content,
   {
     ref,
@@ -7099,7 +7066,7 @@ var HoverCardContent = React25__namespace.forwardRef(({ className, align = "cent
   }
 ));
 HoverCardContent.displayName = HoverCardPrimitive__namespace.Content.displayName;
-var Label3 = React25__namespace.forwardRef(
+var Label3 = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "label",
@@ -7115,7 +7082,7 @@ var Label3 = React25__namespace.forwardRef(
   }
 );
 Label3.displayName = "Label";
-var Switch = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Switch = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SwitchPrimitives__namespace.Root,
   {
     className: cn(
@@ -7135,7 +7102,7 @@ var Switch = React25__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
-var Textarea = React25__namespace.forwardRef(
+var Textarea = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
@@ -7155,7 +7122,7 @@ var Textarea = React25__namespace.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
-var Separator3 = React25__namespace.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Separator3 = React26__namespace.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SeparatorPrimitive__namespace.Root,
   {
     ref,
@@ -7173,7 +7140,7 @@ Separator3.displayName = SeparatorPrimitive__namespace.Root.displayName;
 var Collapsible = CollapsiblePrimitive__namespace.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive__namespace.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive__namespace.CollapsibleContent;
-var ScrollArea = React25__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var ScrollArea = React26__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   ScrollAreaPrimitive__namespace.Root,
   {
     ref,
@@ -7187,7 +7154,7 @@ var ScrollArea = React25__namespace.forwardRef(({ className, children, ...props
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBar = React25__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var ScrollBar = React26__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
   {
     ref,
@@ -7203,27 +7170,27 @@ var ScrollBar = React25__namespace.forwardRef(({ className, orientation = "verti
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
-var Card = React25__namespace.forwardRef(
+var Card = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props })
 );
 Card.displayName = "Card";
-var CardHeader = React25__namespace.forwardRef(
+var CardHeader = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React25__namespace.forwardRef(
+var CardTitle = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React25__namespace.forwardRef(
+var CardDescription = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React25__namespace.forwardRef(
+var CardContent = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React25__namespace.forwardRef(
+var CardFooter = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
@@ -7256,16 +7223,16 @@ var toggleVariants = classVarianceAuthority.cva(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Toggle = React25__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TogglePrimitive__namespace.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
+var Toggle = React26__namespace.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TogglePrimitive__namespace.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
 Toggle.displayName = TogglePrimitive__namespace.Root.displayName;
-var ToggleGroupContext = React25__namespace.createContext({
+var ToggleGroupContext = React26__namespace.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React25__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupPrimitive__namespace.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+var ToggleGroup = React26__namespace.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupPrimitive__namespace.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
 ToggleGroup.displayName = ToggleGroupPrimitive__namespace.Root.displayName;
-var ToggleGroupItem = React25__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React25__namespace.useContext(ToggleGroupContext);
+var ToggleGroupItem = React26__namespace.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React26__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -7280,7 +7247,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive__namespace.Item.displayName;
 var AlertDialog = AlertDialogPrimitive__namespace.Root;
 var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
-var AlertDialogOverlay = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogOverlay = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Overlay,
   {
     ref,
@@ -7289,7 +7256,7 @@ var AlertDialogOverlay = React25__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsx(
     AlertDialogPrimitive__namespace.Content,
@@ -7305,13 +7272,13 @@ var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.
 AlertDialogHeader.displayName = "AlertDialogHeader";
 var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var AlertDialogTitle = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var AlertDialogDescription = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogAction = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React25__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Cancel, { ref, className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ...props }));
+var AlertDialogCancel = React26__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Cancel, { ref, className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ...props }));
 AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
 var buttonGroupVariants = classVarianceAuthority.cva(
   "flex w-fit items-stretch [&>*]:focus-visible:relative [&>*]:focus-visible:z-10",
@@ -7339,7 +7306,7 @@ function ButtonGroupText({ className, asChild = false, ...props }) {
 function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Separator3, { orientation, className: cn("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", className), ...props });
 }
-var SkeletonBase = React25__namespace.forwardRef(
+var SkeletonBase = React26__namespace.forwardRef(
   ({ className, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -7515,8 +7482,8 @@ function LoadingTimeout({
     firm: thresholds?.firm ?? 15e3,
     expired: thresholds?.expired ?? 3e4
   };
-  const [phase, setPhase] = React25__namespace.useState(active ? "silent" : "idle");
-  React25__namespace.useEffect(() => {
+  const [phase, setPhase] = React26__namespace.useState(active ? "silent" : "idle");
+  React26__namespace.useEffect(() => {
     if (!active) {
       setPhase("idle");
       return;
@@ -7575,7 +7542,7 @@ function ProgressiveImage({
   onLoad,
   onError
 }) {
-  const [loaded, setLoaded] = React25__namespace.useState(false);
+  const [loaded, setLoaded] = React26__namespace.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -7656,8 +7623,8 @@ function errorToast({ title, description, duration = 5e3, action }) {
   });
 }
 function useLoadingState(initial = false) {
-  const [isLoading, setLoading] = React25.useState(initial);
-  const withLoading = React25.useCallback(async (fn) => {
+  const [isLoading, setLoading] = React26.useState(initial);
+  const withLoading = React26.useCallback(async (fn) => {
     setLoading(true);
     try {
       return await fn();
@@ -7668,8 +7635,8 @@ function useLoadingState(initial = false) {
   return { isLoading, setLoading, withLoading };
 }
 function useErrorDisplay() {
-  const [error, setRaw] = React25.useState(null);
-  const setError = React25.useCallback((value) => {
+  const [error, setRaw] = React26.useState(null);
+  const setError = React26.useCallback((value) => {
     if (value == null) {
       setRaw(null);
       return;
@@ -7684,12 +7651,12 @@ function useErrorDisplay() {
     }
     setRaw(String(value));
   }, []);
-  const clearError = React25.useCallback(() => setRaw(null), []);
+  const clearError = React26.useCallback(() => setRaw(null), []);
   return { error, setError, clearError };
 }
 function useDebounce(value, delayMs) {
-  const [debounced_value, set_debounced_value] = React25.useState(value);
-  React25.useEffect(() => {
+  const [debounced_value, set_debounced_value] = React26.useState(value);
+  React26.useEffect(() => {
     const timer = setTimeout(() => {
       set_debounced_value(value);
     }, delayMs);
@@ -7698,8 +7665,8 @@ function useDebounce(value, delayMs) {
   return debounced_value;
 }
 function useCopyToClipboard() {
-  const [copied, set_copied] = React25.useState(false);
-  const copy = React25.useCallback(async (text) => {
+  const [copied, set_copied] = React26.useState(false);
+  const copy = React26.useCallback(async (text) => {
     if (typeof navigator === "undefined" || !navigator.clipboard) {
       return;
     }
@@ -7731,8 +7698,8 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   };
-  const [stored_value, set_stored_value] = React25.useState(read_stored);
-  const set_value = React25.useCallback(
+  const [stored_value, set_stored_value] = React26.useState(read_stored);
+  const set_value = React26.useCallback(
     (value) => {
       set_stored_value((prev) => {
         const next = typeof value === "function" ? value(prev) : value;
@@ -7759,8 +7726,8 @@ function useSessionStorage(key, initialValue) {
       return initialValue;
     }
   };
-  const [stored_value, set_stored_value] = React25.useState(read_stored);
-  const set_value = React25.useCallback(
+  const [stored_value, set_stored_value] = React26.useState(read_stored);
+  const set_value = React26.useCallback(
     (value) => {
       set_stored_value((prev) => {
         const next = typeof value === "function" ? value(prev) : value;
@@ -7778,7 +7745,7 @@ function useSessionStorage(key, initialValue) {
   return [stored_value, set_value];
 }
 function useClickOutside(ref, handler) {
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (typeof document === "undefined") return;
     const handle_event = (event) => {
       const target = event.target;
@@ -7797,9 +7764,9 @@ function useClickOutside(ref, handler) {
 }
 function useWakeLock() {
   const supported = typeof navigator !== "undefined" && "wakeLock" in navigator;
-  const sentinel_ref = React25.useRef(null);
-  const [acquired, set_acquired] = React25.useState(false);
-  const request = React25.useCallback(async () => {
+  const sentinel_ref = React26.useRef(null);
+  const [acquired, set_acquired] = React26.useState(false);
+  const request = React26.useCallback(async () => {
     if (!supported || sentinel_ref.current) return;
     try {
       const sentinel = await navigator.wakeLock.request("screen");
@@ -7812,7 +7779,7 @@ function useWakeLock() {
     } catch {
     }
   }, [supported]);
-  const release = React25.useCallback(async () => {
+  const release = React26.useCallback(async () => {
     if (!sentinel_ref.current) return;
     try {
       await sentinel_ref.current.release();
@@ -7822,7 +7789,7 @@ function useWakeLock() {
       set_acquired(false);
     }
   }, []);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (typeof document === "undefined") return;
     const handle_visibility = () => {
       if (document.visibilityState === "visible" && acquired && !sentinel_ref.current) {
@@ -7832,7 +7799,7 @@ function useWakeLock() {
     document.addEventListener("visibilitychange", handle_visibility);
     return () => document.removeEventListener("visibilitychange", handle_visibility);
   }, [acquired, request]);
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     return () => {
       if (sentinel_ref.current) {
         void sentinel_ref.current.release().catch(() => void 0);
@@ -7843,8 +7810,8 @@ function useWakeLock() {
   return { supported, acquired, request, release };
 }
 function useFullscreen(elementRef) {
-  const [is_fullscreen, set_is_fullscreen] = React25.useState(false);
-  React25.useEffect(() => {
+  const [is_fullscreen, set_is_fullscreen] = React26.useState(false);
+  React26.useEffect(() => {
     if (typeof document === "undefined") return;
     const handle_change = () => {
       set_is_fullscreen(!!document.fullscreenElement);
@@ -7853,10 +7820,10 @@ function useFullscreen(elementRef) {
     set_is_fullscreen(!!document.fullscreenElement);
     return () => document.removeEventListener("fullscreenchange", handle_change);
   }, []);
-  const get_target = React25.useCallback(() => {
+  const get_target = React26.useCallback(() => {
     return elementRef?.current ?? document.documentElement;
   }, [elementRef]);
-  const enter = React25.useCallback(async () => {
+  const enter = React26.useCallback(async () => {
     if (typeof document === "undefined" || !document.documentElement.requestFullscreen) return;
     if (document.fullscreenElement) return;
     try {
@@ -7864,7 +7831,7 @@ function useFullscreen(elementRef) {
     } catch {
     }
   }, [get_target]);
-  const exit = React25.useCallback(async () => {
+  const exit = React26.useCallback(async () => {
     if (typeof document === "undefined") return;
     if (!document.fullscreenElement) return;
     try {
@@ -7872,7 +7839,7 @@ function useFullscreen(elementRef) {
     } catch {
     }
   }, []);
-  const toggle = React25.useCallback(async () => {
+  const toggle = React26.useCallback(async () => {
     if (document.fullscreenElement) {
       await exit();
     } else {
@@ -8030,29 +7997,29 @@ function KanbanEditor({
   onSave,
   onClose
 }) {
-  const [draft, set_draft] = React25__namespace.useState(item);
-  const [saving, set_saving] = React25__namespace.useState(false);
-  const [error, set_error] = React25__namespace.useState(null);
+  const [draft, set_draft] = React26__namespace.useState(item);
+  const [saving, set_saving] = React26__namespace.useState(false);
+  const [error, set_error] = React26__namespace.useState(null);
   const item_id = item?.id ?? null;
-  React25__namespace.useEffect(() => {
+  React26__namespace.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__namespace.useMemo(() => {
+  const resolved_fields = React26__namespace.useMemo(() => {
     if (fields) return fields;
     if (!item) return [];
     return auto_detect_fields(item, resolved_columns);
   }, [fields, item, resolved_columns]);
-  const required_keys = React25__namespace.useMemo(
+  const required_keys = React26__namespace.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__namespace.useMemo(() => {
+  const all_required_filled = React26__namespace.useMemo(() => {
     if (!draft) return false;
     for (const key of required_keys) {
       const v = draft[key];
@@ -8061,7 +8028,7 @@ function KanbanEditor({
     }
     return true;
   }, [draft, required_keys]);
-  const is_dirty = React25__namespace.useMemo(() => {
+  const is_dirty = React26__namespace.useMemo(() => {
     if (!draft || !item) return false;
     try {
       return JSON.stringify(draft) !== JSON.stringify(item);
@@ -8069,7 +8036,7 @@ function KanbanEditor({
       return draft !== item;
     }
   }, [draft, item]);
-  const handle_save = React25__namespace.useCallback(async () => {
+  const handle_save = React26__namespace.useCallback(async () => {
     if (!draft || !item) return;
     if (saving) return;
     set_error(null);
@@ -8288,11 +8255,11 @@ function HazoUiKanbanFilter({
   className
 }) {
   const is_controlled = value !== void 0;
-  const [internal, set_internal] = React25__namespace.useState(
+  const [internal, set_internal] = React26__namespace.useState(
     defaultValue ?? EMPTY_FILTER
   );
   const current = is_controlled ? value : internal;
-  const update = React25__namespace.useCallback(
+  const update = React26__namespace.useCallback(
     (next) => {
       if (!is_controlled) set_internal(next);
       onChange?.(next);
@@ -8455,29 +8422,29 @@ function HazoUiKanban({
   onCardSave,
   disableEdit = false
 }) {
-  const label_fn = React25__namespace.useCallback(
+  const label_fn = React26__namespace.useCallback(
     (item) => itemLabel ? itemLabel(item) : item.id,
     [itemLabel]
   );
-  const dnd_context_id = React25__namespace.useId();
-  const [overlay, set_overlay] = React25__namespace.useState(
+  const dnd_context_id = React26__namespace.useId();
+  const [overlay, set_overlay] = React26__namespace.useState(
     /* @__PURE__ */ new Map()
   );
-  const [active_id, set_active_id] = React25__namespace.useState(null);
-  const [active_tab, set_active_tab] = React25__namespace.useState(columns[0]?.key ?? "");
-  const [editing_item, set_editing_item] = React25__namespace.useState(null);
+  const [active_id, set_active_id] = React26__namespace.useState(null);
+  const [active_tab, set_active_tab] = React26__namespace.useState(columns[0]?.key ?? "");
+  const [editing_item, set_editing_item] = React26__namespace.useState(null);
   const show_edit = !disableEdit && typeof onCardSave === "function";
-  const handle_edit_request = React25__namespace.useCallback(
+  const handle_edit_request = React26__namespace.useCallback(
     (it) => {
       const typed = items.find((x) => x.id === it.id);
       if (typed) set_editing_item(typed);
     },
     [items]
   );
-  const handle_editor_close = React25__namespace.useCallback(() => {
+  const handle_editor_close = React26__namespace.useCallback(() => {
     set_editing_item(null);
   }, []);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (overlay.size === 0) return;
     set_overlay((prev) => {
       let changed = false;
@@ -8492,11 +8459,11 @@ function HazoUiKanban({
       return changed ? next : prev;
     });
   }, [items, overlay]);
-  const grouped = React25__namespace.useMemo(
+  const grouped = React26__namespace.useMemo(
     () => group_items_by_column(items, overlay, columns),
     [items, overlay, columns]
   );
-  const find_item = React25__namespace.useCallback(
+  const find_item = React26__namespace.useCallback(
     (id) => items.find((i) => i.id === id),
     [items]
   );
@@ -8504,7 +8471,7 @@ function HazoUiKanban({
     core$1.useSensor(core$1.PointerSensor, { activationConstraint: { distance: 5 } }),
     core$1.useSensor(core$1.KeyboardSensor, { coordinateGetter: sortable.sortableKeyboardCoordinates })
   );
-  const merged_announcements = React25__namespace.useMemo(() => {
+  const merged_announcements = React26__namespace.useMemo(() => {
     const defaults = default_announcements(label_fn);
     return {
       onDragStart: announcements?.onDragStart ?? defaults.onDragStart,
@@ -8513,7 +8480,7 @@ function HazoUiKanban({
       onDragCancel: announcements?.onDragCancel ?? defaults.onDragCancel
     };
   }, [announcements, label_fn]);
-  const dnd_announcements = React25__namespace.useMemo(
+  const dnd_announcements = React26__namespace.useMemo(
     () => ({
       onDragStart({ active }) {
         const id = String(active.id);
@@ -8571,10 +8538,10 @@ function HazoUiKanban({
     }),
     [find_item, columns, grouped, merged_announcements]
   );
-  const handle_drag_start = React25__namespace.useCallback((event) => {
+  const handle_drag_start = React26__namespace.useCallback((event) => {
     set_active_id(String(event.active.id));
   }, []);
-  const make_revert_handle = React25__namespace.useCallback(
+  const make_revert_handle = React26__namespace.useCallback(
     (item_id) => ({
       revert: () => {
         set_overlay((prev) => {
@@ -8587,7 +8554,7 @@ function HazoUiKanban({
     }),
     []
   );
-  const handle_drag_end = React25__namespace.useCallback(
+  const handle_drag_end = React26__namespace.useCallback(
     (event) => {
       const active_id_str = String(event.active.id);
       set_active_id(null);
@@ -8649,7 +8616,7 @@ function HazoUiKanban({
     },
     [find_item, columns, grouped, onMove, onReorder, make_revert_handle]
   );
-  const handle_drag_cancel = React25__namespace.useCallback(() => {
+  const handle_drag_cancel = React26__namespace.useCallback(() => {
     set_active_id(null);
   }, []);
   const active_item = active_id ? find_item(active_id) : null;
@@ -8740,7 +8707,7 @@ function HazoUiKanban({
     }
   );
 }
-var Table2 = React25__namespace.forwardRef(
+var Table2 = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cls_table_wrap relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
     "table",
     {
@@ -8751,11 +8718,11 @@ var Table2 = React25__namespace.forwardRef(
   ) })
 );
 Table2.displayName = "Table";
-var TableHeader2 = React25__namespace.forwardRef(
+var TableHeader2 = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader2.displayName = "TableHeader";
-var TableBody = React25__namespace.forwardRef(
+var TableBody = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "tbody",
     {
@@ -8766,7 +8733,7 @@ var TableBody = React25__namespace.forwardRef(
   )
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React25__namespace.forwardRef(
+var TableFooter = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "tfoot",
     {
@@ -8777,7 +8744,7 @@ var TableFooter = React25__namespace.forwardRef(
   )
 );
 TableFooter.displayName = "TableFooter";
-var TableRow2 = React25__namespace.forwardRef(
+var TableRow2 = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "tr",
     {
@@ -8791,7 +8758,7 @@ var TableRow2 = React25__namespace.forwardRef(
   )
 );
 TableRow2.displayName = "TableRow";
-var TableHead = React25__namespace.forwardRef(
+var TableHead = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "th",
     {
@@ -8805,7 +8772,7 @@ var TableHead = React25__namespace.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell2 = React25__namespace.forwardRef(
+var TableCell2 = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "td",
     {
@@ -8816,7 +8783,7 @@ var TableCell2 = React25__namespace.forwardRef(
   )
 );
 TableCell2.displayName = "TableCell";
-var TableCaption = React25__namespace.forwardRef(
+var TableCaption = React26__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "caption",
     {
@@ -8871,64 +8838,64 @@ function TableMobileCards(props) {
 }
 var DEFAULT_DEBOUNCE_MS = 200;
 function useTableState(props) {
-  const [sortInternal, setSortInternal] = React25.useState(
+  const [sortInternal, setSortInternal] = React26.useState(
     () => normalizeSortProp(props.defaultSort)
   );
   const isSortControlled = props.sort !== void 0;
   const sort = isSortControlled ? normalizeSortProp(props.sort) : sortInternal;
-  const setSort = React25.useCallback(
+  const setSort = React26.useCallback(
     (next) => {
       if (!isSortControlled) setSortInternal(next);
       props.onSortChange?.(next);
     },
     [isSortControlled, props.onSortChange]
   );
-  const cycleHeaderSort = React25.useCallback(
+  const cycleHeaderSort = React26.useCallback(
     (key, append) => {
       const next = append ? cycleAppendColumn(sort, key) : cycleSingleColumn(sort, key);
       setSort(next);
     },
     [sort, setSort]
   );
-  const [filterInternal, setFilterInternal] = React25.useState(
+  const [filterInternal, setFilterInternal] = React26.useState(
     () => props.defaultFilter ?? {}
   );
   const isFilterControlled = props.filter !== void 0;
   const filter = isFilterControlled ? props.filter : filterInternal;
-  const setFilter = React25.useCallback(
+  const setFilter = React26.useCallback(
     (next) => {
       if (!isFilterControlled) setFilterInternal(next);
       props.onFilterChange?.(next);
     },
     [isFilterControlled, props.onFilterChange]
   );
-  const [searchDraft, setSearchDraft] = React25.useState(
+  const [searchDraft, setSearchDraft] = React26.useState(
     filter.search ?? ""
   );
   const debounceMs = props.searchDebounceMs ?? DEFAULT_DEBOUNCE_MS;
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     const handle = setTimeout(() => {
       if (searchDraft === (filter.search ?? "")) return;
       setFilter({ ...filter, search: searchDraft || void 0 });
     }, debounceMs);
     return () => clearTimeout(handle);
   }, [searchDraft, debounceMs]);
-  const setSearch = React25.useCallback((s) => setSearchDraft(s), []);
-  const [pageInternal, setPageInternal] = React25.useState(
+  const setSearch = React26.useCallback((s) => setSearchDraft(s), []);
+  const [pageInternal, setPageInternal] = React26.useState(
     () => props.defaultPage ?? 0
   );
   const isPageControlled = props.page !== void 0;
   const page = isPageControlled ? props.page : pageInternal;
-  const setPage = React25.useCallback(
+  const setPage = React26.useCallback(
     (next) => {
       if (!isPageControlled) setPageInternal(next);
       props.onPageChange?.(next);
     },
     [isPageControlled, props.onPageChange]
   );
-  const prevSortKey = React25.useRef(serializeSort(sort));
-  const prevFilterKey = React25.useRef(serializeFilter(filter));
-  React25.useEffect(() => {
+  const prevSortKey = React26.useRef(serializeSort(sort));
+  const prevFilterKey = React26.useRef(serializeFilter(filter));
+  React26.useEffect(() => {
     const sk = serializeSort(sort);
     const fk = serializeFilter(filter);
     if (sk !== prevSortKey.current || fk !== prevFilterKey.current) {
@@ -8939,24 +8906,24 @@ function useTableState(props) {
   }, [sort, filter, isPageControlled]);
   const pageSize = props.pagination && typeof props.pagination === "object" ? props.pagination.pageSize : 0;
   const isServerMode = typeof props.onLoad === "function";
-  const filtered = React25.useMemo(
+  const filtered = React26.useMemo(
     () => isServerMode ? props.rows : applyFilter(props.rows, filter, props.columns),
     [props.rows, filter, props.columns, isServerMode]
   );
-  const sorted = React25.useMemo(
+  const sorted = React26.useMemo(
     () => isServerMode ? filtered : applySort(filtered, sort),
     [filtered, sort, isServerMode]
   );
-  const pagedInMemory = React25.useMemo(() => {
+  const pagedInMemory = React26.useMemo(() => {
     if (isServerMode || pageSize <= 0) return sorted;
     const start = page * pageSize;
     return sorted.slice(start, start + pageSize);
   }, [sorted, page, pageSize, isServerMode]);
-  const [serverRows, setServerRows] = React25.useState([]);
-  const [serverTotal, setServerTotal] = React25.useState(0);
-  const [serverError, setServerError] = React25.useState(null);
-  const reqIdRef = React25.useRef(0);
-  React25.useEffect(() => {
+  const [serverRows, setServerRows] = React26.useState([]);
+  const [serverTotal, setServerTotal] = React26.useState(0);
+  const [serverError, setServerError] = React26.useState(null);
+  const reqIdRef = React26.useRef(0);
+  React26.useEffect(() => {
     if (!isServerMode) return;
     const myId = ++reqIdRef.current;
     let cancelled = false;
@@ -9388,18 +9355,18 @@ function Toolbar2(props) {
     enableFilterDialog,
     searchPlaceholder
   } = props;
-  const sortFields = React25__namespace.useMemo(
+  const sortFields = React26__namespace.useMemo(
     () => deriveSortFields(columns),
     [columns]
   );
-  const filterFields = React25__namespace.useMemo(
+  const filterFields = React26__namespace.useMemo(
     () => deriveFilterFields(columns),
     [columns]
   );
-  const [searchValue, setSearchValue] = React25__namespace.useState(
+  const [searchValue, setSearchValue] = React26__namespace.useState(
     filter.search ?? ""
   );
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     setSearchValue(filter.search ?? "");
   }, [filter.search]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cls_hazo_ui_table_toolbar flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [
@@ -9655,9 +9622,9 @@ function LineChart({
   className
 }) {
   const geo = compute_geometry(data, width, height);
-  const svg_ref = React25__namespace.useRef(null);
-  const [hover_idx, set_hover_idx] = React25__namespace.useState(null);
-  const handle_mouse_move = React25__namespace.useCallback(
+  const svg_ref = React26__namespace.useRef(null);
+  const [hover_idx, set_hover_idx] = React26__namespace.useState(null);
+  const handle_mouse_move = React26__namespace.useCallback(
     (e) => {
       if (!geo) return;
       const rect = e.currentTarget.getBoundingClientRect();
@@ -9690,7 +9657,7 @@ function LineChart({
     },
     [geo, data]
   );
-  const handle_mouse_leave = React25__namespace.useCallback(() => set_hover_idx(null), []);
+  const handle_mouse_leave = React26__namespace.useCallback(() => set_hover_idx(null), []);
   if (!geo) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "svg",
@@ -9917,8 +9884,8 @@ function MultiLineChart({
   className
 }) {
   const geo = compute_geometry2(series, width, height);
-  const [hover_idx, set_hover_idx] = React25__namespace.useState(null);
-  const handle_mouse_move = React25__namespace.useCallback(
+  const [hover_idx, set_hover_idx] = React26__namespace.useState(null);
+  const handle_mouse_move = React26__namespace.useCallback(
     (e) => {
       if (!geo) return;
       const rect = e.currentTarget.getBoundingClientRect();
@@ -9935,7 +9902,7 @@ function MultiLineChart({
     },
     [geo]
   );
-  const handle_mouse_leave = React25__namespace.useCallback(() => set_hover_idx(null), []);
+  const handle_mouse_leave = React26__namespace.useCallback(() => set_hover_idx(null), []);
   if (!geo) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "svg",
@@ -10317,21 +10284,21 @@ function celebrate(payload) {
   _enqueue(payload);
 }
 function CelebrationProvider({ children }) {
-  const [queue, set_queue] = React25__namespace.useState([]);
-  const enqueue = React25__namespace.useCallback((payload) => {
+  const [queue, set_queue] = React26__namespace.useState([]);
+  const enqueue = React26__namespace.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__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     _enqueue = enqueue;
     return () => {
       _enqueue = null;
     };
   }, [enqueue]);
-  const handle_close = React25__namespace.useCallback(() => {
+  const handle_close = React26__namespace.useCallback(() => {
     set_queue((q) => q.slice(1));
   }, []);
   const current = queue[0] ?? null;
@@ -10360,14 +10327,14 @@ function CelebrationModalInner({
     autoDismissDelay = 8e3,
     audioChime = false
   } = payload;
-  const [visible, set_visible] = React25__namespace.useState(true);
-  const [is_downloading, set_is_downloading] = React25__namespace.useState(false);
-  const canvas_ref = React25__namespace.useRef(null);
-  const card_ref = React25__namespace.useRef(null);
-  React25__namespace.useEffect(() => {
+  const [visible, set_visible] = React26__namespace.useState(true);
+  const [is_downloading, set_is_downloading] = React26__namespace.useState(false);
+  const canvas_ref = React26__namespace.useRef(null);
+  const card_ref = React26__namespace.useRef(null);
+  React26__namespace.useEffect(() => {
     sessionStorage.setItem(`hazo_ui_celebration_${id}`, "1");
   }, [id]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (!canvas_ref.current) return;
     let confetti_instance = null;
     import('canvas-confetti').then(({ default: confetti }) => {
@@ -10384,18 +10351,18 @@ function CelebrationModalInner({
       confetti_instance?.reset();
     };
   }, []);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (!audioChime) return;
     const audio = new Audio(celebration_chime_default);
     audio.play().catch(() => {
     });
   }, [audioChime]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     if (!autoDismiss) return;
     const timer = window.setTimeout(close_modal, autoDismissDelay);
     return () => window.clearTimeout(timer);
   }, [autoDismiss, autoDismissDelay]);
-  React25__namespace.useEffect(() => {
+  React26__namespace.useEffect(() => {
     const on_key = (e) => {
       if (e.key === "Escape") close_modal();
     };
@@ -10652,6 +10619,7 @@ exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.EmptyState = EmptyState;
 exports.ErrorBanner = ErrorBanner;
 exports.ErrorPage = ErrorPage;
+exports.HazoContextProvider = HazoContextProvider;
 exports.HazoUiConfirmDialog = HazoUiConfirmDialog;
 exports.HazoUiDialog = HazoUiDialog;
 exports.HazoUiDialogClose = DialogClose;
@@ -10742,15 +10710,19 @@ exports.TooltipTrigger = TooltipTrigger;
 exports.applyKanbanFilter = applyKanbanFilter;
 exports.buttonGroupVariants = buttonGroupVariants;
 exports.celebrate = celebrate;
+exports.cn = cn;
 exports.create_command_suggestion_extension = create_command_suggestion_extension;
 exports.errorToast = errorToast;
 exports.format_num = format_num;
+exports.generateUUID = generateUUID;
 exports.get_hazo_ui_config = get_hazo_ui_config;
+exports.get_logger = get_logger;
 exports.parse_commands_from_text = parse_commands_from_text;
 exports.pick_x_label_indices = pick_x_label_indices;
 exports.reset_hazo_ui_config = reset_hazo_ui_config;
 exports.resolve_animation_classes = resolve_animation_classes;
 exports.set_hazo_ui_config = set_hazo_ui_config;
+exports.set_logger = set_logger;
 exports.successToast = successToast;
 exports.text_to_tiptap_content = text_to_tiptap_content;
 exports.toggleVariants = toggleVariants;