fromsrc 0.0.2 → 0.0.21

package/dist/components/themeprovider.d.ts

@@ -2,17 +2,17 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 type ThemeMode = "light" | "dark" | "system";
-type ThemeContextValue = {
+interface ThemeContextValue {
     theme: ThemeMode;
     resolved: "light" | "dark";
     setTheme: (theme: ThemeMode) => void;
-};
-type ThemeProviderProps = {
+}
+interface ThemeProviderProps {
     children: ReactNode;
     defaultTheme?: ThemeMode;
     storageKey?: string;
     attribute?: string;
-};
+}
 declare function ThemeProvider({ children, defaultTheme, storageKey, attribute, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare function useTheme(): ThemeContextValue;
 

package/dist/components/themeprovider.js

@@ -19,12 +19,16 @@ function ThemeProvider({
   attribute = "data-theme"
 }) {
   const [theme, setTheme] = useState(() => {
-    if (typeof window === "undefined") return defaultTheme;
+    if (typeof window === "undefined") {
+      return defaultTheme;
+    }
     const stored = localStorage.getItem(storageKey);
     return istheme(stored) ? stored : defaultTheme;
   });
   const [resolved, setResolved] = useState(() => {
-    if (typeof window === "undefined") return "light";
+    if (typeof window === "undefined") {
+      return "light";
+    }
     return resolve(theme);
   });
   useEffect(() => {
@@ -35,7 +39,9 @@ function ThemeProvider({
     localStorage.setItem(storageKey, theme);
   }, [theme, attribute, storageKey]);
   useEffect(() => {
-    if (theme !== "system") return;
+    if (theme !== "system") {
+      return;
+    }
     const media = window.matchMedia("(prefers-color-scheme: dark)");
     const handler = () => {
       const r = resolve(theme);
@@ -46,12 +52,17 @@ function ThemeProvider({
     media.addEventListener("change", handler);
     return () => media.removeEventListener("change", handler);
   }, [theme, attribute]);
-  const value = useMemo(() => ({ theme, resolved, setTheme }), [theme, resolved]);
+  const value = useMemo(
+    () => ({ resolved, setTheme, theme }),
+    [theme, resolved]
+  );
   return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
 }
 function useTheme() {
   const context = useContext(ThemeContext);
-  if (!context) throw new Error("useTheme must be used within ThemeProvider");
+  if (!context) {
+    throw new Error("useTheme must be used within ThemeProvider");
+  }
   return context;
 }
 

package/dist/components/toast.d.ts

@@ -20,7 +20,7 @@ interface ToastContextValue {
 /**
  * Provider component for toast notifications.
  */
-declare function ToastProvider({ children }: {
+declare function ToastProvider({ children, }: {
     children: ReactNode;
 }): JSX.Element;
 /**

package/dist/components/toast.js

@@ -1,10 +1,12 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createContext, useState, useRef, useCallback, useEffect, useContext } from 'react';
-import { IconXCircle, IconAlertCircle, IconCheckCircle, IconInfo, IconX } from './icons';
+import { IconAlertCircle, IconCheckCircle, IconInfo, IconXCircle, IconX } from './icons';
 
 const ToastContext = createContext(null);
-function ToastProvider({ children }) {
+function ToastProvider({
+  children
+}) {
   const [toasts, setToasts] = useState([]);
   const timers = useRef(/* @__PURE__ */ new Map());
   const counter = useRef(0);
@@ -27,33 +29,38 @@ function ToastProvider({ children }) {
     }, duration);
     timers.current.set(id, timer);
   }, []);
-  useEffect(() => {
-    return () => {
-      for (const timer of timers.current.values()) clearTimeout(timer);
+  useEffect(
+    () => () => {
+      for (const timer of timers.current.values()) {
+        clearTimeout(timer);
+      }
       timers.current.clear();
-    };
-  }, []);
-  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { toasts, add, remove }, children: [
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { add, remove, toasts }, children: [
     children,
     /* @__PURE__ */ jsx(ToastContainer, {})
   ] });
 }
 function useToast() {
   const ctx = useContext(ToastContext);
-  if (!ctx) throw new Error("useToast must be used within ToastProvider");
+  if (!ctx) {
+    throw new Error("useToast must be used within ToastProvider");
+  }
   return ctx;
 }
 const icons = {
+  error: IconXCircle,
   info: IconInfo,
   success: IconCheckCircle,
-  warning: IconAlertCircle,
-  error: IconXCircle
+  warning: IconAlertCircle
 };
 const styles = {
+  error: "border-red-500/30 bg-red-500/10",
   info: "border-blue-500/30 bg-blue-500/10",
   success: "border-green-500/30 bg-green-500/10",
-  warning: "border-yellow-500/30 bg-yellow-500/10",
-  error: "border-red-500/30 bg-red-500/10"
+  warning: "border-yellow-500/30 bg-yellow-500/10"
 };
 function ToastContainer() {
   const { toasts, remove } = useToast();
@@ -63,7 +70,9 @@ function ToastContainer() {
     },
     [remove]
   );
-  if (toasts.length === 0) return null;
+  if (toasts.length === 0) {
+    return null;
+  }
   return /* @__PURE__ */ jsx(
     "div",
     {

package/dist/components/toc/default.d.ts

@@ -15,7 +15,7 @@ interface Props {
     /** Enable zigzag line decoration */
     zigzag?: boolean;
 }
-declare function TocDefaultBase({ headings, active, activeRange, zigzag }: Props): JSX.Element;
+declare function TocDefaultBase({ headings, active, activeRange, zigzag, }: Props): JSX.Element;
 declare const TocDefault: react.MemoExoticComponent<typeof TocDefaultBase>;
 
 export { TocDefault };

package/dist/components/toc/default.js

@@ -3,18 +3,27 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useRef, useState, useEffect } from 'react';
 import { ZigzagLine, getItemOffset, buildZigzagPath } from './zigzag';
 
-function TocDefaultBase({ headings, active, activeRange, zigzag }) {
+function TocDefaultBase({
+  headings,
+  active,
+  activeRange,
+  zigzag
+}) {
   const containerRef = useRef(null);
   const [svg, setSvg] = useState(null);
-  const [thumb, setThumb] = useState({ top: 0, height: 0 });
+  const [thumb, setThumb] = useState({ height: 0, top: 0 });
   const range = activeRange.length > 0 ? activeRange : active ? [active] : [];
   const isActive = (id) => range.includes(id);
   useEffect(() => {
-    if (!zigzag || !containerRef.current || headings.length === 0) return;
+    if (!zigzag || !containerRef.current || headings.length === 0) {
+      return;
+    }
     const container = containerRef.current;
     function update() {
       const result = buildZigzagPath(headings, container);
-      if (result) setSvg(result);
+      if (result) {
+        setSvg(result);
+      }
     }
     const observer = new ResizeObserver(update);
     update();
@@ -22,21 +31,27 @@ function TocDefaultBase({ headings, active, activeRange, zigzag }) {
     return () => observer.disconnect();
   }, [headings, zigzag]);
   useEffect(() => {
-    if (!zigzag || !containerRef.current || range.length === 0) return;
+    if (!zigzag || !containerRef.current || range.length === 0) {
+      return;
+    }
     const container = containerRef.current;
     let upper = Infinity;
     let lower = 0;
     for (const id of range) {
-      const element = container.querySelector(`a[href="#${id}"]`);
-      if (!element) continue;
+      const element = container.querySelector(
+        `a[href="#${id}"]`
+      );
+      if (!element) {
+        continue;
+      }
       const styles = getComputedStyle(element);
-      const top = element.offsetTop + parseFloat(styles.paddingTop);
-      const bottom = element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom);
+      const top = element.offsetTop + Number.parseFloat(styles.paddingTop);
+      const bottom = element.offsetTop + element.clientHeight - Number.parseFloat(styles.paddingBottom);
       upper = Math.min(upper, top);
       lower = Math.max(lower, bottom);
     }
     if (upper !== Infinity) {
-      setThumb({ top: upper, height: lower - upper });
+      setThumb({ height: lower - upper, top: upper });
     }
   }, [range, zigzag]);
   if (zigzag) {
@@ -47,17 +62,17 @@ function TocDefaultBase({ headings, active, activeRange, zigzag }) {
           "aria-hidden": "true",
           className: "absolute left-0 top-0 pointer-events-none z-10",
           style: {
-            width: svg.width,
             height: svg.height,
             maskImage: `url("data:image/svg+xml,${encodeURIComponent(
               `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${svg.width} ${svg.height}"><path d="${svg.path}" stroke="black" stroke-width="1" fill="none" /></svg>`
-            )}")`
+            )}")`,
+            width: svg.width
           },
           children: /* @__PURE__ */ jsx(
             "div",
             {
               className: "absolute w-full bg-fg transition-[top,height] duration-150",
-              style: { top: thumb.top, height: thumb.height }
+              style: { height: thumb.height, top: thumb.top }
             }
           )
         }

package/dist/components/toc/hook.js

@@ -10,15 +10,17 @@ function useToc(multi = false) {
   const [activeRange, setActiveRange] = useState([]);
   useEffect(() => {
     function scan() {
-      const elements = document.querySelectorAll("article h2, article h3, article h4, article h5, article h6");
+      const elements = document.querySelectorAll(
+        "article h2, article h3, article h4, article h5, article h6"
+      );
       const items = [];
       elements.forEach((el) => {
         if (el.id) {
           const level = Number(el.tagName.replace("H", ""));
           items.push({
             id: el.id,
-            text: cleanheading(el.textContent || ""),
-            level: Number.isFinite(level) ? level : 2
+            level: Number.isFinite(level) ? level : 2,
+            text: cleanheading(el.textContent || "")
           });
         }
       });
@@ -37,13 +39,17 @@ function useToc(multi = false) {
     return () => observer.disconnect();
   }, []);
   useEffect(() => {
-    if (headings.length === 0) return;
+    if (headings.length === 0) {
+      return;
+    }
     function findClosest() {
       let closest = headings[0]?.id || "";
       let minDistance = Infinity;
       for (const { id } of headings) {
-        const el = document.getElementById(id);
-        if (!el) continue;
+        const el = document.querySelector(`#${id}`);
+        if (!el) {
+          continue;
+        }
         const rect = el.getBoundingClientRect();
         const distance = Math.abs(rect.top);
         if (distance < minDistance) {
@@ -77,8 +83,10 @@ function useToc(multi = false) {
         { rootMargin: "0px", threshold: 0.9 }
       );
       for (const { id } of headings) {
-        const el = document.getElementById(id);
-        if (el) observer.observe(el);
+        const el = document.querySelector(`#${id}`);
+        if (el) {
+          observer.observe(el);
+        }
       }
       return () => observer.disconnect();
     }
@@ -86,23 +94,29 @@ function useToc(multi = false) {
     function update() {
       const atBottom = window.innerHeight + Math.ceil(window.scrollY) >= document.documentElement.scrollHeight;
       if (atBottom && headings.length > 0) {
-        const last = headings[headings.length - 1];
-        if (last) setActive(last.id);
+        const last = headings.at(-1);
+        if (last) {
+          setActive(last.id);
+        }
         return;
       }
       const offset = 100;
       let current = "";
       const items = headings.slice(0, -1);
       for (const { id } of items) {
-        const el = document.getElementById(id);
-        if (!el) continue;
+        const el = document.querySelector(`#${id}`);
+        if (!el) {
+          continue;
+        }
         if (el.getBoundingClientRect().top <= offset) {
           current = id;
         }
       }
       if (!current && headings.length > 0) {
         const first = headings[0];
-        if (first) current = first.id;
+        if (first) {
+          current = first.id;
+        }
       }
       setActive(current);
     }
@@ -119,7 +133,7 @@ function useToc(multi = false) {
     window.addEventListener("scroll", onScroll, { passive: true });
     return () => window.removeEventListener("scroll", onScroll);
   }, [headings, multi]);
-  return { headings, active, activeRange };
+  return { active, activeRange, headings };
 }
 
 export { useToc };

package/dist/components/toc/index.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { TocDefault } from './default';
 import { useToc } from './hook';
 export { useToc } from './hook';
-import { TocDefault } from './default';
-import { TocMinimal } from './minimal';
 import { TocInline } from './inline';
+import { TocMinimal } from './minimal';
 
 function Toc({
   variant = "default",
@@ -14,8 +14,12 @@ function Toc({
   collapsible = true,
   defaultOpen = false
 }) {
-  const { headings, active, activeRange } = useToc(variant !== "minimal" && multi);
-  if (headings.length === 0) return null;
+  const { headings, active, activeRange } = useToc(
+    variant !== "minimal" && multi
+  );
+  if (headings.length === 0) {
+    return null;
+  }
   if (variant === "inline") {
     return /* @__PURE__ */ jsx(
       TocInline,

package/dist/components/toc/inline.js

@@ -12,7 +12,9 @@ function TocInlineBase({
   const toggle = useCallback(() => {
     setOpen((prev) => !prev);
   }, []);
-  if (headings.length === 0) return null;
+  if (headings.length === 0) {
+    return null;
+  }
   const content = /* @__PURE__ */ jsx("div", { className: "flex flex-col text-sm text-muted", children: headings.map((heading) => /* @__PURE__ */ jsx(
     "a",
     {
@@ -59,7 +61,15 @@ function TocInlineBase({
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M19 9l-7 7-7-7"
+                    }
+                  )
                 }
               )
             ]

package/dist/components/toc/minimal.js

@@ -9,11 +9,15 @@ function TocMinimalBase({ headings, active, zigzag }) {
   const progressRef = useRef(null);
   const [svg, setSvg] = useState(null);
   useEffect(() => {
-    if (!zigzag || !containerRef.current || headings.length === 0) return;
+    if (!zigzag || !containerRef.current || headings.length === 0) {
+      return;
+    }
     const container = containerRef.current;
     function update() {
       const result = buildZigzagPath(headings, container);
-      if (result) setSvg(result);
+      if (result) {
+        setSvg(result);
+      }
     }
     const observer = new ResizeObserver(update);
     update();
@@ -24,7 +28,9 @@ function TocMinimalBase({ headings, active, zigzag }) {
     const container = containerRef.current;
     const thumb = thumbRef.current;
     const progress = progressRef.current;
-    if (!container) return;
+    if (!container) {
+      return;
+    }
     let ticking = false;
     function update() {
       const scrollTop = window.scrollY;
@@ -64,11 +70,11 @@ function TocMinimalBase({ headings, active, zigzag }) {
         {
           className: "absolute left-0 top-0 pointer-events-none z-10",
           style: {
-            width: svg.width,
             height: svg.height,
             maskImage: `url("data:image/svg+xml,${encodeURIComponent(
               `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${svg.width} ${svg.height}"><path d="${svg.path}" stroke="black" stroke-width="1" fill="none" /></svg>`
-            )}")`
+            )}")`,
+            width: svg.width
           },
           children: /* @__PURE__ */ jsx(
             "div",

package/dist/components/toc/zigzag.d.ts

@@ -6,7 +6,7 @@ interface Props {
     upper?: number;
     lower?: number;
 }
-declare function ZigzagLine({ heading, upper, lower }: Props): react_jsx_runtime.JSX.Element;
+declare function ZigzagLine({ heading, upper, lower, }: Props): react_jsx_runtime.JSX.Element;
 declare function getItemOffset(level: number): number;
 interface ZigzagPath {
     path: string;

package/dist/components/toc/zigzag.js

@@ -4,22 +4,34 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 function getLineOffset(level) {
   return level >= 3 ? 10 : 0;
 }
-function ZigzagLine({ heading, upper = heading.level, lower = heading.level }) {
+function ZigzagLine({
+  heading,
+  upper = heading.level,
+  lower = heading.level
+}) {
   const offset = getLineOffset(heading.level);
   const upperOffset = getLineOffset(upper);
   const lowerOffset = getLineOffset(lower);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    offset !== upperOffset && /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", className: "absolute -top-1.5 left-0 size-4", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
-      "line",
+    offset !== upperOffset && /* @__PURE__ */ jsx(
+      "svg",
       {
-        x1: upperOffset,
-        y1: "0",
-        x2: offset,
-        y2: "12",
-        className: "stroke-line",
-        strokeWidth: "1"
+        viewBox: "0 0 16 16",
+        className: "absolute -top-1.5 left-0 size-4",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: upperOffset,
+            y1: "0",
+            x2: offset,
+            y2: "12",
+            className: "stroke-line",
+            strokeWidth: "1"
+          }
+        )
       }
-    ) }),
+    ),
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -33,25 +45,33 @@ function getItemOffset(level) {
   return level >= 3 ? 26 : 14;
 }
 function buildZigzagPath(headings, container) {
-  if (container.clientHeight === 0) return null;
+  if (container.clientHeight === 0) {
+    return null;
+  }
   let w = 0;
   let h = 0;
   const d = [];
   for (let i = 0; i < headings.length; i++) {
     const item = headings[i];
-    if (!item) continue;
-    const element = container.querySelector(`a[href="#${item.id}"]`);
-    if (!element) continue;
+    if (!item) {
+      continue;
+    }
+    const element = container.querySelector(
+      `a[href="#${item.id}"]`
+    );
+    if (!element) {
+      continue;
+    }
     const styles = getComputedStyle(element);
     const offset = item.level >= 3 ? 10.5 : 0.5;
-    const top = element.offsetTop + parseFloat(styles.paddingTop);
-    const bottom = element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom);
+    const top = element.offsetTop + Number.parseFloat(styles.paddingTop);
+    const bottom = element.offsetTop + element.clientHeight - Number.parseFloat(styles.paddingBottom);
     w = Math.max(offset, w);
     h = Math.max(h, bottom);
     d.push(`${i === 0 ? "M" : "L"}${offset} ${top}`);
     d.push(`L${offset} ${bottom}`);
   }
-  return { path: d.join(" "), width: w + 1, height: h };
+  return { height: h, path: d.join(" "), width: w + 1 };
 }
 
 export { ZigzagLine, buildZigzagPath, getItemOffset };

package/dist/components/tocprogress.d.ts

@@ -11,7 +11,7 @@ interface TocProgressProps {
     activeClassName?: string;
     lineColor?: string;
 }
-declare function TocProgressBase({ headings, className, activeClassName, lineColor }: TocProgressProps): react_jsx_runtime.JSX.Element;
+declare function TocProgressBase({ headings, className, activeClassName, lineColor, }: TocProgressProps): react_jsx_runtime.JSX.Element;
 declare const TocProgress: react.MemoExoticComponent<typeof TocProgressBase>;
 
 export { TocProgress, type TocProgressProps };