@vllnt/ui 0.2.1-canary.25c4600 → 0.2.1-canary.26ff803

package/CHANGELOG.md

@@ -10,6 +10,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 
 ### Added
 
+- **Release intelligence surface** — `/changelog`, `/releases`, `/rss.xml`, and `/atom.xml` expose one changelog source through HTML, GitHub release cards, and feed readers. `/docs/changelog` redirects to `/changelog`.
 - **Hooks + utility primitives** — `CopyButton` (+ `useCopyToClipboard` hook), `Banner` + `BannerAction`, `Kbd`, `EmptyState`, `DocumentSiblingNav`.
 - **Pricing + identity cards** — `PricingTable` + `PricingPlan`, `HistoricalFigureCard`, `CivilizationCard` (+ `CivilizationComparison`).
 - **Newsletter** — `NewsletterSignup` (state-machine driven submit flow).

package/dist/components/animated-text/animated-text.js

@@ -87,13 +87,16 @@ function buildRevealPlan(direction, length, randomness) {
   return revealPlan;
 }
 function useRevealProgress(active, length, stagger) {
-  const [progress, setProgress] = React.useState(0);
+  const [progress, setProgress] = React.useState(() => active ? 0 : length);
+  const [revealKey, setRevealKey] = React.useState({ active, length, stagger });
+  if (revealKey.active !== active || revealKey.length !== length || revealKey.stagger !== stagger) {
+    setRevealKey({ active, length, stagger });
+    setProgress(active ? 0 : length);
+  }
   React.useEffect(() => {
     if (!active) {
-      setProgress(length);
       return;
     }
-    setProgress(0);
     const revealInterval = window.setInterval(
       () => {
         setProgress((current) => {

package/dist/components/auto-reload/auto-reload.js

@@ -39,7 +39,7 @@ function getCurrencyFormatter(locale, currency) {
   const key = `${locale}|${currency}`;
   let formatter = CURRENCY_FORMATTER_CACHE.get(key);
   if (!formatter) {
-    formatter = new Intl.NumberFormat(locale, {
+    formatter = Intl.NumberFormat(locale, {
       currency,
       style: "currency"
     });

package/dist/components/carousel/carousel.js

@@ -7,6 +7,7 @@ import {
   useContext,
   useEffect,
   useMemo,
+  useRef,
   useState
 } from "react";
 import useEmblaCarousel from "embla-carousel-react";
@@ -43,6 +44,10 @@ function useCarouselLogic({
     setCanScrollPrevious(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
+  const onSelectReference = useRef(onSelect);
+  useEffect(() => {
+    onSelectReference.current = onSelect;
+  }, [onSelect]);
   const scrollPrevious = useCallback(() => {
     api?.scrollPrev();
   }, [api]);
@@ -71,17 +76,20 @@ function useCarouselLogic({
     if (!api) {
       return;
     }
-    api.on("reInit", onSelect);
-    api.on("select", onSelect);
+    const notifySelection = (selectedApi) => {
+      onSelectReference.current(selectedApi);
+    };
+    api.on("reInit", notifySelection);
+    api.on("select", notifySelection);
     const rafId = requestAnimationFrame(() => {
-      onSelect(api);
+      notifySelection(api);
     });
     return () => {
-      api?.off("select", onSelect);
-      api?.off("reInit", onSelect);
+      api?.off("select", notifySelection);
+      api?.off("reInit", notifySelection);
       cancelAnimationFrame(rafId);
     };
-  }, [api, onSelect]);
+  }, [api]);
   return {
     api,
     canScrollNext,

package/dist/components/checklist/checklist.js

@@ -3,6 +3,31 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { cn } from "../../lib/utils";
 const CHECKLIST_PROGRESS_EVENT = "vllnt:checklist-progress-change";
+const CHECKLIST_STORAGE_VERSION = 1;
+function stringItemsFromUnknown(value) {
+  return Array.isArray(value) ? value.filter((item) => typeof item === "string") : [];
+}
+function parseChecklistStorageValue(saved) {
+  try {
+    const parsed = JSON.parse(saved);
+    if (Array.isArray(parsed)) {
+      return stringItemsFromUnknown(parsed);
+    }
+    if (typeof parsed === "object" && parsed !== null && "version" in parsed && "checked" in parsed && parsed.version === CHECKLIST_STORAGE_VERSION) {
+      return stringItemsFromUnknown(parsed.checked);
+    }
+  } catch {
+    return [];
+  }
+  return [];
+}
+function createChecklistStorageValue(ids) {
+  const payload = {
+    checked: [...ids],
+    version: CHECKLIST_STORAGE_VERSION
+  };
+  return JSON.stringify(payload);
+}
 function ChecklistItemRow({
   isChecked,
   item,
@@ -117,10 +142,7 @@ function Checklist({
     if (typeof window !== "undefined" && persistKey) {
       const saved = localStorage.getItem(`checklist:${persistKey}`);
       if (saved) {
-        try {
-          return new Set(JSON.parse(saved));
-        } catch {
-        }
+        return new Set(parseChecklistStorageValue(saved));
       }
     }
     return /* @__PURE__ */ new Set();
@@ -134,7 +156,7 @@ function Checklist({
       try {
         localStorage.setItem(
           `checklist:${persistKey}`,
-          JSON.stringify([...newChecked])
+          createChecklistStorageValue(newChecked)
         );
         window.dispatchEvent(
           new CustomEvent(CHECKLIST_PROGRESS_EVENT, {
@@ -187,5 +209,8 @@ function Checklist({
 }
 export {
   CHECKLIST_PROGRESS_EVENT,
-  Checklist
+  CHECKLIST_STORAGE_VERSION,
+  Checklist,
+  createChecklistStorageValue,
+  parseChecklistStorageValue
 };

package/dist/components/checklist/index.js

@@ -1,8 +1,14 @@
 import {
   Checklist,
-  CHECKLIST_PROGRESS_EVENT
+  CHECKLIST_PROGRESS_EVENT,
+  CHECKLIST_STORAGE_VERSION,
+  createChecklistStorageValue,
+  parseChecklistStorageValue
 } from "./checklist";
 export {
   CHECKLIST_PROGRESS_EVENT,
-  Checklist
+  CHECKLIST_STORAGE_VERSION,
+  Checklist,
+  createChecklistStorageValue,
+  parseChecklistStorageValue
 };

package/dist/components/combobox/combobox.js

@@ -15,11 +15,6 @@ import {
 import { Popover, PopoverContent, PopoverTrigger } from "../popover";
 function useComboboxValue(value, onValueChange) {
   const [internalValue, setInternalValue] = React.useState(value ?? "");
-  React.useEffect(() => {
-    if (value !== void 0) {
-      setInternalValue(value);
-    }
-  }, [value]);
   const resolvedValue = value ?? internalValue;
   const setResolvedValue = (nextValue) => {
     if (value === void 0) {

package/dist/components/completion-dialog/completion-dialog.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { memo, useCallback, useEffect, useRef } from "react";
+import { memo, useEffect, useRef } from "react";
 import { cn } from "../../lib/utils";
 import { Button } from "../button";
 function DialogContent({
@@ -98,8 +98,11 @@ function CompletionDialogImpl({
   onConfirm,
   title
 }) {
-  const handleKeyDown = useCallback(
-    (event) => {
+  const keyDownHandlerRef = useRef(() => {
+    return;
+  });
+  useEffect(() => {
+    keyDownHandlerRef.current = (event) => {
       if (!isOpen) return;
       if (event.key === "Escape") {
         event.preventDefault();
@@ -118,16 +121,18 @@ function CompletionDialogImpl({
         event.stopPropagation();
         onCancel();
       }
-    },
-    [isOpen, onClose, onConfirm, onCancel, confirmShortcut, cancelShortcut]
-  );
+    };
+  }, [cancelShortcut, confirmShortcut, isOpen, onCancel, onClose, onConfirm]);
   useEffect(() => {
     if (!isOpen) return;
-    document.addEventListener("keydown", handleKeyDown, true);
+    const onDocumentKeyDown = (event) => {
+      keyDownHandlerRef.current(event);
+    };
+    document.addEventListener("keydown", onDocumentKeyDown, true);
     return () => {
-      document.removeEventListener("keydown", handleKeyDown, true);
+      document.removeEventListener("keydown", onDocumentKeyDown, true);
     };
-  }, [isOpen, handleKeyDown]);
+  }, [isOpen]);
   if (!isOpen) return null;
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/components/content-intro/content-intro.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { memo, useCallback, useEffect } from "react";
+import { memo, useEffect, useRef } from "react";
 import { cn } from "../../lib/utils";
 import { Button } from "../button";
 const DEFAULT_LABELS = {
@@ -25,21 +25,22 @@ function ContentIntroImpl({
 }) {
   const mergedLabels = { ...DEFAULT_LABELS, ...labels };
   const hasProgress = completedSections.size > 0;
-  const handleKeyDown = useCallback(
-    (event) => {
+  const onStartRef = useRef(onStart);
+  useEffect(() => {
+    onStartRef.current = onStart;
+  }, [onStart]);
+  useEffect(() => {
+    const onDocumentKeyDown = (event) => {
       if (event.key === "Enter") {
         event.preventDefault();
-        onStart();
+        onStartRef.current();
       }
-    },
-    [onStart]
-  );
-  useEffect(() => {
-    document.addEventListener("keydown", handleKeyDown);
+    };
+    document.addEventListener("keydown", onDocumentKeyDown);
     return () => {
-      document.removeEventListener("keydown", handleKeyDown);
+      document.removeEventListener("keydown", onDocumentKeyDown);
     };
-  }, [handleKeyDown]);
+  }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "animate-in fade-in-0 duration-500 pb-24", children: [
       /* @__PURE__ */ jsxs("section", { className: "py-6", children: [

package/dist/components/conversation-thread/conversation-thread.js

@@ -319,18 +319,18 @@ const ConversationLoading = forwardRef(({ className }, reference) => {
         /* @__PURE__ */ jsx(
           "span",
           {
-            className: "size-2 animate-bounce rounded-full bg-muted-foreground",
+            className: "size-2 animate-pulse rounded-full bg-muted-foreground",
             style: { animationDelay: "-0.3s" }
           }
         ),
         /* @__PURE__ */ jsx(
           "span",
           {
-            className: "size-2 animate-bounce rounded-full bg-muted-foreground",
+            className: "size-2 animate-pulse rounded-full bg-muted-foreground",
             style: { animationDelay: "-0.15s" }
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "size-2 animate-bounce rounded-full bg-muted-foreground" })
+        /* @__PURE__ */ jsx("span", { className: "size-2 animate-pulse rounded-full bg-muted-foreground" })
       ]
     }
   );

package/dist/components/date-picker/date-picker.js

@@ -25,11 +25,6 @@ const DatePicker = React.forwardRef(
       value
     );
     const selectedDate = value ?? internalValue;
-    React.useEffect(() => {
-      if (value !== void 0) {
-        setInternalValue(value);
-      }
-    }, [value]);
     const handleSelect = (nextDate) => {
       if (value === void 0) {
         setInternalValue(nextDate);

package/dist/components/file-upload/file-upload.js

@@ -8,11 +8,6 @@ function useFileUploadState(controlledFiles, multiple, onFilesChange) {
   const [internalFiles, setInternalFiles] = React.useState(
     controlledFiles ?? []
   );
-  React.useEffect(() => {
-    if (controlledFiles !== void 0) {
-      setInternalFiles(controlledFiles);
-    }
-  }, [controlledFiles]);
   const resolvedFiles = controlledFiles ?? internalFiles;
   const updateFiles = React.useCallback(
     (nextFiles) => {

package/dist/components/filter-bar/filter-bar.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { memo, useCallback, useState } from "react";
+import { memo, useCallback, useTransition } from "react";
 import { cn } from "../../lib/utils";
 import { Badge } from "../badge";
 function SearchInput({
@@ -160,15 +160,15 @@ function FilterBarImpl({
   searchQuery,
   tags
 }) {
-  const [isPending, setIsPending] = useState(false);
+  const [isPending, startTransition] = useTransition();
   const mergedLabels = { ...DEFAULT_LABELS, ...labels };
   const handleDifficultyChange = useCallback(
     (difficulty) => {
-      setIsPending(true);
-      onFiltersChange({ difficulty });
-      setIsPending(false);
+      startTransition(() => {
+        onFiltersChange({ difficulty });
+      });
     },
-    [onFiltersChange]
+    [onFiltersChange, startTransition]
   );
   const handleSearchChange = useCallback(
     (search) => {

package/dist/components/gantt-chart/gantt-chart.js

@@ -56,7 +56,7 @@ function getTickDateTimeFormatter(locale, scale) {
   let formatter = TICK_FORMATTER_CACHE.get(key);
   if (!formatter) {
     const options = scale === "month" ? { month: "short", year: "numeric" } : { day: "2-digit", month: "short" };
-    formatter = new Intl.DateTimeFormat(locale, options);
+    formatter = Intl.DateTimeFormat(locale, options);
     TICK_FORMATTER_CACHE.set(key, formatter);
   }
   return formatter;
@@ -93,13 +93,14 @@ function buildTicks(input) {
   const formatter = buildTickFormatter(scale, locale);
   const stepDays = getTickStep(scale);
   const tickCount = Math.floor(totalDays / stepDays);
-  return Array.from({ length: tickCount + 1 }).map((_, index) => {
+  return Array.from({ length: tickCount + 1 }).reduce((ticks, _, index) => {
     const day = index * stepDays;
-    return {
-      date: new Date(start.getTime() + day * MS_PER_DAY),
-      offset: day
-    };
-  }).filter((tick) => tick.date.getTime() <= end.getTime()).map((tick) => ({ label: formatter(tick.date), offset: tick.offset }));
+    const date = new Date(start.getTime() + day * MS_PER_DAY);
+    if (date.getTime() <= end.getTime()) {
+      ticks.push({ label: formatter(date), offset: day });
+    }
+    return ticks;
+  }, []);
 }
 function useChartGeometry(options) {
   const { endDate, locale, scale, startDate } = options;

package/dist/components/globe-3d/globe-3d.js

@@ -161,9 +161,12 @@ const GlobeArc = forwardRef(
 GlobeArc.displayName = "GlobeArc";
 function buildLine(arguments_) {
   const { points, rotationLat, rotationLng } = arguments_;
-  return points.map((coord) => project(coord, rotationLng, rotationLat)).reduce(
-    (state, projected) => {
-      if (!projected.visible) return { path: state.path, pen: "up" };
+  return points.reduce(
+    (state, coord) => {
+      const projected = project(coord, rotationLng, rotationLat);
+      if (!projected.visible) {
+        return { path: state.path, pen: "up" };
+      }
       const head = state.pen === "up" ? "M" : "L";
       const separator = state.path.length > 0 ? " " : "";
       return {
@@ -185,7 +188,16 @@ function Graticule({ rotationLat, rotationLng }) {
   const meridians = range(-150, 180, 30).map(
     (lng) => range(-85, 85, 5).map((lat) => ({ lat, lng }))
   );
-  const lines = [...parallels, ...meridians].map((points) => buildLine({ points, rotationLat, rotationLng })).filter((path) => path.length > 0);
+  const lines = [...parallels, ...meridians].reduce(
+    (paths, points) => {
+      const path = buildLine({ points, rotationLat, rotationLng });
+      if (path.length > 0) {
+        paths.push(path);
+      }
+      return paths;
+    },
+    []
+  );
   return /* @__PURE__ */ jsx(
     "g",
     {

package/dist/components/interactive-timeline/interactive-timeline.js

@@ -607,9 +607,12 @@ function useTimelineContextValue(arguments_) {
 function useTimelineFilter(categories, events) {
   const [hidden, setHidden] = useState(() => /* @__PURE__ */ new Set());
   const visibleCategories = useMemo(
-    () => new Set(
-      categories.filter((category) => !hidden.has(category.id)).map((category) => category.id)
-    ),
+    () => categories.reduce((visible, category) => {
+      if (!hidden.has(category.id)) {
+        visible.add(category.id);
+      }
+      return visible;
+    }, /* @__PURE__ */ new Set()),
     [categories, hidden]
   );
   const toggleCategory = useCallback((id) => {

package/dist/components/lang-provider/lang-provider.js

@@ -6,11 +6,11 @@ function LangProvider({
   supportedLanguages = ["en", "fr"]
 }) {
   const pathname = usePathname();
+  const langMatch = /^\/([a-z]{2})(?:\/|$)/.exec(pathname);
+  const lang = langMatch && supportedLanguages.includes(langMatch[1]) ? langMatch[1] : defaultLanguage;
   useEffect(() => {
-    const langMatch = /^\/([a-z]{2})(?:\/|$)/.exec(pathname);
-    const lang = langMatch && supportedLanguages.includes(langMatch[1]) ? langMatch[1] : defaultLanguage;
     document.documentElement.setAttribute("lang", lang);
-  }, [pathname, defaultLanguage, supportedLanguages]);
+  }, [lang]);
   return null;
 }
 export {

package/dist/components/live-feed/live-feed.js

@@ -131,7 +131,7 @@ const LiveFeed = React.forwardRef(
       [events, maxItems]
     );
     return /* @__PURE__ */ jsxs(Card, { className: cn("shadow-sm", className), ref, ...props, children: [
-      /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3 space-y-0 pb-3", children: [
+      /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3 gap-y-0 pb-3", children: [
         /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
           /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: title }),
           description ? /* @__PURE__ */ jsx(CardDescription, { children: description }) : null

package/dist/components/map-2d/map-2d.js

@@ -53,7 +53,7 @@ function useMapState(arguments_) {
   }, [center]);
   const [pan, setPan] = useState(initialPan);
   const [zoom, setZoom] = useState(
-    clamp(initialZoom, MIN_ZOOM, MAX_ZOOM)
+    () => clamp(initialZoom, MIN_ZOOM, MAX_ZOOM)
   );
   const zoomIn = useCallback(() => {
     setZoom((current) => clamp(current * ZOOM_STEP, MIN_ZOOM, MAX_ZOOM));

package/dist/components/map-timeline/map-timeline.js

@@ -301,7 +301,7 @@ function useTimelineCtx(arguments_) {
 function useTimelineState(arguments_) {
   const { endYear, initialYear, onYearChange, startYear } = arguments_;
   const [year, setYear] = useState(
-    clamp(initialYear ?? startYear, startYear, endYear)
+    () => clamp(initialYear ?? startYear, startYear, endYear)
   );
   const [isPlaying, setIsPlaying] = useState(false);
   const updateYear = useCallback(

package/dist/components/mdx-content/mdx-content.js

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { evaluate } from "@mdx-js/mdx";
 import * as runtime from "react/jsx-runtime";
 import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
 import { CodeBlock } from "../code-block/code-block";
 const MDXComponents = {
   a: ({ children, href, ...props }) => /* @__PURE__ */ jsx(
@@ -16,7 +17,7 @@ const MDXComponents = {
   blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx(
     "blockquote",
     {
-      className: "border-l-4 border-primary pl-4 italic text-muted-foreground my-6 py-2 text-sm",
+      className: "border-l border-primary pl-4 italic text-muted-foreground my-6 py-2 text-sm",
       ...props,
       children
     }
@@ -89,14 +90,15 @@ const proseClasses = [
   "prose-strong:font-semibold prose-em:italic",
   "prose-a:text-primary prose-a:underline prose-a:underline-offset-4 hover:prose-a:text-primary/80",
   "prose-code:bg-muted prose-code:px-1 prose-code:py-0.5 prose-code:rounded prose-code:text-sm prose-code:font-mono",
-  "prose-pre:my-6 prose-pre:overflow-x-auto prose-pre:rounded-lg prose-pre:border prose-pre:bg-black prose-pre:py-4 prose-pre:font-mono prose-pre:text-sm prose-pre:text-white prose-pre:shadow-lg dark:prose-pre:bg-zinc-900",
-  "prose-blockquote:border-l-4 prose-blockquote:border-primary prose-blockquote:pl-4 prose-blockquote:italic prose-blockquote:text-muted-foreground prose-blockquote:my-6 prose-blockquote:py-2",
+  "prose-pre:my-6 prose-pre:overflow-x-auto prose-pre:rounded-lg prose-pre:border prose-pre:bg-zinc-950 prose-pre:py-4 prose-pre:font-mono prose-pre:text-sm prose-pre:text-white prose-pre:shadow-lg dark:prose-pre:bg-zinc-900",
+  "prose-blockquote:border-l prose-blockquote:border-primary prose-blockquote:pl-4 prose-blockquote:italic prose-blockquote:text-muted-foreground prose-blockquote:my-6 prose-blockquote:py-2",
   "prose-hr:my-8 prose-hr:border-border",
   "prose-table:w-full prose-table:border-collapse prose-table:border prose-table:border-border",
   "prose-th:border prose-th:border-border prose-th:bg-muted prose-th:p-2 prose-th:text-left prose-th:font-medium",
   "prose-td:border prose-td:border-border prose-td:p-2",
   "prose-img:rounded-lg prose-img:border prose-img:border-border prose-img:shadow-lg"
 ].join(" ");
+const markdownPlugins = [remarkGfm];
 function removeImportStatements(content, componentNames) {
   let processed = content.replaceAll(/^import\s+.*CodeBlock.*from.*$/gm, "");
   componentNames.forEach((name) => {
@@ -143,9 +145,16 @@ async function MDXContent({
     if (Component) {
       return /* @__PURE__ */ jsx("div", { className: proseClasses, children: /* @__PURE__ */ jsx(Component, { components: allComponents }) });
     }
-    return /* @__PURE__ */ jsx("div", { className: proseClasses, children: /* @__PURE__ */ jsx(ReactMarkdown, { components: allComponents, children: content }) });
+    return /* @__PURE__ */ jsx("div", { className: proseClasses, children: /* @__PURE__ */ jsx(
+      ReactMarkdown,
+      {
+        components: allComponents,
+        remarkPlugins: markdownPlugins,
+        children: content
+      }
+    ) });
   }
-  return /* @__PURE__ */ jsx("div", { className: proseClasses, children: /* @__PURE__ */ jsx(ReactMarkdown, { components: allComponents, children: content }) });
+  return /* @__PURE__ */ jsx("div", { className: proseClasses, children: /* @__PURE__ */ jsx(ReactMarkdown, { components: allComponents, remarkPlugins: markdownPlugins, children: content }) });
 }
 export {
   MDXContent

package/dist/components/navbar-saas/navbar-saas.js

@@ -7,7 +7,6 @@ import { cn } from "../../lib/utils";
 import { Button } from "../button";
 import { useSidebar } from "../sidebar-provider";
 import { ThemeToggle } from "../theme-toggle";
-import { useMobile } from "./use-mobile";
 const EMPTY_NAV_ITEMS = [];
 function NavbarSaas({
   brand,
@@ -17,13 +16,13 @@ function NavbarSaas({
 }) {
   const pathname = usePathname();
   const { open, setOpen } = useSidebar();
-  const isMobile = useMobile();
   return /* @__PURE__ */ jsx("header", { className: "sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 shrink-0", children: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex h-16 items-center justify-between px-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-      showMobileMenu && isMobile ? /* @__PURE__ */ jsx(
+      showMobileMenu ? /* @__PURE__ */ jsx(
         Button,
         {
-          className: "lg:hidden",
+          "aria-expanded": open,
+          "aria-label": "Toggle sidebar",
           "data-testid": "navbar-saas-mobile-trigger",
           onClick: () => {
             setOpen(!open);

package/dist/components/number-ticker/number-ticker.js

@@ -7,7 +7,7 @@ function getNumberTickerFormatter(locale, formatOptions) {
   const key = `${locale ?? ""}|${formatOptions ? JSON.stringify(formatOptions) : ""}`;
   let formatter = NUMBER_FORMATTER_CACHE.get(key);
   if (!formatter) {
-    formatter = new Intl.NumberFormat(locale, formatOptions);
+    formatter = Intl.NumberFormat(locale, formatOptions);
     NUMBER_FORMATTER_CACHE.set(key, formatter);
   }
   return formatter;

package/dist/components/progress-tracker/progress-tracker.js

@@ -10,7 +10,10 @@ import {
   CardHeader,
   CardTitle
 } from "../card";
-import { CHECKLIST_PROGRESS_EVENT } from "../checklist";
+import {
+  CHECKLIST_PROGRESS_EVENT,
+  parseChecklistStorageValue
+} from "../checklist";
 import { ProgressBar } from "../progress-bar";
 const ProgressTrackerContext = React.createContext(null);
 function clampPercentage(value) {
@@ -41,15 +44,13 @@ function readPersistedChecklistItems(persistKey) {
   try {
     const saved = localStorage.getItem(`checklist:${persistKey}`);
     if (!saved) return [];
-    const parsed = JSON.parse(saved);
-    return Array.isArray(parsed) ? parsed.filter((item) => typeof item === "string") : [];
+    return parseChecklistStorageValue(saved);
   } catch {
     return [];
   }
 }
 function areStringArraysEqual(left, right) {
-  if (left.length !== right.length) return false;
-  return left.every((value, index) => value === right[index]);
+  return left.length === right.length && left.every((value, index) => value === right[index]);
 }
 function getChecklistPersistKey(event) {
   if (!(event instanceof CustomEvent)) return null;
@@ -79,14 +80,16 @@ function useChecklistProgress(checklistItems = [], persistKey) {
   const [persistedIds, setPersistedIds] = React.useState(
     () => readPersistedChecklistItems(persistKey)
   );
+  const [trackedPersistKey, setTrackedPersistKey] = React.useState(persistKey);
   const setPersistedIdsIfChanged = React.useCallback((nextIds) => {
     setPersistedIds(
       (currentIds) => areStringArraysEqual(currentIds, nextIds) ? currentIds : nextIds
     );
   }, []);
-  React.useEffect(() => {
+  if (trackedPersistKey !== persistKey) {
+    setTrackedPersistKey(persistKey);
     setPersistedIdsIfChanged(readPersistedChecklistItems(persistKey));
-  }, [persistKey, setPersistedIdsIfChanged]);
+  }
   React.useEffect(() => {
     if (!persistKey || typeof window === "undefined") return;
     const sync = (event) => {
@@ -162,7 +165,12 @@ function ProgressTrackerOverview({
 }) {
   const { modules, overallProgress, streak, title } = useProgressTrackerContext();
   const trackedPersistKeys = React.useMemo(
-    () => modules.map((module) => module.persistKey).filter(Boolean),
+    () => modules.reduce((keys, module) => {
+      if (module.persistKey) {
+        keys.push(module.persistKey);
+      }
+      return keys;
+    }, []),
     [modules]
   );
   const [, forceChecklistRefresh] = React.useState(0);