asterui 0.12.62 → 0.12.63

package/dist/components/Anchor.d.ts

@@ -39,6 +39,7 @@ export interface AnchorProps {
     className?: string;
     /** Anchor.Link children */
     children?: React.ReactNode;
+    'data-testid'?: string;
 }
 export interface AnchorLinkProps {
     /** Target element id (without #) */
@@ -49,6 +50,7 @@ export interface AnchorLinkProps {
     children?: React.ReactNode;
     /** Custom class name */
     className?: string;
+    'data-testid'?: string;
 }
 export declare const Anchor: React.FC<AnchorProps> & {
     Link: React.FC<AnchorLinkProps>;

package/dist/components/Anchor.js

@@ -1,116 +1,120 @@
-import { jsx as a, jsxs as W } from "react/jsx-runtime";
-import { useState as R, useRef as V, useCallback as y, useEffect as $, createContext as X, useContext as Z } from "react";
-const C = X(null), _ = () => {
-  const o = Z(C);
+import { jsx as l, jsxs as Z } from "react/jsx-runtime";
+import { useState as C, useRef as D, useCallback as $, useEffect as T, createContext as _, useContext as O } from "react";
+const H = _(null), tt = () => {
+  const o = O(H);
   if (!o)
     throw new Error("Anchor.Link must be used within an Anchor");
   return o;
-}, Y = ({
+}, q = ({
   href: o,
   title: h,
   children: c,
-  className: f = ""
+  className: x = "",
+  "data-testid": i
 }) => {
-  const { activeLink: r, direction: k, registerLink: l, unregisterLink: w, handleClick: x } = _();
-  $(() => (l(o), () => w(o)), [o, l, w]);
-  const v = r === o, d = k === "vertical";
-  return /* @__PURE__ */ W("div", { className: d ? "" : "inline-block", children: [
-    /* @__PURE__ */ a(
+  const { activeLink: b, direction: d, registerLink: w, unregisterLink: v, handleClick: m } = tt();
+  T(() => (w(o), () => v(o)), [o, w, v]);
+  const p = b === o, a = d === "vertical";
+  return /* @__PURE__ */ Z("div", { className: a ? "" : "inline-block", children: [
+    /* @__PURE__ */ l(
       "a",
       {
         href: `#${o}`,
-        onClick: (b) => x(b, o, h),
+        onClick: (y) => m(y, o, h),
         className: `
           block text-sm transition-colors
-          ${d ? "py-1 pl-3 border-l-2" : "px-3 py-1 border-b-2"}
-          ${v ? "text-primary border-primary font-medium" : "text-base-content/70 border-transparent hover:text-base-content hover:border-base-content/30"}
-          ${f}
+          ${a ? "py-1 pl-3 border-l-2" : "px-3 py-1 border-b-2"}
+          ${p ? "text-primary border-primary font-medium" : "text-base-content/70 border-transparent hover:text-base-content hover:border-base-content/30"}
+          ${x}
         `.trim(),
+        "data-testid": i,
         children: h
       }
     ),
-    c && /* @__PURE__ */ a("div", { className: d ? "pl-3" : "inline-flex", children: c })
+    c && /* @__PURE__ */ l("div", { className: a ? "pl-3" : "inline-flex", children: c })
   ] });
-}, O = ({
+}, et = ({
   items: o,
   direction: h = "vertical",
   offsetTop: c = 0,
-  bounds: f = 5,
-  getContainer: r,
-  getCurrentAnchor: k,
-  onChange: l,
+  bounds: x = 5,
+  getContainer: i,
+  getCurrentAnchor: b,
+  onChange: d,
   onClick: w,
-  activeLink: x,
-  affix: v = !1,
-  affixOffsetTop: d = 0,
-  replace: b = !1,
-  className: D = "",
-  children: q
+  activeLink: v,
+  affix: m = !1,
+  affixOffsetTop: p = 0,
+  replace: a = !1,
+  className: y = "",
+  children: F,
+  "data-testid": B
 }) => {
-  const [F, H] = R(""), [i, N] = R([]), [m, G] = R(!1), p = V(null), B = V(null), g = x !== void 0, L = g ? x : F, J = k ? k(L) : L, K = y((n) => {
-    N((t) => t.includes(n) ? t : [...t, n]);
-  }, []), M = y((n) => {
-    N((t) => t.filter((e) => e !== n));
-  }, []), T = y((n) => {
-    const t = document.getElementById(n);
-    if (t) {
-      const e = r?.() ?? window, s = t.getBoundingClientRect().top, u = e === window ? 0 : e.getBoundingClientRect().top, E = e === window ? window.scrollY : e.scrollTop, A = s - u + E - c;
-      e === window ? window.scrollTo({ top: A, behavior: "smooth" }) : e.scrollTo({ top: A, behavior: "smooth" }), b ? window.history.replaceState(null, "", `#${n}`) : window.history.pushState(null, "", `#${n}`);
+  const [G, N] = C(""), [r, S] = C([]), [g, J] = C(!1), f = D(null), E = D(null), k = v !== void 0, L = k ? v : G, K = b ? b(L) : L, M = $((t) => {
+    S((e) => e.includes(t) ? e : [...e, t]);
+  }, []), Q = $((t) => {
+    S((e) => e.filter((n) => n !== t));
+  }, []), I = $((t) => {
+    const e = document.getElementById(t);
+    if (e) {
+      const n = i?.() ?? window, s = e.getBoundingClientRect().top, u = n === window ? 0 : n.getBoundingClientRect().top, R = n === window ? window.scrollY : n.scrollTop, A = s - u + R - c;
+      n === window ? window.scrollTo({ top: A, behavior: "smooth" }) : n.scrollTo({ top: A, behavior: "smooth" }), a ? window.history.replaceState(null, "", `#${t}`) : window.history.pushState(null, "", `#${t}`);
     }
-  }, [r, c, b]), Q = y((n, t, e) => {
-    n.preventDefault(), w?.(n, { href: t, title: e }), T(t), g || H(t), l?.(t);
-  }, [w, T, g, l]);
-  $(() => {
-    if (!v || !p.current) return;
-    const n = r?.() ?? window, t = () => {
-      if (!p.current || !B.current) return;
-      const e = B.current.getBoundingClientRect(), s = n === window ? 0 : n.getBoundingClientRect().top, u = e.top - s <= d;
-      u !== m && G(u);
+  }, [i, c, a]), U = $((t, e, n) => {
+    t.preventDefault(), w?.(t, { href: e, title: n }), I(e), k || N(e), d?.(e);
+  }, [w, I, k, d]);
+  T(() => {
+    if (!m || !f.current) return;
+    const t = i?.() ?? window, e = () => {
+      if (!f.current || !E.current) return;
+      const n = E.current.getBoundingClientRect(), s = t === window ? 0 : t.getBoundingClientRect().top, u = n.top - s <= p;
+      u !== g && J(u);
     };
-    return n.addEventListener("scroll", t, { passive: !0 }), t(), () => n.removeEventListener("scroll", t);
-  }, [v, d, r, m]), $(() => {
-    if (i.length === 0) return;
-    const n = r?.() ?? window, t = () => {
-      let e = "";
-      const s = n === window ? document.documentElement : n, u = n === window ? 0 : s.getBoundingClientRect().top, E = n === window ? window.scrollY : s.scrollTop, A = s.scrollHeight, U = n === window ? window.innerHeight : s.clientHeight;
-      if (E + U >= A - 10 && i.length > 0)
-        e = i[i.length - 1];
+    return t.addEventListener("scroll", e, { passive: !0 }), e(), () => t.removeEventListener("scroll", e);
+  }, [m, p, i, g]), T(() => {
+    if (r.length === 0) return;
+    const t = i?.() ?? window, e = () => {
+      let n = "";
+      const s = t === window ? document.documentElement : t, u = t === window ? 0 : s.getBoundingClientRect().top, R = t === window ? window.scrollY : s.scrollTop, A = s.scrollHeight, X = t === window ? window.innerHeight : s.clientHeight;
+      if (R + X >= A - 10 && r.length > 0)
+        n = r[r.length - 1];
       else {
-        for (const z of i) {
-          const P = document.getElementById(z);
-          P && P.getBoundingClientRect().top - u - c <= f && (e = z);
+        for (const V of r) {
+          const Y = document.getElementById(V);
+          Y && Y.getBoundingClientRect().top - u - c <= x && (n = V);
         }
-        !e && i.length > 0 && (e = i[0]);
+        !n && r.length > 0 && (n = r[0]);
       }
-      e && e !== L && (g || H(e), l?.(e));
+      n && n !== L && (k || N(n), d?.(n));
     };
-    return n.addEventListener("scroll", t, { passive: !0 }), t(), () => n.removeEventListener("scroll", t);
-  }, [i, r, c, f, L, g, l]);
-  const I = {
-    activeLink: J,
+    return t.addEventListener("scroll", e, { passive: !0 }), e(), () => t.removeEventListener("scroll", e);
+  }, [r, i, c, x, L, k, d]);
+  const j = {
+    activeLink: K,
     direction: h,
     offsetTop: c,
-    registerLink: K,
-    unregisterLink: M,
-    handleClick: Q
-  }, S = (n) => n.map((t) => /* @__PURE__ */ a(Y, { href: t.href, title: t.title, children: t.children && S(t.children) }, t.href)), j = /* @__PURE__ */ a(
+    registerLink: M,
+    unregisterLink: Q,
+    handleClick: U
+  }, W = (t) => B ? `${B}-${t}` : void 0, z = (t) => t.map((e) => /* @__PURE__ */ l(q, { href: e.href, title: e.title, "data-testid": W(`link-${e.href}`), children: e.children && z(e.children) }, e.href)), P = /* @__PURE__ */ l(
     "nav",
     {
-      ref: p,
+      ref: f,
       className: `
         ${h === "horizontal" ? "flex items-center" : "flex flex-col"}
-        ${m ? "fixed bg-base-100 shadow-sm z-10" : ""}
-        ${D}
+        ${g ? "fixed bg-base-100 shadow-sm z-10" : ""}
+        ${y}
       `.trim(),
-      style: m ? { top: d } : void 0,
-      children: o ? S(o) : q
+      style: g ? { top: p } : void 0,
+      "data-testid": B,
+      children: o ? z(o) : F
     }
   );
-  return v ? /* @__PURE__ */ a(C.Provider, { value: I, children: /* @__PURE__ */ a("div", { ref: B, style: m && p.current ? { height: p.current.offsetHeight } : void 0, children: j }) }) : /* @__PURE__ */ a(C.Provider, { value: I, children: j });
-}, rt = Object.assign(O, {
-  Link: Y
+  return m ? /* @__PURE__ */ l(H.Provider, { value: j, children: /* @__PURE__ */ l("div", { ref: E, style: g && f.current ? { height: f.current.offsetHeight } : void 0, children: P }) }) : /* @__PURE__ */ l(H.Provider, { value: j, children: P });
+}, st = Object.assign(et, {
+  Link: q
 });
 export {
-  rt as Anchor
+  st as Anchor
 };
 //# sourceMappingURL=Anchor.js.map

package/dist/components/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","sources":["../../src/components/Anchor.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, createContext, useContext, useRef } from 'react'\n\nexport interface AnchorLinkItem {\n  /** Target element id (without #) */\n  href: string\n  /** Link title */\n  title: React.ReactNode\n  /** Nested links */\n  children?: AnchorLinkItem[]\n}\n\nexport interface AnchorProps {\n  /** Anchor links (alternative to Anchor.Link children) */\n  items?: AnchorLinkItem[]\n  /** Layout direction */\n  direction?: 'horizontal' | 'vertical'\n  /** Offset from top when calculating scroll position */\n  offsetTop?: number\n  /** Bounding distance of anchor area */\n  bounds?: number\n  /** Target scroll container (default: window) */\n  getContainer?: () => HTMLElement | Window\n  /** Customize the anchor highlight */\n  getCurrentAnchor?: (activeLink: string) => string\n  /** Callback when active link changes */\n  onChange?: (activeLink: string) => void\n  /** Callback when link is clicked */\n  onClick?: (e: React.MouseEvent, link: { href: string; title: React.ReactNode }) => void\n  /** Currently active link (controlled) */\n  activeLink?: string\n  /** Whether to fix the anchor when scrolling */\n  affix?: boolean\n  /** Pixels to offset from top when affix is true */\n  affixOffsetTop?: number\n  /** Replace history instead of push */\n  replace?: boolean\n  /** Custom class name */\n  className?: string\n  /** Anchor.Link children */\n  children?: React.ReactNode\n}\n\nexport interface AnchorLinkProps {\n  /** Target element id (without #) */\n  href: string\n  /** Link title */\n  title: React.ReactNode\n  /** Nested links */\n  children?: React.ReactNode\n  /** Custom class name */\n  className?: string\n}\n\ninterface AnchorContextValue {\n  activeLink: string\n  direction: 'horizontal' | 'vertical'\n  offsetTop: number\n  registerLink: (href: string) => void\n  unregisterLink: (href: string) => void\n  handleClick: (e: React.MouseEvent, href: string, title: React.ReactNode) => void\n}\n\nconst AnchorContext = createContext<AnchorContextValue | null>(null)\n\nconst useAnchorContext = () => {\n  const context = useContext(AnchorContext)\n  if (!context) {\n    throw new Error('Anchor.Link must be used within an Anchor')\n  }\n  return context\n}\n\nconst AnchorLink: React.FC<AnchorLinkProps> = ({\n  href,\n  title,\n  children,\n  className = '',\n}) => {\n  const { activeLink, direction, registerLink, unregisterLink, handleClick } = useAnchorContext()\n\n  useEffect(() => {\n    registerLink(href)\n    return () => unregisterLink(href)\n  }, [href, registerLink, unregisterLink])\n\n  const isActive = activeLink === href\n  const isVertical = direction === 'vertical'\n\n  return (\n    <div className={isVertical ? '' : 'inline-block'}>\n      <a\n        href={`#${href}`}\n        onClick={(e) => handleClick(e, href, title)}\n        className={`\n          block text-sm transition-colors\n          ${isVertical ? 'py-1 pl-3 border-l-2' : 'px-3 py-1 border-b-2'}\n          ${isActive\n            ? 'text-primary border-primary font-medium'\n            : 'text-base-content/70 border-transparent hover:text-base-content hover:border-base-content/30'\n          }\n          ${className}\n        `.trim()}\n      >\n        {title}\n      </a>\n      {children && (\n        <div className={isVertical ? 'pl-3' : 'inline-flex'}>\n          {children}\n        </div>\n      )}\n    </div>\n  )\n}\n\nconst AnchorComponent: React.FC<AnchorProps> = ({\n  items,\n  direction = 'vertical',\n  offsetTop = 0,\n  bounds = 5,\n  getContainer,\n  getCurrentAnchor,\n  onChange,\n  onClick,\n  activeLink: controlledActiveLink,\n  affix = false,\n  affixOffsetTop = 0,\n  replace = false,\n  className = '',\n  children,\n}) => {\n  const [internalActiveLink, setInternalActiveLink] = useState('')\n  const [links, setLinks] = useState<string[]>([])\n  const [isAffixed, setIsAffixed] = useState(false)\n  const anchorRef = useRef<HTMLDivElement>(null)\n  const placeholderRef = useRef<HTMLDivElement>(null)\n\n  const isControlled = controlledActiveLink !== undefined\n  const rawActiveLink = isControlled ? controlledActiveLink : internalActiveLink\n  const activeLink = getCurrentAnchor ? getCurrentAnchor(rawActiveLink) : rawActiveLink\n\n  const registerLink = useCallback((href: string) => {\n    setLinks((prev) => (prev.includes(href) ? prev : [...prev, href]))\n  }, [])\n\n  const unregisterLink = useCallback((href: string) => {\n    setLinks((prev) => prev.filter((link) => link !== href))\n  }, [])\n\n  const scrollToTarget = useCallback((href: string) => {\n    const target = document.getElementById(href)\n    if (target) {\n      const container = getContainer?.() ?? window\n      const targetTop = target.getBoundingClientRect().top\n      const containerTop = container === window\n        ? 0\n        : (container as HTMLElement).getBoundingClientRect().top\n      const scrollTop = container === window\n        ? window.scrollY\n        : (container as HTMLElement).scrollTop\n\n      const top = targetTop - containerTop + scrollTop - offsetTop\n\n      if (container === window) {\n        window.scrollTo({ top, behavior: 'smooth' })\n      } else {\n        (container as HTMLElement).scrollTo({ top, behavior: 'smooth' })\n      }\n\n      // Update URL hash\n      if (replace) {\n        window.history.replaceState(null, '', `#${href}`)\n      } else {\n        window.history.pushState(null, '', `#${href}`)\n      }\n    }\n  }, [getContainer, offsetTop, replace])\n\n  const handleClick = useCallback((\n    e: React.MouseEvent,\n    href: string,\n    title: React.ReactNode\n  ) => {\n    e.preventDefault()\n    onClick?.(e, { href, title })\n    scrollToTarget(href)\n\n    if (!isControlled) {\n      setInternalActiveLink(href)\n    }\n    onChange?.(href)\n  }, [onClick, scrollToTarget, isControlled, onChange])\n\n  // Affix logic\n  useEffect(() => {\n    if (!affix || !anchorRef.current) return\n\n    const container = getContainer?.() ?? window\n\n    const handleScroll = () => {\n      if (!anchorRef.current || !placeholderRef.current) return\n\n      const placeholderRect = placeholderRef.current.getBoundingClientRect()\n      const containerTop = container === window\n        ? 0\n        : (container as HTMLElement).getBoundingClientRect().top\n\n      const shouldAffix = placeholderRect.top - containerTop <= affixOffsetTop\n\n      if (shouldAffix !== isAffixed) {\n        setIsAffixed(shouldAffix)\n      }\n    }\n\n    container.addEventListener('scroll', handleScroll, { passive: true })\n    handleScroll()\n\n    return () => container.removeEventListener('scroll', handleScroll)\n  }, [affix, affixOffsetTop, getContainer, isAffixed])\n\n  // Scroll spy\n  useEffect(() => {\n    if (links.length === 0) return\n\n    const container = getContainer?.() ?? window\n\n    const handleScroll = () => {\n      let currentActive = ''\n      const containerEl = container === window ? document.documentElement : container as HTMLElement\n      const containerTop = container === window\n        ? 0\n        : containerEl.getBoundingClientRect().top\n\n      // Check if scrolled to near the bottom\n      const scrollTop = container === window ? window.scrollY : containerEl.scrollTop\n      const scrollHeight = containerEl.scrollHeight\n      const clientHeight = container === window ? window.innerHeight : containerEl.clientHeight\n      const isNearBottom = scrollTop + clientHeight >= scrollHeight - 10\n\n      // If near bottom, use the last link\n      if (isNearBottom && links.length > 0) {\n        currentActive = links[links.length - 1]\n      } else {\n        // Find the last element that has scrolled past the top (standard scroll spy behavior)\n        for (const href of links) {\n          const element = document.getElementById(href)\n          if (element) {\n            const rect = element.getBoundingClientRect()\n            const distance = rect.top - containerTop - offsetTop\n\n            // If element's top is within bounds of the threshold, it's the current section\n            if (distance <= bounds) {\n              currentActive = href\n            }\n          }\n        }\n\n        // If nothing matched, use the first link\n        if (!currentActive && links.length > 0) {\n          currentActive = links[0]\n        }\n      }\n\n      if (currentActive && currentActive !== rawActiveLink) {\n        if (!isControlled) {\n          setInternalActiveLink(currentActive)\n        }\n        onChange?.(currentActive)\n      }\n    }\n\n    container.addEventListener('scroll', handleScroll, { passive: true })\n    handleScroll() // Initial check\n\n    return () => container.removeEventListener('scroll', handleScroll)\n  }, [links, getContainer, offsetTop, bounds, rawActiveLink, isControlled, onChange])\n\n  const contextValue: AnchorContextValue = {\n    activeLink,\n    direction,\n    offsetTop,\n    registerLink,\n    unregisterLink,\n    handleClick,\n  }\n\n  const renderItems = (linkItems: AnchorLinkItem[]): React.ReactNode => {\n    return linkItems.map((item) => (\n      <AnchorLink key={item.href} href={item.href} title={item.title}>\n        {item.children && renderItems(item.children)}\n      </AnchorLink>\n    ))\n  }\n\n  const anchorContent = (\n    <nav\n      ref={anchorRef}\n      className={`\n        ${direction === 'horizontal' ? 'flex items-center' : 'flex flex-col'}\n        ${isAffixed ? 'fixed bg-base-100 shadow-sm z-10' : ''}\n        ${className}\n      `.trim()}\n      style={isAffixed ? { top: affixOffsetTop } : undefined}\n    >\n      {items ? renderItems(items) : children}\n    </nav>\n  )\n\n  if (affix) {\n    return (\n      <AnchorContext.Provider value={contextValue}>\n        <div ref={placeholderRef} style={isAffixed && anchorRef.current ? { height: anchorRef.current.offsetHeight } : undefined}>\n          {anchorContent}\n        </div>\n      </AnchorContext.Provider>\n    )\n  }\n\n  return (\n    <AnchorContext.Provider value={contextValue}>\n      {anchorContent}\n    </AnchorContext.Provider>\n  )\n}\n\nexport const Anchor = Object.assign(AnchorComponent, {\n  Link: AnchorLink,\n})\n"],"names":["AnchorContext","createContext","useAnchorContext","context","useContext","AnchorLink","href","title","children","className","activeLink","direction","registerLink","unregisterLink","handleClick","useEffect","isActive","isVertical","jsxs","jsx","e","AnchorComponent","items","offsetTop","bounds","getContainer","getCurrentAnchor","onChange","onClick","controlledActiveLink","affix","affixOffsetTop","replace","internalActiveLink","setInternalActiveLink","useState","links","setLinks","isAffixed","setIsAffixed","anchorRef","useRef","placeholderRef","isControlled","rawActiveLink","useCallback","prev","link","scrollToTarget","target","container","targetTop","containerTop","scrollTop","top","handleScroll","placeholderRect","shouldAffix","currentActive","containerEl","scrollHeight","clientHeight","element","contextValue","renderItems","linkItems","item","anchorContent","Anchor"],"mappings":"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"}
+{"version":3,"file":"Anchor.js","sources":["../../src/components/Anchor.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, createContext, useContext, useRef } from 'react'\n\nexport interface AnchorLinkItem {\n  /** Target element id (without #) */\n  href: string\n  /** Link title */\n  title: React.ReactNode\n  /** Nested links */\n  children?: AnchorLinkItem[]\n}\n\nexport interface AnchorProps {\n  /** Anchor links (alternative to Anchor.Link children) */\n  items?: AnchorLinkItem[]\n  /** Layout direction */\n  direction?: 'horizontal' | 'vertical'\n  /** Offset from top when calculating scroll position */\n  offsetTop?: number\n  /** Bounding distance of anchor area */\n  bounds?: number\n  /** Target scroll container (default: window) */\n  getContainer?: () => HTMLElement | Window\n  /** Customize the anchor highlight */\n  getCurrentAnchor?: (activeLink: string) => string\n  /** Callback when active link changes */\n  onChange?: (activeLink: string) => void\n  /** Callback when link is clicked */\n  onClick?: (e: React.MouseEvent, link: { href: string; title: React.ReactNode }) => void\n  /** Currently active link (controlled) */\n  activeLink?: string\n  /** Whether to fix the anchor when scrolling */\n  affix?: boolean\n  /** Pixels to offset from top when affix is true */\n  affixOffsetTop?: number\n  /** Replace history instead of push */\n  replace?: boolean\n  /** Custom class name */\n  className?: string\n  /** Anchor.Link children */\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\nexport interface AnchorLinkProps {\n  /** Target element id (without #) */\n  href: string\n  /** Link title */\n  title: React.ReactNode\n  /** Nested links */\n  children?: React.ReactNode\n  /** Custom class name */\n  className?: string\n  'data-testid'?: string\n}\n\ninterface AnchorContextValue {\n  activeLink: string\n  direction: 'horizontal' | 'vertical'\n  offsetTop: number\n  registerLink: (href: string) => void\n  unregisterLink: (href: string) => void\n  handleClick: (e: React.MouseEvent, href: string, title: React.ReactNode) => void\n}\n\nconst AnchorContext = createContext<AnchorContextValue | null>(null)\n\nconst useAnchorContext = () => {\n  const context = useContext(AnchorContext)\n  if (!context) {\n    throw new Error('Anchor.Link must be used within an Anchor')\n  }\n  return context\n}\n\nconst AnchorLink: React.FC<AnchorLinkProps> = ({\n  href,\n  title,\n  children,\n  className = '',\n  'data-testid': testId,\n}) => {\n  const { activeLink, direction, registerLink, unregisterLink, handleClick } = useAnchorContext()\n\n  useEffect(() => {\n    registerLink(href)\n    return () => unregisterLink(href)\n  }, [href, registerLink, unregisterLink])\n\n  const isActive = activeLink === href\n  const isVertical = direction === 'vertical'\n\n  return (\n    <div className={isVertical ? '' : 'inline-block'}>\n      <a\n        href={`#${href}`}\n        onClick={(e) => handleClick(e, href, title)}\n        className={`\n          block text-sm transition-colors\n          ${isVertical ? 'py-1 pl-3 border-l-2' : 'px-3 py-1 border-b-2'}\n          ${isActive\n            ? 'text-primary border-primary font-medium'\n            : 'text-base-content/70 border-transparent hover:text-base-content hover:border-base-content/30'\n          }\n          ${className}\n        `.trim()}\n        data-testid={testId}\n      >\n        {title}\n      </a>\n      {children && (\n        <div className={isVertical ? 'pl-3' : 'inline-flex'}>\n          {children}\n        </div>\n      )}\n    </div>\n  )\n}\n\nconst AnchorComponent: React.FC<AnchorProps> = ({\n  items,\n  direction = 'vertical',\n  offsetTop = 0,\n  bounds = 5,\n  getContainer,\n  getCurrentAnchor,\n  onChange,\n  onClick,\n  activeLink: controlledActiveLink,\n  affix = false,\n  affixOffsetTop = 0,\n  replace = false,\n  className = '',\n  children,\n  'data-testid': testId,\n}) => {\n  const [internalActiveLink, setInternalActiveLink] = useState('')\n  const [links, setLinks] = useState<string[]>([])\n  const [isAffixed, setIsAffixed] = useState(false)\n  const anchorRef = useRef<HTMLDivElement>(null)\n  const placeholderRef = useRef<HTMLDivElement>(null)\n\n  const isControlled = controlledActiveLink !== undefined\n  const rawActiveLink = isControlled ? controlledActiveLink : internalActiveLink\n  const activeLink = getCurrentAnchor ? getCurrentAnchor(rawActiveLink) : rawActiveLink\n\n  const registerLink = useCallback((href: string) => {\n    setLinks((prev) => (prev.includes(href) ? prev : [...prev, href]))\n  }, [])\n\n  const unregisterLink = useCallback((href: string) => {\n    setLinks((prev) => prev.filter((link) => link !== href))\n  }, [])\n\n  const scrollToTarget = useCallback((href: string) => {\n    const target = document.getElementById(href)\n    if (target) {\n      const container = getContainer?.() ?? window\n      const targetTop = target.getBoundingClientRect().top\n      const containerTop = container === window\n        ? 0\n        : (container as HTMLElement).getBoundingClientRect().top\n      const scrollTop = container === window\n        ? window.scrollY\n        : (container as HTMLElement).scrollTop\n\n      const top = targetTop - containerTop + scrollTop - offsetTop\n\n      if (container === window) {\n        window.scrollTo({ top, behavior: 'smooth' })\n      } else {\n        (container as HTMLElement).scrollTo({ top, behavior: 'smooth' })\n      }\n\n      // Update URL hash\n      if (replace) {\n        window.history.replaceState(null, '', `#${href}`)\n      } else {\n        window.history.pushState(null, '', `#${href}`)\n      }\n    }\n  }, [getContainer, offsetTop, replace])\n\n  const handleClick = useCallback((\n    e: React.MouseEvent,\n    href: string,\n    title: React.ReactNode\n  ) => {\n    e.preventDefault()\n    onClick?.(e, { href, title })\n    scrollToTarget(href)\n\n    if (!isControlled) {\n      setInternalActiveLink(href)\n    }\n    onChange?.(href)\n  }, [onClick, scrollToTarget, isControlled, onChange])\n\n  // Affix logic\n  useEffect(() => {\n    if (!affix || !anchorRef.current) return\n\n    const container = getContainer?.() ?? window\n\n    const handleScroll = () => {\n      if (!anchorRef.current || !placeholderRef.current) return\n\n      const placeholderRect = placeholderRef.current.getBoundingClientRect()\n      const containerTop = container === window\n        ? 0\n        : (container as HTMLElement).getBoundingClientRect().top\n\n      const shouldAffix = placeholderRect.top - containerTop <= affixOffsetTop\n\n      if (shouldAffix !== isAffixed) {\n        setIsAffixed(shouldAffix)\n      }\n    }\n\n    container.addEventListener('scroll', handleScroll, { passive: true })\n    handleScroll()\n\n    return () => container.removeEventListener('scroll', handleScroll)\n  }, [affix, affixOffsetTop, getContainer, isAffixed])\n\n  // Scroll spy\n  useEffect(() => {\n    if (links.length === 0) return\n\n    const container = getContainer?.() ?? window\n\n    const handleScroll = () => {\n      let currentActive = ''\n      const containerEl = container === window ? document.documentElement : container as HTMLElement\n      const containerTop = container === window\n        ? 0\n        : containerEl.getBoundingClientRect().top\n\n      // Check if scrolled to near the bottom\n      const scrollTop = container === window ? window.scrollY : containerEl.scrollTop\n      const scrollHeight = containerEl.scrollHeight\n      const clientHeight = container === window ? window.innerHeight : containerEl.clientHeight\n      const isNearBottom = scrollTop + clientHeight >= scrollHeight - 10\n\n      // If near bottom, use the last link\n      if (isNearBottom && links.length > 0) {\n        currentActive = links[links.length - 1]\n      } else {\n        // Find the last element that has scrolled past the top (standard scroll spy behavior)\n        for (const href of links) {\n          const element = document.getElementById(href)\n          if (element) {\n            const rect = element.getBoundingClientRect()\n            const distance = rect.top - containerTop - offsetTop\n\n            // If element's top is within bounds of the threshold, it's the current section\n            if (distance <= bounds) {\n              currentActive = href\n            }\n          }\n        }\n\n        // If nothing matched, use the first link\n        if (!currentActive && links.length > 0) {\n          currentActive = links[0]\n        }\n      }\n\n      if (currentActive && currentActive !== rawActiveLink) {\n        if (!isControlled) {\n          setInternalActiveLink(currentActive)\n        }\n        onChange?.(currentActive)\n      }\n    }\n\n    container.addEventListener('scroll', handleScroll, { passive: true })\n    handleScroll() // Initial check\n\n    return () => container.removeEventListener('scroll', handleScroll)\n  }, [links, getContainer, offsetTop, bounds, rawActiveLink, isControlled, onChange])\n\n  const contextValue: AnchorContextValue = {\n    activeLink,\n    direction,\n    offsetTop,\n    registerLink,\n    unregisterLink,\n    handleClick,\n  }\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  const renderItems = (linkItems: AnchorLinkItem[]): React.ReactNode => {\n    return linkItems.map((item) => (\n      <AnchorLink key={item.href} href={item.href} title={item.title} data-testid={getTestId(`link-${item.href}`)}>\n        {item.children && renderItems(item.children)}\n      </AnchorLink>\n    ))\n  }\n\n  const anchorContent = (\n    <nav\n      ref={anchorRef}\n      className={`\n        ${direction === 'horizontal' ? 'flex items-center' : 'flex flex-col'}\n        ${isAffixed ? 'fixed bg-base-100 shadow-sm z-10' : ''}\n        ${className}\n      `.trim()}\n      style={isAffixed ? { top: affixOffsetTop } : undefined}\n      data-testid={testId}\n    >\n      {items ? renderItems(items) : children}\n    </nav>\n  )\n\n  if (affix) {\n    return (\n      <AnchorContext.Provider value={contextValue}>\n        <div ref={placeholderRef} style={isAffixed && anchorRef.current ? { height: anchorRef.current.offsetHeight } : undefined}>\n          {anchorContent}\n        </div>\n      </AnchorContext.Provider>\n    )\n  }\n\n  return (\n    <AnchorContext.Provider value={contextValue}>\n      {anchorContent}\n    </AnchorContext.Provider>\n  )\n}\n\nexport const Anchor = Object.assign(AnchorComponent, {\n  Link: AnchorLink,\n})\n"],"names":["AnchorContext","createContext","useAnchorContext","context","useContext","AnchorLink","href","title","children","className","testId","activeLink","direction","registerLink","unregisterLink","handleClick","useEffect","isActive","isVertical","jsxs","jsx","e","AnchorComponent","items","offsetTop","bounds","getContainer","getCurrentAnchor","onChange","onClick","controlledActiveLink","affix","affixOffsetTop","replace","internalActiveLink","setInternalActiveLink","useState","links","setLinks","isAffixed","setIsAffixed","anchorRef","useRef","placeholderRef","isControlled","rawActiveLink","useCallback","prev","link","scrollToTarget","target","container","targetTop","containerTop","scrollTop","top","handleScroll","placeholderRect","shouldAffix","currentActive","containerEl","scrollHeight","clientHeight","element","contextValue","getTestId","suffix","renderItems","linkItems","item","anchorContent","Anchor"],"mappings":"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"}

package/dist/components/Autocomplete.d.ts

@@ -34,5 +34,6 @@ export interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElem
     onOpenChange?: (open: boolean) => void;
     /** Activate first option by default */
     defaultActiveFirstOption?: boolean;
+    'data-testid'?: string;
 }
 export declare const Autocomplete: React.FC<AutocompleteProps>;

package/dist/components/Autocomplete.js

@@ -1,7 +1,7 @@
-import { jsxs as M, jsx as o } from "react/jsx-runtime";
-import { useId as de, useState as k, useRef as O, useEffect as z } from "react";
-import { useConfig as ue } from "../providers/ConfigProvider.js";
-const pe = "dropdown", fe = "dropdown-bottom", he = "dropdown-open", be = "dropdown-content", me = "menu", Ie = "input", ge = "input-xs", we = "input-sm", xe = "input-md", ye = "input-lg", ve = "input-xl", Ce = "input-neutral", ke = "input-primary", De = "input-secondary", Ne = "input-accent", $e = "input-info", je = "input-success", A = "input-warning", R = "input-error", Ee = ({ onClick: l, className: I }) => /* @__PURE__ */ o(
+import { jsxs as z, jsx as o } from "react/jsx-runtime";
+import { useId as pe, useState as D, useRef as A, useEffect as T } from "react";
+import { useConfig as fe } from "../providers/ConfigProvider.js";
+const be = "dropdown", he = "dropdown-bottom", me = "dropdown-open", ge = "dropdown-content", Ie = "menu", we = "input", xe = "input-xs", ve = "input-sm", ye = "input-md", Ce = "input-lg", $e = "input-xl", ke = "input-neutral", De = "input-primary", Ne = "input-secondary", je = "input-accent", Ee = "input-info", Se = "input-success", R = "input-warning", V = "input-error", Be = ({ onClick: l, className: I }) => /* @__PURE__ */ o(
   "button",
   {
     type: "button",
@@ -11,169 +11,174 @@ const pe = "dropdown", fe = "dropdown-bottom", he = "dropdown-open", be = "dropd
     tabIndex: -1,
     children: /* @__PURE__ */ o("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
   }
-), ze = ({
+), Te = ({
   value: l,
   defaultValue: I = "",
-  onChange: g,
-  onSelect: T,
-  onSearch: V,
-  options: K,
-  placeholder: P = "Type to search...",
-  disabled: p = !1,
-  size: U,
-  color: D,
-  status: w,
-  className: W = "",
-  allowCustomValue: N = !0,
-  filterOption: $,
-  notFoundContent: X = "No results found",
-  allowClear: f,
-  onClear: F,
-  open: j,
-  defaultOpen: H = !1,
-  onOpenChange: q,
-  defaultActiveFirstOption: x = !0,
-  ...G
+  onChange: w,
+  onSelect: K,
+  onSearch: P,
+  options: U,
+  placeholder: W = "Type to search...",
+  disabled: f = !1,
+  size: X,
+  color: N,
+  status: x,
+  className: F = "",
+  allowCustomValue: j = !0,
+  filterOption: E,
+  notFoundContent: H = "No results found",
+  allowClear: b,
+  onClear: q,
+  open: S,
+  defaultOpen: G = !1,
+  onOpenChange: J,
+  defaultActiveFirstOption: v = !0,
+  "data-testid": y,
+  ...Q
 }) => {
-  const { componentSize: J } = ue(), Q = U ?? J ?? "md", y = de(), Y = `${y}-input`, E = `${y}-listbox`, v = K.map(
+  const { componentSize: Y } = fe(), Z = X ?? Y ?? "md", C = pe(), _ = `${C}-input`, B = `${C}-listbox`, $ = U.map(
     (e) => typeof e == "string" ? { value: e, label: e } : e
-  ), [h, b] = k(I), [Z, _] = k(H), [t, r] = k(-1), m = O(null), i = O(null), S = j !== void 0, d = S ? j : Z, c = (e) => {
-    S || _(e), q?.(e);
+  ), [h, m] = D(I), [ee, te] = D(G), [n, r] = D(-1), g = A(null), i = A(null), L = S !== void 0, d = L ? S : ee, c = (e) => {
+    L || te(e), J?.(e);
   };
-  z(() => {
+  T(() => {
     if (l !== void 0) {
-      const e = v.find((n) => n.value === l);
-      b(e?.label || l);
+      const e = $.find((t) => t.value === l);
+      m(e?.label || l);
     }
-  }, [l, v]);
-  const ee = (e, n) => e.label.toLowerCase().includes(n.toLowerCase()), a = v.filter(
-    (e) => $ ? $(e, h) : ee(e, h)
-  ), u = a.filter((e) => !e.disabled), ne = (e) => {
-    const n = e.target.value;
-    b(n), c(!0), x && u.length > 0 ? r(0) : r(-1), V?.(n), N && g?.(n);
-  }, C = (e) => {
-    e.disabled || (b(e.label), c(!1), r(-1), g?.(e.value), T?.(e.value, e), m.current?.focus());
-  }, te = (e) => {
+  }, [l, $]);
+  const ne = (e, t) => e.label.toLowerCase().includes(t.toLowerCase()), a = $.filter(
+    (e) => E ? E(e, h) : ne(e, h)
+  ), u = a.filter((e) => !e.disabled), se = (e) => {
+    const t = e.target.value;
+    m(t), c(!0), v && u.length > 0 ? r(0) : r(-1), P?.(t), j && w?.(t);
+  }, k = (e) => {
+    e.disabled || (m(e.label), c(!1), r(-1), w?.(e.value), K?.(e.value, e), g.current?.focus());
+  }, oe = (e) => {
     if (!d && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
-      c(!0), x && u.length > 0 && r(0);
+      c(!0), v && u.length > 0 && r(0);
       return;
     }
     switch (e.key) {
       case "ArrowDown":
-        e.preventDefault(), r((n) => {
-          for (let s = n + 1; s < a.length; s++)
+        e.preventDefault(), r((t) => {
+          for (let s = t + 1; s < a.length; s++)
             if (!a[s].disabled) return s;
-          return n;
+          return t;
         });
         break;
       case "ArrowUp":
-        e.preventDefault(), r((n) => {
-          for (let s = n - 1; s >= 0; s--)
+        e.preventDefault(), r((t) => {
+          for (let s = t - 1; s >= 0; s--)
             if (!a[s].disabled) return s;
-          return n;
+          return t;
         });
         break;
       case "Enter":
-        e.preventDefault(), t >= 0 && a[t] && !a[t].disabled ? C(a[t]) : !N && u.length > 0 && C(u[0]);
+        e.preventDefault(), n >= 0 && a[n] && !a[n].disabled ? k(a[n]) : !j && u.length > 0 && k(u[0]);
         break;
       case "Escape":
-        c(!1), r(-1), m.current?.blur();
+        c(!1), r(-1), g.current?.blur();
         break;
     }
-  }, se = () => {
-    c(!0), x && u.length > 0 && r(0);
-  }, oe = (e) => {
+  }, re = () => {
+    c(!0), v && u.length > 0 && r(0);
+  }, ae = (e) => {
     i.current && i.current.contains(e.relatedTarget) || setTimeout(() => c(!1), 200);
-  }, re = (e) => {
-    e.stopPropagation(), b(""), g?.(""), F?.(), m.current?.focus();
-  }, ae = {
-    xs: ge,
-    sm: we,
-    md: xe,
-    lg: ye,
-    xl: ve
-  }, le = w ? {
-    error: R,
-    warning: A
-  }[w] : D ? {
-    neutral: Ce,
-    primary: ke,
-    secondary: De,
-    accent: Ne,
-    info: $e,
-    success: je,
-    warning: A,
-    error: R
-  }[D] : "";
-  z(() => {
-    t >= 0 && i.current && i.current.children[t]?.scrollIntoView({ block: "nearest" });
-  }, [t]);
-  const B = f && h && !p, ce = typeof f == "object" && f.clearIcon ? f.clearIcon : null, L = (e) => `${y}-option-${e}`, ie = [
-    `${Ie} w-full`,
-    ae[Q],
-    le,
-    B && "pr-10"
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ M(
+  }, le = (e) => {
+    e.stopPropagation(), m(""), w?.(""), q?.(), g.current?.focus();
+  }, ce = {
+    xs: xe,
+    sm: ve,
+    md: ye,
+    lg: Ce,
+    xl: $e
+  }, ie = x ? {
+    error: V,
+    warning: R
+  }[x] : N ? {
+    neutral: ke,
+    primary: De,
+    secondary: Ne,
+    accent: je,
+    info: Ee,
+    success: Se,
+    warning: R,
+    error: V
+  }[N] : "";
+  T(() => {
+    n >= 0 && i.current && i.current.children[n]?.scrollIntoView({ block: "nearest" });
+  }, [n]);
+  const M = b && h && !f, de = typeof b == "object" && b.clearIcon ? b.clearIcon : null, O = (e) => `${C}-option-${e}`, ue = [
+    `${we} w-full`,
+    ce[Z],
+    ie,
+    M && "pr-10"
+  ].filter(Boolean).join(" "), p = (e) => y ? `${y}-${e}` : void 0;
+  return /* @__PURE__ */ z(
     "div",
     {
-      className: `${pe} ${fe} w-full ${d && !p ? he : ""} ${W}`,
+      className: `${be} ${he} w-full ${d && !f ? me : ""} ${F}`,
       "data-state": d ? "open" : "closed",
-      ...G,
+      "data-testid": y,
+      ...Q,
       children: [
-        /* @__PURE__ */ M("div", { className: "relative w-full", children: [
+        /* @__PURE__ */ z("div", { className: "relative w-full", children: [
           /* @__PURE__ */ o(
             "input",
             {
-              ref: m,
-              id: Y,
+              ref: g,
+              id: _,
               type: "text",
               role: "combobox",
               "aria-expanded": d,
               "aria-haspopup": "listbox",
-              "aria-controls": E,
+              "aria-controls": B,
               "aria-autocomplete": "list",
-              "aria-activedescendant": t >= 0 ? L(t) : void 0,
-              "aria-invalid": w === "error" ? !0 : void 0,
+              "aria-activedescendant": n >= 0 ? O(n) : void 0,
+              "aria-invalid": x === "error" ? !0 : void 0,
               value: h,
-              onChange: ne,
-              onKeyDown: te,
-              onFocus: se,
-              onBlur: oe,
-              placeholder: P,
-              disabled: p,
-              className: ie
+              onChange: se,
+              onKeyDown: oe,
+              onFocus: re,
+              onBlur: ae,
+              placeholder: W,
+              disabled: f,
+              className: ue,
+              "data-testid": p("input")
             }
           ),
-          B && /* @__PURE__ */ o("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 z-10", children: ce || /* @__PURE__ */ o(Ee, { onClick: re }) })
+          M && /* @__PURE__ */ o("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 z-10", "data-testid": p("clear"), children: de || /* @__PURE__ */ o(Be, { onClick: le }) })
         ] }),
-        d && !p && /* @__PURE__ */ o(
+        d && !f && /* @__PURE__ */ o(
           "ul",
           {
             ref: i,
-            id: E,
+            id: B,
             role: "listbox",
             "aria-label": "Suggestions",
             tabIndex: -1,
-            className: `${be} ${me} bg-base-100 rounded-box z-50 w-full shadow-lg border border-base-300 max-h-60 overflow-auto flex-nowrap`,
-            children: a.length > 0 ? a.map((e, n) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
+            className: `${ge} ${Ie} bg-base-100 rounded-box z-50 w-full shadow-lg border border-base-300 max-h-60 overflow-auto flex-nowrap`,
+            "data-testid": p("listbox"),
+            children: a.length > 0 ? a.map((e, t) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
               "a",
               {
-                id: L(n),
+                id: O(t),
                 role: "option",
-                "aria-selected": t === n,
+                "aria-selected": n === t,
                 "aria-disabled": e.disabled,
                 onMouseDown: (s) => {
-                  s.preventDefault(), C(e);
+                  s.preventDefault(), k(e);
                 },
-                onMouseEnter: () => !e.disabled && r(n),
+                onMouseEnter: () => !e.disabled && r(t),
                 className: [
-                  n === t && !e.disabled && "active",
+                  t === n && !e.disabled && "active",
                   e.disabled && "disabled text-base-content/40 cursor-not-allowed"
                 ].filter(Boolean).join(" "),
+                "data-testid": p(`option-${e.value || t}`),
                 children: e.label
               }
-            ) }, e.value)) : /* @__PURE__ */ o("li", { className: "disabled", children: /* @__PURE__ */ o("span", { className: "text-base-content/60 text-center cursor-default", children: X }) })
+            ) }, e.value)) : /* @__PURE__ */ o("li", { className: "disabled", "data-testid": p("empty"), children: /* @__PURE__ */ o("span", { className: "text-base-content/60 text-center cursor-default", children: H }) })
           }
         )
       ]
@@ -181,6 +186,6 @@ const pe = "dropdown", fe = "dropdown-bottom", he = "dropdown-open", be = "dropd
   );
 };
 export {
-  ze as Autocomplete
+  Te as Autocomplete
 };
 //# sourceMappingURL=Autocomplete.js.map