hazo_ui 6.0.0 → 6.3.0

package/dist/index.js

@@ -2,7 +2,7 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as React27 from 'react';
-import React27__default, { lazy, useRef, useState, useCallback, useEffect, useMemo, Fragment, Suspense } from 'react';
+import React27__default, { lazy, useRef, useState, useCallback, useEffect, useMemo, Fragment, Suspense, useSyncExternalStore } from 'react';
 import { generateRequestId } from 'hazo_core';
 import { withContext, setBrowserCorrelationId } from 'hazo_core/client';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
@@ -8749,6 +8749,23 @@ function errorToast({ title, description, duration = 5e3, action }) {
     action: action ? { label: action.label, onClick: action.onClick } : void 0
   });
 }
+function permissionToast({
+  missingPermissions,
+  descriptions,
+  action,
+  duration = 5e3
+}) {
+  const description = missingPermissions.length === 0 ? "You do not have permission to perform this action." : `Missing: ${missingPermissions.map((key) => {
+    const label = descriptions?.[key];
+    return label ? `\`${key}\` \u2014 ${label}` : `\`${key}\``;
+  }).join("; ")}`;
+  return errorToast({
+    title: "Permission required",
+    description,
+    action,
+    duration
+  });
+}
 function useLoadingState(initial = false) {
   const [isLoading, setLoading] = useState(initial);
   const withLoading = useCallback(async (fn) => {
@@ -11857,6 +11874,253 @@ function AppFooter({ variant, footer, identity, className }) {
   );
 }
 
-export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppFooter, AppHeader, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, CanvasTextToolbar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, FunnelChart, HazoContextProvider, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiEtaProgress, HazoUiFlexInput, HazoUiFlexRadio, HazoUiIcon, HazoUiIconPicker, HazoUiImageCropper, HazoUiImageCropperDialog, HazoUiKanban, HazoUiKanbanFilter, HazoUiMemoryDropdown, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiProgressBar, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAffix, InverseSparkline, Label3 as Label, LoadingTimeout, Logo, MarkdownEditor, NotificationCountBadge, NotificationItem, NotificationPanel, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Slider, Sparkline, Spinner, StackedBars, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, applyKanbanFilter, buttonGroupVariants, celebrate, cn, computeEta, create_command_suggestion_extension, easeToward, errorToast, format_num, generateUUID, get_hazo_ui_config, get_logger, isLucideValue, median, parse_commands_from_text, pick_x_label_indices, reset_hazo_ui_config, resolve_animation_classes, safeHref, set_hazo_ui_config, set_logger, successToast, text_to_tiptap_content, toggleVariants, upsertEntry as upsertMemoryEntry, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useEtaProgress, useFullscreen, useIsMobile, useLoadingState, useLocalStorage, useMediaQuery, useSessionStorage, useViewport, useWakeLock, use_fullscreen, use_wake_lock };
+// src/lib/remembered_state.ts
+function readRememberedState(key) {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.localStorage.getItem(key);
+    return raw ? JSON.parse(raw) : null;
+  } catch {
+    return null;
+  }
+}
+function writeRememberedState(key, snapshot) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(key, JSON.stringify(snapshot));
+  } catch {
+  }
+}
+function hasUrlParam(search, paramName) {
+  try {
+    return new URLSearchParams(search).has(paramName);
+  } catch {
+    return false;
+  }
+}
+
+// src/hooks/use_remembered_state.ts
+function useRememberedState({
+  key,
+  snapshot,
+  restore,
+  enabled = true,
+  debounceMs = 600,
+  skipWhenUrlParam
+}) {
+  const restoreRef = useRef(restore);
+  useEffect(() => {
+    restoreRef.current = restore;
+  });
+  const didRestore = useRef(false);
+  useEffect(() => {
+    if (didRestore.current) return;
+    didRestore.current = true;
+    if (!enabled) return;
+    if (typeof window === "undefined") return;
+    if (skipWhenUrlParam && hasUrlParam(window.location.search, skipWhenUrlParam)) return;
+    const remembered = readRememberedState(key);
+    if (remembered === null) return;
+    try {
+      restoreRef.current(remembered);
+    } catch {
+    }
+  }, [key, enabled, skipWhenUrlParam]);
+  const snapshotJson = JSON.stringify(snapshot);
+  const writeTimer = useRef(null);
+  useEffect(() => {
+    if (!enabled) return;
+    if (writeTimer.current) clearTimeout(writeTimer.current);
+    writeTimer.current = setTimeout(() => {
+      writeRememberedState(key, snapshot);
+    }, debounceMs);
+    return () => {
+      if (writeTimer.current) clearTimeout(writeTimer.current);
+    };
+  }, [key, snapshotJson, enabled, debounceMs]);
+}
+var COARSE_QUERY = "(pointer: coarse)";
+function subscribe_coarse(notify) {
+  if (typeof window === "undefined") return () => {
+  };
+  const mql = window.matchMedia(COARSE_QUERY);
+  mql.addEventListener("change", notify);
+  return () => mql.removeEventListener("change", notify);
+}
+function get_coarse_snapshot() {
+  return window.matchMedia(COARSE_QUERY).matches;
+}
+function get_coarse_server_snapshot() {
+  return false;
+}
+function useLongPress({
+  onLongPress,
+  delayMs = 500,
+  moveThresholdPx = 8,
+  hapticMs = 10
+}) {
+  const isCoarse = useSyncExternalStore(
+    subscribe_coarse,
+    get_coarse_snapshot,
+    get_coarse_server_snapshot
+  );
+  const timerRef = useRef(null);
+  const originRef = useRef(null);
+  const firedRef = useRef(false);
+  const eventRef = useRef(null);
+  const cancel = useCallback(() => {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+    originRef.current = null;
+    eventRef.current = null;
+  }, []);
+  useEffect(() => () => cancel(), [cancel]);
+  const noop = useCallback(() => {
+  }, []);
+  const handlePointerDown = useCallback(
+    (e) => {
+      if (originRef.current && originRef.current.pointerId !== e.pointerId) {
+        cancel();
+        return;
+      }
+      firedRef.current = false;
+      originRef.current = { x: e.clientX, y: e.clientY, pointerId: e.pointerId };
+      eventRef.current = e;
+      timerRef.current = setTimeout(() => {
+        timerRef.current = null;
+        firedRef.current = true;
+        if (hapticMs > 0 && typeof navigator !== "undefined" && "vibrate" in navigator) {
+          try {
+            navigator.vibrate?.(hapticMs);
+          } catch {
+          }
+        }
+        const evt = eventRef.current;
+        if (evt) onLongPress(evt);
+      }, delayMs);
+    },
+    [delayMs, hapticMs, cancel, onLongPress]
+  );
+  const handlePointerMove = useCallback(
+    (e) => {
+      if (!originRef.current) return;
+      const dx = e.clientX - originRef.current.x;
+      const dy = e.clientY - originRef.current.y;
+      if (Math.hypot(dx, dy) > moveThresholdPx) cancel();
+    },
+    [moveThresholdPx, cancel]
+  );
+  const handlePointerUpOrCancel = useCallback(() => {
+    cancel();
+  }, [cancel]);
+  const handleClick = useCallback((e) => {
+    if (firedRef.current) {
+      e.preventDefault();
+      e.stopPropagation();
+      firedRef.current = false;
+    }
+  }, []);
+  if (!isCoarse) {
+    return {
+      onPointerDown: noop,
+      onPointerMove: noop,
+      onPointerUp: noop,
+      onPointerCancel: noop,
+      onClick: noop
+    };
+  }
+  return {
+    onPointerDown: handlePointerDown,
+    onPointerMove: handlePointerMove,
+    onPointerUp: handlePointerUpOrCancel,
+    onPointerCancel: handlePointerUpOrCancel,
+    onClick: handleClick
+  };
+}
+
+// src/lib/announce.ts
+var DEFAULT_ANNOUNCE_EVENT = "hazo_ui:announce";
+function announce(message, priority = "polite", options) {
+  if (typeof window === "undefined") return;
+  const trimmed = message.trim();
+  if (!trimmed) return;
+  const eventName = options?.eventName ?? DEFAULT_ANNOUNCE_EVENT;
+  window.dispatchEvent(
+    new CustomEvent(eventName, {
+      detail: { message: trimmed, priority }
+    })
+  );
+}
+function LiveRegion({
+  eventName = DEFAULT_ANNOUNCE_EVENT,
+  className = "sr-only",
+  clearAfterMs = 6e3
+}) {
+  const [polite, set_polite] = useState("");
+  const [assertive, set_assertive] = useState("");
+  const polite_timer = useRef(null);
+  const assertive_timer = useRef(null);
+  useEffect(() => {
+    const handler = (e) => {
+      const detail = e.detail;
+      if (!detail?.message) return;
+      if (detail.priority === "assertive") {
+        if (assertive_timer.current) clearTimeout(assertive_timer.current);
+        set_assertive((prev) => prev === detail.message ? `${detail.message} ` : detail.message);
+        assertive_timer.current = setTimeout(() => set_assertive(""), clearAfterMs);
+      } else {
+        if (polite_timer.current) clearTimeout(polite_timer.current);
+        set_polite((prev) => prev === detail.message ? `${detail.message} ` : detail.message);
+        polite_timer.current = setTimeout(() => set_polite(""), clearAfterMs);
+      }
+    };
+    window.addEventListener(eventName, handler);
+    return () => {
+      window.removeEventListener(eventName, handler);
+      if (polite_timer.current) clearTimeout(polite_timer.current);
+      if (assertive_timer.current) clearTimeout(assertive_timer.current);
+    };
+  }, [eventName, clearAfterMs]);
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", "aria-atomic": "true", className, children: polite }),
+    /* @__PURE__ */ jsx("div", { role: "alert", "aria-live": "assertive", "aria-atomic": "true", className, children: assertive })
+  ] });
+}
+
+// src/lib/scroll_restore.ts
+var DEFAULT_SCROLL_RESTORE_PREFIX = "hazo_ui:scrollPos";
+function buildScrollRestoreKey(prefix, treeId, viewName) {
+  return `${prefix}.${treeId}.${viewName}`;
+}
+function saveScrollPos(key, scrollY) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(key, String(Math.round(scrollY)));
+  } catch {
+  }
+}
+function loadScrollPos(key) {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.localStorage.getItem(key);
+    if (!raw) return null;
+    const n = Number.parseInt(raw, 10);
+    return Number.isFinite(n) ? n : null;
+  } catch {
+    return null;
+  }
+}
+
+// src/hooks/use_scroll_restore.ts
+function useScrollRestore(treeId, viewName, options) {
+  const key = buildScrollRestoreKey(options?.prefix ?? DEFAULT_SCROLL_RESTORE_PREFIX, treeId, viewName);
+  const save = useCallback((scrollY) => saveScrollPos(key, scrollY), [key]);
+  const load = useCallback(() => loadScrollPos(key), [key]);
+  return { save, load };
+}
+
+export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AppFooter, AppHeader, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, CanvasTextToolbar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DEFAULT_ANNOUNCE_EVENT, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, FunnelChart, HazoContextProvider, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiEtaProgress, HazoUiFlexInput, HazoUiFlexRadio, HazoUiIcon, HazoUiIconPicker, HazoUiImageCropper, HazoUiImageCropperDialog, HazoUiKanban, HazoUiKanbanFilter, HazoUiMemoryDropdown, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiProgressBar, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAffix, InverseSparkline, Label3 as Label, LiveRegion, LoadingTimeout, Logo, MarkdownEditor, NotificationCountBadge, NotificationItem, NotificationPanel, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Slider, Sparkline, Spinner, StackedBars, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, announce, applyKanbanFilter, buttonGroupVariants, celebrate, cn, computeEta, create_command_suggestion_extension, easeToward, errorToast, format_num, generateUUID, get_hazo_ui_config, get_logger, hasUrlParam, isLucideValue, median, parse_commands_from_text, permissionToast, pick_x_label_indices, readRememberedState, reset_hazo_ui_config, resolve_animation_classes, safeHref, set_hazo_ui_config, set_logger, successToast, text_to_tiptap_content, toggleVariants, upsertEntry as upsertMemoryEntry, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useEtaProgress, useFullscreen, useIsMobile, useLoadingState, useLocalStorage, useLongPress, useMediaQuery, useRememberedState, useScrollRestore, useSessionStorage, useViewport, useWakeLock, use_fullscreen, use_wake_lock, writeRememberedState };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map