@doscientos/ui 0.1.33 → 0.1.34

package/dist/index.d.cts

@@ -30,7 +30,7 @@ type UseAutosaveOptions<T> = {
     enabled?: boolean;
     serialize?: (data: T) => string;
 };
-/** Debounced autosave with stale-value protection and an explicit `saveNow`. */
+/** Debounced, serialized writes. saveNow flushes the debounce; errors remain in state. */
 declare function useAutosave<T>({ data, onSave, debounceMs, enabled, serialize, }: UseAutosaveOptions<T>): {
     status: AutosaveStatus;
     error: Error | null;
@@ -856,7 +856,7 @@ type PaginationProps = {
     ariaLabel?: string;
     /** Optional description of the slice of results currently visible. */
     summary?: React$1.ReactNode;
-    /** Number of neighbouring pages shown around the current page. */
+    /** Number of neighbouring pages shown around the current page (normalized to 0–10). */
     siblingCount?: number;
     className?: string;
 };

package/dist/index.d.ts

@@ -30,7 +30,7 @@ type UseAutosaveOptions<T> = {
     enabled?: boolean;
     serialize?: (data: T) => string;
 };
-/** Debounced autosave with stale-value protection and an explicit `saveNow`. */
+/** Debounced, serialized writes. saveNow flushes the debounce; errors remain in state. */
 declare function useAutosave<T>({ data, onSave, debounceMs, enabled, serialize, }: UseAutosaveOptions<T>): {
     status: AutosaveStatus;
     error: Error | null;
@@ -856,7 +856,7 @@ type PaginationProps = {
     ariaLabel?: string;
     /** Optional description of the slice of results currently visible. */
     summary?: React$1.ReactNode;
-    /** Number of neighbouring pages shown around the current page. */
+    /** Number of neighbouring pages shown around the current page (normalized to 0–10). */
     siblingCount?: number;
     className?: string;
 };

package/dist/index.js

@@ -13,6 +13,7 @@ function useAsyncAction(action) {
       pendingRef.current = true;
       setStatus("pending");
       setError(null);
+      setData(null);
       try {
         const result = await action(...args);
         setData(result);
@@ -29,6 +30,7 @@ function useAsyncAction(action) {
     [action]
   );
   const reset = useCallback(() => {
+    if (pendingRef.current) return;
     setData(null);
     setError(null);
     setStatus("idle");
@@ -51,24 +53,45 @@ function useAutosave({
   const saveRef = useRef2(onSave);
   const serializeRef = useRef2(serialize);
   const latestSaveId = useRef2(0);
+  const queue = useRef2(Promise.resolve());
+  const queuedCount = useRef2(0);
+  const timeoutRef = useRef2(void 0);
+  const mounted = useRef2(true);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      clearTimeout(timeoutRef.current);
+    };
+  }, []);
   useEffect(() => {
     saveRef.current = onSave;
     serializeRef.current = serialize;
   }, [onSave, serialize]);
-  const save = useCallback2(async (value) => {
+  const save = useCallback2((value, force = false) => {
+    clearTimeout(timeoutRef.current);
     const saveId = ++latestSaveId.current;
+    const snapshot = serializeRef.current(value);
+    const write = saveRef.current;
+    queuedCount.current += 1;
     setStatus("saving");
     setError(null);
-    try {
-      await saveRef.current(value);
-      if (saveId !== latestSaveId.current) return;
-      lastSaved.current = serializeRef.current(value);
-      setStatus("saved");
-    } catch (cause) {
-      if (saveId !== latestSaveId.current) return;
-      setError(cause instanceof Error ? cause : new Error("No se pudo guardar."));
-      setStatus("error");
-    }
+    const pending = queue.current.then(async () => {
+      try {
+        if (!mounted.current) return;
+        if (force || lastSaved.current !== snapshot) await write(value);
+        lastSaved.current = snapshot;
+        if (mounted.current && saveId === latestSaveId.current) setStatus("saved");
+      } catch (cause) {
+        if (!mounted.current || saveId !== latestSaveId.current) return;
+        setError(cause instanceof Error ? cause : new Error("No se pudo guardar."));
+        setStatus("error");
+      } finally {
+        queuedCount.current -= 1;
+      }
+    });
+    queue.current = pending;
+    return pending;
   }, []);
   useEffect(() => {
     if (!enabled) return;
@@ -77,11 +100,11 @@ function useAutosave({
       lastSaved.current = snapshot;
       return;
     }
-    if (snapshot === lastSaved.current) return;
-    const timeout = window.setTimeout(() => void save(data), debounceMs);
-    return () => window.clearTimeout(timeout);
+    if (snapshot === lastSaved.current && queuedCount.current === 0) return;
+    timeoutRef.current = setTimeout(() => void save(data), debounceMs);
+    return () => clearTimeout(timeoutRef.current);
   }, [data, debounceMs, enabled, save]);
-  return { status, error, saveNow: () => save(data) };
+  return { status, error, saveNow: () => save(data, true) };
 }
 
 // src/hooks/use-clipboard.ts
@@ -1513,10 +1536,10 @@ function ComboboxContent({ className, ...props }) {
     Popover,
     {
       "data-slot": "combobox-content",
-      className: cn(
+      className: (state) => cn(
         floatingSurfaceClassName,
         "max-h-72 w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground",
-        className
+        typeof className === "function" ? className(state) : className
       ),
       ...props
     }
@@ -1531,7 +1554,10 @@ function ComboboxList({
     ListBox,
     {
       "data-slot": "combobox-list",
-      className: cn("max-h-64 overflow-y-auto", className),
+      className: (state) => cn(
+        "max-h-64 overflow-y-auto",
+        typeof className === "function" ? className(state) : className
+      ),
       renderEmptyState: emptyState ? () => emptyState : void 0,
       ...props
     }
@@ -1546,9 +1572,9 @@ function ComboboxItem({
     ListBoxItem,
     {
       "data-slot": "combobox-item",
-      className: cn(
+      className: (state) => cn(
         "flex w-full cursor-default items-center justify-between rounded-md px-2 py-2 text-sm outline-none transition-colors data-focused:bg-muted data-focused:text-foreground data-hovered:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50",
-        className
+        typeof className === "function" ? className(state) : className
       ),
       ...props,
       children
@@ -1623,7 +1649,10 @@ function AutocompleteCombobox({
     AriaComboBox,
     {
       ...props,
-      className: cn("group/combobox flex w-full flex-col gap-1.5", className),
+      className: (state) => cn(
+        "group/combobox flex w-full flex-col gap-1.5",
+        typeof className === "function" ? className(state) : className
+      ),
       items: filteredItems,
       selectedKey,
       inputValue,
@@ -2479,16 +2508,19 @@ function ErrorStateActions({ className, ...props }) {
 
 // src/ui/error-boundary/error-boundary.tsx
 import { jsx as jsx28, jsxs as jsxs12 } from "react/jsx-runtime";
+function normalizeError(cause) {
+  return cause instanceof Error ? cause : new Error("No se pudo renderizar este contenido.", { cause });
+}
 function changedResetKeys(previous = [], next = []) {
   return previous.length !== next.length || previous.some((value, index) => !Object.is(value, next[index]));
 }
 var Boundary = class extends Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
-    return { error };
+    return { error: normalizeError(error) };
   }
   componentDidCatch(error, info) {
-    this.props.onError?.(error, info);
+    this.props.onError?.(this.state.error ?? normalizeError(error), info);
   }
   componentDidUpdate(previousProps) {
     if (this.state.error && changedResetKeys(previousProps.resetKeys, this.props.resetKeys))
@@ -2500,7 +2532,7 @@ var Boundary = class extends Component {
     if (!this.state.error) return children;
     if (typeof fallback === "function")
       return fallback({ error: this.state.error, reset: this.reset });
-    if (fallback) return fallback;
+    if (fallback !== void 0) return fallback;
     return /* @__PURE__ */ jsxs12(ErrorState, { children: [
       /* @__PURE__ */ jsx28(ErrorStateIcon, {}),
       /* @__PURE__ */ jsx28(ErrorStateTitle, { children: "No se pudo cargar este contenido" }),
@@ -3582,16 +3614,17 @@ import { ChevronLeft, ChevronRight } from "lucide-react";
 import * as React6 from "react";
 import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
 function visiblePages(page, pageCount, siblingCount) {
+  const siblings = Number.isFinite(siblingCount) ? Math.min(10, Math.max(0, Math.floor(siblingCount))) : 1;
   return [
     .../* @__PURE__ */ new Set([
       1,
-      ...Array.from({ length: siblingCount * 2 + 1 }, (_, index) => page - siblingCount + index),
+      ...Array.from({ length: siblings * 2 + 1 }, (_, index) => page - siblings + index),
       pageCount
     ])
   ].filter((item) => item >= 1 && item <= pageCount).sort((left, right) => left - right);
 }
 function normalizedPageCount(pageCount) {
-  return Number.isFinite(pageCount) ? Math.max(0, Math.floor(pageCount)) : 0;
+  return Number.isFinite(pageCount) ? Math.min(Number.MAX_SAFE_INTEGER, Math.max(0, Math.floor(pageCount))) : 0;
 }
 function normalizedPage(page, pageCount) {
   if (!Number.isFinite(page)) return 1;
@@ -3640,7 +3673,7 @@ function Pagination({
                   "aria-label": `P\xE1gina ${item}`,
                   onPress: () => onPageChange(item),
                   size: "icon",
-                  variant: item === page ? "secondary" : "ghost",
+                  variant: item === currentPage ? "secondary" : "ghost",
                   children: item
                 }
               )