hazo_ui 3.3.0 → 3.4.1

package/dist/index.js

@@ -74,6 +74,7 @@ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { Toaster, toast } from 'sonner';
 export { toast as rawToast } from 'sonner';
+import { useHazoState } from 'hazo_state/client';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -7931,6 +7932,18 @@ function useFullscreen(elementRef) {
   }, [enter, exit]);
   return { isFullscreen: is_fullscreen, enter, exit, toggle };
 }
+function use_wake_lock(active) {
+  const { acquired, request, release } = useWakeLock();
+  useEffect(() => {
+    if (active && !acquired) void request();
+    if (!active && acquired) void release();
+  }, [active, acquired, request, release]);
+}
+function use_fullscreen() {
+  const ref = useRef(null);
+  const { isFullscreen, toggle } = useFullscreen(ref);
+  return { is_fullscreen: isFullscreen, toggle, ref };
+}
 function KanbanCard({
   item,
   renderCard,
@@ -10633,6 +10646,177 @@ function CelebrationModalInner({
   );
 }
 
-export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, HazoContextProvider, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiFlexInput, HazoUiFlexRadio, HazoUiKanban, HazoUiKanbanFilter, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InverseSparkline, Label3 as Label, LineChart, LoadingTimeout, MarkdownEditor, MultiLineChart, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Sparkline, Spinner, StackedBars, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, applyKanbanFilter, buttonGroupVariants, celebrate, cn, create_command_suggestion_extension, errorToast, format_num, generateUUID, get_hazo_ui_config, get_logger, parse_commands_from_text, pick_x_label_indices, reset_hazo_ui_config, resolve_animation_classes, set_hazo_ui_config, set_logger, successToast, text_to_tiptap_content, toggleVariants, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useFullscreen, useIsMobile, useLoadingState, useLocalStorage, useMediaQuery, useSessionStorage, useViewport, useWakeLock };
+// src/components/hazo_ui_eta_progress/eta.ts
+function median(values) {
+  if (values.length === 0) return 0;
+  const sorted = [...values].sort((a, b) => a - b);
+  const mid = Math.floor(sorted.length / 2);
+  return sorted.length % 2 === 0 ? (sorted[mid - 1] + sorted[mid]) / 2 : sorted[mid];
+}
+function computeEta(durationWindow, unitCount, concurrency = 1, fallbackUnitMs = 5e3) {
+  const unitMs = durationWindow.length > 0 ? median(durationWindow) : fallbackUnitMs;
+  return unitMs * Math.ceil(unitCount / Math.max(1, concurrency));
+}
+function easeToward(elapsed, eta, maxCap = 0.95) {
+  if (eta <= 0 || elapsed <= 0) return 0;
+  const t = elapsed / eta;
+  return maxCap * (1 - Math.exp(-1.5 * t));
+}
+function HazoUiProgressBar({
+  value,
+  label,
+  showPercent = false,
+  size = 8,
+  className
+}) {
+  const pct = Math.round(Math.min(1, Math.max(0, value)) * 100);
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+    (label || showPercent) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1", children: [
+      label && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: label }),
+      showPercent && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
+        pct,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "progressbar",
+        "aria-valuenow": pct,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": label,
+        className: "w-full rounded-full overflow-hidden bg-muted",
+        style: { height: size },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-full rounded-full bg-accent transition-[width] duration-200 ease-out motion-reduce:transition-none",
+            style: { width: `${pct}%` }
+          }
+        )
+      }
+    )
+  ] });
+}
+function useEtaProgress(opts) {
+  const {
+    unitCount,
+    concurrency = 1,
+    fallbackUnitMs = 5e3,
+    loadDurations,
+    appendDuration
+  } = opts;
+  const [value, setValue] = React26.useState(0);
+  const stateRef = React26.useRef({
+    started: false,
+    finished: false,
+    startTime: 0,
+    unitsDone: 0,
+    unitTimestamps: [],
+    // timestamps of each unitDone() call
+    eta: 0,
+    rafId: 0
+  });
+  const stop = React26.useCallback(() => {
+    if (stateRef.current.rafId) {
+      cancelAnimationFrame(stateRef.current.rafId);
+      stateRef.current.rafId = 0;
+    }
+  }, []);
+  React26.useEffect(() => stop, [stop]);
+  const tick = React26.useCallback(() => {
+    const s = stateRef.current;
+    if (s.finished || !s.started) return;
+    const elapsed = Date.now() - s.startTime;
+    const timeValue = easeToward(elapsed, s.eta);
+    const unitValue = unitCount > 0 ? s.unitsDone / unitCount : 0;
+    setValue(Math.max(timeValue, unitValue));
+    s.rafId = requestAnimationFrame(tick);
+  }, [unitCount]);
+  const start = React26.useCallback(() => {
+    const s = stateRef.current;
+    if (s.started) return;
+    const window2 = loadDurations();
+    const eta = computeEta(window2, unitCount, concurrency, fallbackUnitMs);
+    s.started = true;
+    s.finished = false;
+    s.startTime = Date.now();
+    s.unitsDone = 0;
+    s.unitTimestamps = [];
+    s.eta = eta;
+    stop();
+    s.rafId = requestAnimationFrame(tick);
+  }, [loadDurations, unitCount, concurrency, fallbackUnitMs, stop, tick]);
+  const unitDone = React26.useCallback(() => {
+    const s = stateRef.current;
+    if (!s.started || s.finished) return;
+    s.unitsDone = Math.min(s.unitsDone + 1, unitCount);
+    s.unitTimestamps.push(Date.now());
+  }, [unitCount]);
+  const finish = React26.useCallback(() => {
+    const s = stateRef.current;
+    if (s.finished) return;
+    s.finished = true;
+    stop();
+    setValue(1);
+    if (s.started && s.unitTimestamps.length > 0) {
+      const totalMs = Date.now() - s.startTime;
+      const perUnitMs = totalMs / Math.ceil(unitCount / Math.max(1, concurrency));
+      appendDuration(perUnitMs);
+    }
+    s.started = false;
+    s.unitsDone = 0;
+  }, [stop, unitCount, concurrency, appendDuration]);
+  return { value, start, unitDone, finish };
+}
+function HazoUiEtaProgress({
+  estimateKey,
+  unitCount,
+  concurrency = 1,
+  windowSize = 5,
+  fallbackUnitMs = 5e3,
+  level = "global",
+  label,
+  endpoint,
+  handleRef,
+  className
+}) {
+  const { value: stored, append } = useHazoState(estimateKey, {
+    level,
+    fallback: [],
+    ...endpoint ? { endpoint } : {}
+  });
+  const durationWindow = Array.isArray(stored) ? stored : [];
+  const loadDurations = React26.useCallback(() => durationWindow, [durationWindow]);
+  const appendDuration = React26.useCallback(
+    (ms) => {
+      append(ms, windowSize);
+    },
+    [append, windowSize]
+  );
+  const handle = useEtaProgress({
+    unitCount,
+    concurrency,
+    fallbackUnitMs,
+    loadDurations,
+    appendDuration
+  });
+  React26.useEffect(() => {
+    if (handleRef) {
+      handleRef.current = handle;
+    }
+  }, [handleRef, handle]);
+  return /* @__PURE__ */ jsx(
+    HazoUiProgressBar,
+    {
+      value: handle.value,
+      label,
+      className
+    }
+  );
+}
+
+export { ANIMATION_PRESETS, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CELEBRATION_GRADIENT, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CelebrationProvider, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandNodeExtension, CommandPill, CommandPopover, DateRangeSelector, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, ErrorPage, HazoContextProvider, HazoUiConfirmDialog, HazoUiDialog, DialogClose as HazoUiDialogClose, DialogContent as HazoUiDialogContent, DialogDescription as HazoUiDialogDescription, DialogFooter as HazoUiDialogFooter, DialogHeader as HazoUiDialogHeader, DialogOverlay as HazoUiDialogOverlay, DialogPortal as HazoUiDialogPortal, Dialog as HazoUiDialogRoot, DialogTitle as HazoUiDialogTitle, DialogTrigger as HazoUiDialogTrigger, HazoUiEtaProgress, HazoUiFlexInput, HazoUiFlexRadio, HazoUiKanban, HazoUiKanbanFilter, HazoUiMultiFilterDialog, HazoUiMultiSortDialog, HazoUiPillRadio, HazoUiProgressBar, HazoUiRte, HazoUiTable, HazoUiTextarea, HazoUiTextbox, HazoUiToaster, HoverCard, HoverCardContent, HoverCardTrigger, Input, InverseSparkline, Label3 as Label, LineChart, LoadingTimeout, MarkdownEditor, MultiLineChart, Popover, PopoverContent, PopoverTrigger, ProgressiveImage, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Command as ShadcnCommand, CommandEmpty as ShadcnCommandEmpty, CommandGroup as ShadcnCommandGroup, CommandInput as ShadcnCommandInput, CommandItem as ShadcnCommandItem, CommandList as ShadcnCommandList, Skeleton, SkeletonBar, SkeletonCircle, SkeletonGroup, SkeletonRect, Sparkline, Spinner, StackedBars, Switch, Table2 as Table, TableBody, TableCaption, TableCell2 as TableCell, TableFooter, TableHead, TableHeader2 as TableHeader, TableRow2 as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, applyKanbanFilter, buttonGroupVariants, celebrate, cn, computeEta, create_command_suggestion_extension, easeToward, errorToast, format_num, generateUUID, get_hazo_ui_config, get_logger, median, parse_commands_from_text, pick_x_label_indices, reset_hazo_ui_config, resolve_animation_classes, set_hazo_ui_config, set_logger, successToast, text_to_tiptap_content, toggleVariants, useClickOutside, useCopyToClipboard, useDebounce, useErrorDisplay, useEtaProgress, useFullscreen, useIsMobile, useLoadingState, useLocalStorage, useMediaQuery, useSessionStorage, useViewport, useWakeLock, use_fullscreen, use_wake_lock };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map