@gentleduck/docs 0.1.0 → 0.2.0

package/dist/{docs-toc-Bjmkbd6l.js → docs-toc-oDLRpfBi.js}

@@ -1,2 +1,2 @@
-import{t as e}from"./use-mounted-Bi7J0dBb.js";import{cn as t}from"@gentleduck/libs/cn";import*as n from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{BookOpenText as a}from"lucide-react";function o(e,t=1){let n=[];for(let r of e)n.push({url:r.url,title:r.title,depth:t}),r.items&&t<2&&n.push(...o(r.items,t+1));return n}function s(e){return e>=2?12:0}function c(e){return e>=2?28:16}function l(e){let[t,r]=n.useState(``);return n.useEffect(()=>{let t=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&r(e.target.id)})},{rootMargin:`0% 0% -80% 0%`});return e?.forEach(e=>{if(!e)return;let n=document.getElementById(e);n&&t.observe(n)}),()=>{e?.forEach(e=>{if(!e)return;let n=document.getElementById(e);n&&t.unobserve(n)})}},[e]),t}function u(e,t){let[r,i]=n.useState([0,0]);return n.useEffect(()=>{let n=e.current;if(!t||!n||n.clientHeight===0){i([0,0]);return}let r=n.querySelector(`a[href="#${t}"]`);if(!r){i([0,0]);return}let a=getComputedStyle(r),o=r.offsetTop+parseFloat(a.paddingTop);i([o,r.offsetTop+r.clientHeight-parseFloat(a.paddingBottom)-o])},[t,e]),r}function d(e,t){let[r,i]=n.useState(null);return n.useEffect(()=>{let n=e.current;if(!n||n.clientHeight===0)return;function r(){if(!n)return;let e=0,r=0,a=[],o=0,c=0,l=!1;for(let i of t){let t=n.querySelector(`a[href="${i.url}"]`);if(!t)continue;let u=getComputedStyle(t),d=s(i.depth)+1,f=t.offsetTop+parseFloat(u.paddingTop),p=t.offsetTop+t.clientHeight-parseFloat(u.paddingBottom);e=Math.max(d,e),r=Math.max(r,p),l?((f!==c||d!==o)&&a.push(`L${d} ${f}`),a.push(`L${d} ${p}`)):(a.push(`M${d} ${f}`),a.push(`L${d} ${p}`),l=!0),o=d,c=p}i(a.length>0?{path:a.join(` `),width:e+1,height:r}:null)}let a=new ResizeObserver(r);return r(),a.observe(n),()=>a.disconnect()},[t]),r}function f({toc:e}){return r(`ul`,{className:`m-0 list-none`,children:n.useMemo(()=>{let t=[];for(let n of e){let e=n.title.length;if(t.push({level:1,width:`${Math.min(Math.max(e*8,80),200)}px`}),n.items)for(let e of n.items){let n=e.title.length;t.push({level:2,width:`${Math.min(Math.max(n*7,64),160)}px`})}}return t},[e]).map((e,n)=>r(`li`,{className:t(`mt-0 pt-2`,{"pl-4":e.level>1}),children:r(`div`,{className:`h-3.5 animate-pulse rounded-full bg-muted/70`,style:{width:e.width}})},n))})}function p({items:e,activeItem:a}){let o=n.useRef(null),s=u(o,a),l=d(o,e);return i(`div`,{ref:o,className:`relative`,children:[l?r(`svg`,{"aria-hidden":`true`,className:`pointer-events-none absolute start-0 top-0`,height:l.height,style:{width:l.width},viewBox:`0 0 ${l.width} ${l.height}`,width:l.width,children:r(`path`,{d:l.path,fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:1,className:`text-muted-foreground/20`})}):null,e.map((e,n)=>r(`a`,{href:e.url,className:t(`relative block py-1.5 no-underline transition-colors [overflow-wrap:anywhere]`,e.url===`#${a}`?`font-medium text-primary`:`text-muted-foreground text-sm hover:text-foreground`),style:{paddingInlineStart:`${c(e.depth)}px`},children:e.title},n)),l?r(`div`,{"aria-hidden":`true`,className:`pointer-events-none absolute start-0 top-0`,style:{width:l.width,height:l.height,maskImage:`url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${l.width} ${l.height}"><path d="${l.path}" stroke="black" stroke-width="2" fill="none" /></svg>`)}")`},children:r(`div`,{className:`bg-primary transition-all duration-300 ease-out`,style:{marginTop:s[0],height:s[1]}})}):null]})}function m({toc:t}){let s=n.useMemo(()=>o(t),[t]),c=l(n.useMemo(()=>s.map(e=>e.url.split(`#`)[1]).filter(Boolean),[s])),u=e();return t.length?i(`div`,{className:`flex min-h-0 flex-1 flex-col gap-2`,children:[i(`div`,{className:`flex shrink-0 items-center gap-2`,children:[r(a,{"aria-hidden":`true`,className:`size-4`}),r(`p`,{className:`font-medium`,children:`On This Page`})]}),r(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:u?r(p,{activeItem:c,items:s}):r(f,{toc:t})})]}):null}export{m as t};
-//# sourceMappingURL=docs-toc-Bjmkbd6l.js.map
+import{t as e}from"./use-mounted-DDwvpoyo.js";import{cn as t}from"@gentleduck/libs/cn";import*as n from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{BookOpenText as a}from"lucide-react";function o(e,t=1){let n=[];for(let r of e)n.push({url:r.url,title:r.title,depth:t}),r.items&&t<2&&n.push(...o(r.items,t+1));return n}function s(e){return e>=2?12:0}function c(e){return e>=2?28:16}function l(e){let[t,r]=n.useState(``);return n.useEffect(()=>{let t=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&r(e.target.id)})},{rootMargin:`0% 0% -80% 0%`});return e?.forEach(e=>{if(!e)return;let n=document.getElementById(e);n&&t.observe(n)}),()=>{e?.forEach(e=>{if(!e)return;let n=document.getElementById(e);n&&t.unobserve(n)})}},[e]),t}function u(e,t){let[r,i]=n.useState([0,0]);return n.useEffect(()=>{let n=e.current;if(!t||!n||n.clientHeight===0){i([0,0]);return}let r=n.querySelector(`a[href="#${t}"]`);if(!r){i([0,0]);return}let a=getComputedStyle(r),o=r.offsetTop+parseFloat(a.paddingTop);i([o,r.offsetTop+r.clientHeight-parseFloat(a.paddingBottom)-o])},[t,e]),r}function d(e,t){let[r,i]=n.useState(null);return n.useEffect(()=>{let n=e.current;if(!n||n.clientHeight===0)return;function r(){if(!n)return;let e=0,r=0,a=[],o=0,c=0,l=!1;for(let i of t){let t=n.querySelector(`a[href="${i.url}"]`);if(!t)continue;let u=getComputedStyle(t),d=s(i.depth)+1,f=t.offsetTop+parseFloat(u.paddingTop),p=t.offsetTop+t.clientHeight-parseFloat(u.paddingBottom);e=Math.max(d,e),r=Math.max(r,p),l?((f!==c||d!==o)&&a.push(`L${d} ${f}`),a.push(`L${d} ${p}`)):(a.push(`M${d} ${f}`),a.push(`L${d} ${p}`),l=!0),o=d,c=p}i(a.length>0?{path:a.join(` `),width:e+1,height:r}:null)}let a=new ResizeObserver(r);return r(),a.observe(n),()=>a.disconnect()},[t]),r}function f({toc:e}){return r(`ul`,{className:`m-0 list-none`,children:n.useMemo(()=>{let t=[];for(let n of e){let e=n.title.length;if(t.push({level:1,width:`${Math.min(Math.max(e*8,80),200)}px`}),n.items)for(let e of n.items){let n=e.title.length;t.push({level:2,width:`${Math.min(Math.max(n*7,64),160)}px`})}}return t},[e]).map((e,n)=>r(`li`,{className:t(`mt-0 pt-2`,{"pl-4":e.level>1}),children:r(`div`,{className:`h-3.5 animate-pulse rounded-full bg-muted/70`,style:{width:e.width}})},n))})}function p({items:e,activeItem:a}){let o=n.useRef(null),s=u(o,a),l=d(o,e);return i(`div`,{ref:o,className:`relative`,children:[l?r(`svg`,{"aria-hidden":`true`,className:`pointer-events-none absolute start-0 top-0`,height:l.height,style:{width:l.width},viewBox:`0 0 ${l.width} ${l.height}`,width:l.width,children:r(`path`,{d:l.path,fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:1,className:`text-muted-foreground/20`})}):null,e.map((e,n)=>r(`a`,{href:e.url,className:t(`relative block py-1.5 no-underline transition-colors [overflow-wrap:anywhere]`,e.url===`#${a}`?`font-medium text-primary`:`text-muted-foreground text-sm hover:text-foreground`),style:{paddingInlineStart:`${c(e.depth)}px`},children:e.title},n)),l?r(`div`,{"aria-hidden":`true`,className:`pointer-events-none absolute start-0 top-0`,style:{width:l.width,height:l.height,maskImage:`url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${l.width} ${l.height}"><path d="${l.path}" stroke="black" stroke-width="2" fill="none" /></svg>`)}")`},children:r(`div`,{className:`bg-primary transition-all duration-300 ease-out`,style:{marginTop:s[0],height:s[1]}})}):null]})}function m({toc:t}){let s=n.useMemo(()=>o(t),[t]),c=l(n.useMemo(()=>s.map(e=>e.url.split(`#`)[1]).filter(Boolean),[s])),u=e();return t.length?i(`div`,{className:`flex min-h-0 flex-1 flex-col gap-2`,children:[i(`div`,{className:`flex shrink-0 items-center gap-2`,children:[r(a,{"aria-hidden":`true`,className:`size-4`}),r(`p`,{className:`font-medium`,children:`On This Page`})]}),r(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:u?r(p,{activeItem:c,items:s}):r(f,{toc:t})})]}):null}export{m as t};
+//# sourceMappingURL=docs-toc-oDLRpfBi.js.map

package/dist/{docs-toc-Bjmkbd6l.js.map → docs-toc-oDLRpfBi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"docs-toc-Bjmkbd6l.js","names":["result: FlatTocItem[]","React","d: string[]","items: { level: number; width: string }[]"],"sources":["../src/components/docs/docs-toc.tsx"],"sourcesContent":["'use client'\n\nimport type { TocEntry } from '@duck-docs/context'\nimport { useMounted } from '@duck-docs/hooks/use-mounted'\nimport { cn } from '@gentleduck/libs/cn'\nimport { BookOpenText } from 'lucide-react'\nimport * as React from 'react'\n\n// -- Types -------------------------------------------------------------------\n\ninterface TocProps {\n  toc: TocEntry[]\n}\n\ninterface FlatTocItem {\n  url: string\n  title: string\n  depth: number\n}\n\n// -- Helpers -----------------------------------------------------------------\n\nfunction flattenToc(toc: TocEntry[], depth = 1): FlatTocItem[] {\n  const result: FlatTocItem[] = []\n  for (const entry of toc) {\n    result.push({ url: entry.url, title: entry.title, depth })\n    if (entry.items && depth < 2) {\n      result.push(...flattenToc(entry.items, depth + 1))\n    }\n  }\n  return result\n}\n\nfunction lineOffset(depth: number): number {\n  return depth >= 2 ? 12 : 0\n}\n\nfunction itemPadding(depth: number): number {\n  return depth >= 2 ? 28 : 16\n}\n\n// -- Hooks -------------------------------------------------------------------\n\nfunction useActiveItem(itemIds: (string | undefined)[]) {\n  const [activeId, setActiveId] = React.useState<string>('')\n\n  React.useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id)\n          }\n        })\n      },\n      { rootMargin: '0% 0% -80% 0%' },\n    )\n\n    itemIds?.forEach((id) => {\n      if (!id) return\n      const element = document.getElementById(id)\n      if (element) observer.observe(element)\n    })\n\n    return () => {\n      itemIds?.forEach((id) => {\n        if (!id) return\n        const element = document.getElementById(id)\n        if (element) observer.unobserve(element)\n      })\n    }\n  }, [itemIds])\n\n  return activeId\n}\n\nfunction useTocThumb(containerRef: React.RefObject<HTMLDivElement | null>, activeItem: string): [number, number] {\n  const [pos, setPos] = React.useState<[number, number]>([0, 0])\n\n  React.useEffect(() => {\n    const container = containerRef.current\n    if (!activeItem || !container || container.clientHeight === 0) {\n      setPos([0, 0])\n      return\n    }\n\n    const el = container.querySelector<HTMLElement>(`a[href=\"#${activeItem}\"]`)\n    if (!el) {\n      setPos([0, 0])\n      return\n    }\n\n    const styles = getComputedStyle(el)\n    const top = el.offsetTop + parseFloat(styles.paddingTop)\n    const bottom = el.offsetTop + el.clientHeight - parseFloat(styles.paddingBottom)\n    setPos([top, bottom - top])\n  }, [activeItem, containerRef])\n\n  return pos\n}\n\nfunction useTocSvg(containerRef: React.RefObject<HTMLDivElement | null>, items: FlatTocItem[]) {\n  const [svg, setSvg] = React.useState<{ path: string; width: number; height: number } | null>(null)\n\n  React.useEffect(() => {\n    const container = containerRef.current\n    if (!container || container.clientHeight === 0) return\n\n    function compute() {\n      if (!container) return\n      let w = 0\n      let h = 0\n      const d: string[] = []\n      let previousOffset = 0\n      let previousBottom = 0\n      let hasStarted = false\n\n      for (const item of items) {\n        const el = container.querySelector<HTMLElement>(`a[href=\"${item.url}\"]`)\n        if (!el) continue\n\n        const styles = getComputedStyle(el)\n        const offset = lineOffset(item.depth) + 1\n        const top = el.offsetTop + parseFloat(styles.paddingTop)\n        const bottom = el.offsetTop + el.clientHeight - parseFloat(styles.paddingBottom)\n\n        w = Math.max(offset, w)\n        h = Math.max(h, bottom)\n\n        if (!hasStarted) {\n          d.push(`M${offset} ${top}`)\n          d.push(`L${offset} ${bottom}`)\n          hasStarted = true\n        } else {\n          // Connect stacked items (including depth changes) with one continuous path.\n          if (top !== previousBottom || offset !== previousOffset) {\n            d.push(`L${offset} ${top}`)\n          }\n          d.push(`L${offset} ${bottom}`)\n        }\n\n        previousOffset = offset\n        previousBottom = bottom\n      }\n\n      setSvg(d.length > 0 ? { path: d.join(' '), width: w + 1, height: h } : null)\n    }\n\n    const observer = new ResizeObserver(compute)\n    compute()\n    observer.observe(container)\n    return () => observer.disconnect()\n  }, [items])\n\n  return svg\n}\n\n// -- Skeleton ----------------------------------------------------------------\n\nfunction TocSkeleton({ toc }: TocProps) {\n  const skeletonItems = React.useMemo(() => {\n    const items: { level: number; width: string }[] = []\n    for (const entry of toc) {\n      const chars = entry.title.length\n      items.push({ level: 1, width: `${Math.min(Math.max(chars * 8, 80), 200)}px` })\n      if (entry.items) {\n        for (const sub of entry.items) {\n          const subChars = sub.title.length\n          items.push({ level: 2, width: `${Math.min(Math.max(subChars * 7, 64), 160)}px` })\n        }\n      }\n    }\n    return items\n  }, [toc])\n\n  return (\n    <ul className=\"m-0 list-none\">\n      {skeletonItems.map((item, i) => (\n        <li key={i} className={cn('mt-0 pt-2', { 'pl-4': item.level > 1 })}>\n          <div className=\"h-3.5 animate-pulse rounded-full bg-muted/70\" style={{ width: item.width }} />\n        </li>\n      ))}\n    </ul>\n  )\n}\n\n// -- TocTree -----------------------------------------------------------------\n\nfunction TocTree({ items, activeItem }: { items: FlatTocItem[]; activeItem: string }) {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const thumb = useTocThumb(containerRef, activeItem)\n  const svg = useTocSvg(containerRef, items)\n\n  return (\n    <div ref={containerRef} className=\"relative\">\n      {/* Shared SVG track for smoother joins and anti-aliased rendering */}\n      {svg ? (\n        <svg\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute start-0 top-0\"\n          height={svg.height}\n          style={{ width: svg.width }}\n          viewBox={`0 0 ${svg.width} ${svg.height}`}\n          width={svg.width}>\n          <path\n            d={svg.path}\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={1}\n            className=\"text-muted-foreground/20\"\n          />\n        </svg>\n      ) : null}\n\n      {/* Link labels */}\n      {items.map((item, i) => {\n        return (\n          <a\n            key={i}\n            href={item.url}\n            className={cn(\n              'relative block py-1.5 no-underline transition-colors [overflow-wrap:anywhere]',\n              item.url === `#${activeItem}`\n                ? 'font-medium text-primary'\n                : 'text-muted-foreground text-sm hover:text-foreground',\n            )}\n            style={{ paddingInlineStart: `${itemPadding(item.depth)}px` }}>\n            {item.title}\n          </a>\n        )\n      })}\n\n      {/* Active highlight -- masked by the SVG path */}\n      {svg ? (\n        <div\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute start-0 top-0\"\n          style={{\n            width: svg.width,\n            height: svg.height,\n            maskImage: `url(\"data:image/svg+xml,${encodeURIComponent(\n              `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${svg.width} ${svg.height}\"><path d=\"${svg.path}\" stroke=\"black\" stroke-width=\"2\" fill=\"none\" /></svg>`,\n            )}\")`,\n          }}>\n          <div\n            className=\"bg-primary transition-all duration-300 ease-out\"\n            style={{\n              marginTop: thumb[0],\n              height: thumb[1],\n            }}\n          />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\n// -- Main component ----------------------------------------------------------\n\nexport function DashboardTableOfContents({ toc }: TocProps) {\n  const flatItems = React.useMemo(() => flattenToc(toc), [toc])\n  const itemIds = React.useMemo(() => flatItems.map((item) => item.url.split('#')[1]).filter(Boolean), [flatItems])\n  const activeHeading = useActiveItem(itemIds)\n  const mounted = useMounted()\n\n  if (!toc.length) return null\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n      <div className=\"flex shrink-0 items-center gap-2\">\n        <BookOpenText aria-hidden=\"true\" className=\"size-4\" />\n        <p className=\"font-medium\">On This Page</p>\n      </div>\n      <div className=\"min-h-0 flex-1 overflow-y-auto\">\n        {mounted ? <TocTree activeItem={activeHeading} items={flatItems} /> : <TocSkeleton toc={toc} />}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"docs-toc-oDLRpfBi.js","names":["result: FlatTocItem[]","React","d: string[]","items: { level: number; width: string }[]"],"sources":["../src/components/docs/docs-toc.tsx"],"sourcesContent":["'use client'\n\nimport type { TocEntry } from '@duck-docs/context'\nimport { useMounted } from '@duck-docs/hooks/use-mounted'\nimport { cn } from '@gentleduck/libs/cn'\nimport { BookOpenText } from 'lucide-react'\nimport * as React from 'react'\n\n// -- Types -------------------------------------------------------------------\n\ninterface TocProps {\n  toc: TocEntry[]\n}\n\ninterface FlatTocItem {\n  url: string\n  title: string\n  depth: number\n}\n\n// -- Helpers -----------------------------------------------------------------\n\nfunction flattenToc(toc: TocEntry[], depth = 1): FlatTocItem[] {\n  const result: FlatTocItem[] = []\n  for (const entry of toc) {\n    result.push({ url: entry.url, title: entry.title, depth })\n    if (entry.items && depth < 2) {\n      result.push(...flattenToc(entry.items, depth + 1))\n    }\n  }\n  return result\n}\n\nfunction lineOffset(depth: number): number {\n  return depth >= 2 ? 12 : 0\n}\n\nfunction itemPadding(depth: number): number {\n  return depth >= 2 ? 28 : 16\n}\n\n// -- Hooks -------------------------------------------------------------------\n\nfunction useActiveItem(itemIds: (string | undefined)[]) {\n  const [activeId, setActiveId] = React.useState<string>('')\n\n  React.useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id)\n          }\n        })\n      },\n      { rootMargin: '0% 0% -80% 0%' },\n    )\n\n    itemIds?.forEach((id) => {\n      if (!id) return\n      const element = document.getElementById(id)\n      if (element) observer.observe(element)\n    })\n\n    return () => {\n      itemIds?.forEach((id) => {\n        if (!id) return\n        const element = document.getElementById(id)\n        if (element) observer.unobserve(element)\n      })\n    }\n  }, [itemIds])\n\n  return activeId\n}\n\nfunction useTocThumb(containerRef: React.RefObject<HTMLDivElement | null>, activeItem: string): [number, number] {\n  const [pos, setPos] = React.useState<[number, number]>([0, 0])\n\n  React.useEffect(() => {\n    const container = containerRef.current\n    if (!activeItem || !container || container.clientHeight === 0) {\n      setPos([0, 0])\n      return\n    }\n\n    const el = container.querySelector<HTMLElement>(`a[href=\"#${activeItem}\"]`)\n    if (!el) {\n      setPos([0, 0])\n      return\n    }\n\n    const styles = getComputedStyle(el)\n    const top = el.offsetTop + parseFloat(styles.paddingTop)\n    const bottom = el.offsetTop + el.clientHeight - parseFloat(styles.paddingBottom)\n    setPos([top, bottom - top])\n  }, [activeItem, containerRef])\n\n  return pos\n}\n\nfunction useTocSvg(containerRef: React.RefObject<HTMLDivElement | null>, items: FlatTocItem[]) {\n  const [svg, setSvg] = React.useState<{ path: string; width: number; height: number } | null>(null)\n\n  React.useEffect(() => {\n    const container = containerRef.current\n    if (!container || container.clientHeight === 0) return\n\n    function compute() {\n      if (!container) return\n      let w = 0\n      let h = 0\n      const d: string[] = []\n      let previousOffset = 0\n      let previousBottom = 0\n      let hasStarted = false\n\n      for (const item of items) {\n        const el = container.querySelector<HTMLElement>(`a[href=\"${item.url}\"]`)\n        if (!el) continue\n\n        const styles = getComputedStyle(el)\n        const offset = lineOffset(item.depth) + 1\n        const top = el.offsetTop + parseFloat(styles.paddingTop)\n        const bottom = el.offsetTop + el.clientHeight - parseFloat(styles.paddingBottom)\n\n        w = Math.max(offset, w)\n        h = Math.max(h, bottom)\n\n        if (!hasStarted) {\n          d.push(`M${offset} ${top}`)\n          d.push(`L${offset} ${bottom}`)\n          hasStarted = true\n        } else {\n          // Connect stacked items (including depth changes) with one continuous path.\n          if (top !== previousBottom || offset !== previousOffset) {\n            d.push(`L${offset} ${top}`)\n          }\n          d.push(`L${offset} ${bottom}`)\n        }\n\n        previousOffset = offset\n        previousBottom = bottom\n      }\n\n      setSvg(d.length > 0 ? { path: d.join(' '), width: w + 1, height: h } : null)\n    }\n\n    const observer = new ResizeObserver(compute)\n    compute()\n    observer.observe(container)\n    return () => observer.disconnect()\n  }, [items])\n\n  return svg\n}\n\n// -- Skeleton ----------------------------------------------------------------\n\nfunction TocSkeleton({ toc }: TocProps) {\n  const skeletonItems = React.useMemo(() => {\n    const items: { level: number; width: string }[] = []\n    for (const entry of toc) {\n      const chars = entry.title.length\n      items.push({ level: 1, width: `${Math.min(Math.max(chars * 8, 80), 200)}px` })\n      if (entry.items) {\n        for (const sub of entry.items) {\n          const subChars = sub.title.length\n          items.push({ level: 2, width: `${Math.min(Math.max(subChars * 7, 64), 160)}px` })\n        }\n      }\n    }\n    return items\n  }, [toc])\n\n  return (\n    <ul className=\"m-0 list-none\">\n      {skeletonItems.map((item, i) => (\n        <li key={i} className={cn('mt-0 pt-2', { 'pl-4': item.level > 1 })}>\n          <div className=\"h-3.5 animate-pulse rounded-full bg-muted/70\" style={{ width: item.width }} />\n        </li>\n      ))}\n    </ul>\n  )\n}\n\n// -- TocTree -----------------------------------------------------------------\n\nfunction TocTree({ items, activeItem }: { items: FlatTocItem[]; activeItem: string }) {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const thumb = useTocThumb(containerRef, activeItem)\n  const svg = useTocSvg(containerRef, items)\n\n  return (\n    <div ref={containerRef} className=\"relative\">\n      {/* Shared SVG track for smoother joins and anti-aliased rendering */}\n      {svg ? (\n        <svg\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute start-0 top-0\"\n          height={svg.height}\n          style={{ width: svg.width }}\n          viewBox={`0 0 ${svg.width} ${svg.height}`}\n          width={svg.width}>\n          <path\n            d={svg.path}\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={1}\n            className=\"text-muted-foreground/20\"\n          />\n        </svg>\n      ) : null}\n\n      {/* Link labels */}\n      {items.map((item, i) => {\n        return (\n          <a\n            key={i}\n            href={item.url}\n            className={cn(\n              'relative block py-1.5 no-underline transition-colors [overflow-wrap:anywhere]',\n              item.url === `#${activeItem}`\n                ? 'font-medium text-primary'\n                : 'text-muted-foreground text-sm hover:text-foreground',\n            )}\n            style={{ paddingInlineStart: `${itemPadding(item.depth)}px` }}>\n            {item.title}\n          </a>\n        )\n      })}\n\n      {/* Active highlight -- masked by the SVG path */}\n      {svg ? (\n        <div\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute start-0 top-0\"\n          style={{\n            width: svg.width,\n            height: svg.height,\n            maskImage: `url(\"data:image/svg+xml,${encodeURIComponent(\n              `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${svg.width} ${svg.height}\"><path d=\"${svg.path}\" stroke=\"black\" stroke-width=\"2\" fill=\"none\" /></svg>`,\n            )}\")`,\n          }}>\n          <div\n            className=\"bg-primary transition-all duration-300 ease-out\"\n            style={{\n              marginTop: thumb[0],\n              height: thumb[1],\n            }}\n          />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\n// -- Main component ----------------------------------------------------------\n\nexport function DashboardTableOfContents({ toc }: TocProps) {\n  const flatItems = React.useMemo(() => flattenToc(toc), [toc])\n  const itemIds = React.useMemo(() => flatItems.map((item) => item.url.split('#')[1]).filter(Boolean), [flatItems])\n  const activeHeading = useActiveItem(itemIds)\n  const mounted = useMounted()\n\n  if (!toc.length) return null\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n      <div className=\"flex shrink-0 items-center gap-2\">\n        <BookOpenText aria-hidden=\"true\" className=\"size-4\" />\n        <p className=\"font-medium\">On This Page</p>\n      </div>\n      <div className=\"min-h-0 flex-1 overflow-y-auto\">\n        {mounted ? <TocTree activeItem={activeHeading} items={flatItems} /> : <TocSkeleton toc={toc} />}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/{drawer-kwSiurIF.js → drawer-05tN_Xdp.js}

@@ -5,4 +5,4 @@ If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHid
 For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return n.useEffect(()=>{e&&(document.getElementById(e)||console.error(r))},[r,e]),null},ct=`DialogDescriptionWarning`,lt=({contentRef:e,descriptionId:t})=>{let r=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ot(ct).contentName}}.`;return n.useEffect(()=>{let n=e.current?.getAttribute(`aria-describedby`);t&&n&&(document.getElementById(t)||console.warn(r))},[r,e,t]),null},ut=Ie,dt=Re,ft=He,pt=We,mt=qe,ht=Qe,gt=et,_t=nt;function vt(e){if(!e||typeof document>`u`)return;let t=document.head||document.getElementsByTagName(`head`)[0],n=document.createElement(`style`);n.type=`text/css`,t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}const yt=r.createContext({drawerRef:{current:null},overlayRef:{current:null},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,isDragging:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,handleOnly:!1,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},closeDrawer:()=>{},direction:`bottom`,shouldAnimate:{current:!0},shouldScaleBackground:!1,setBackgroundColorOnScale:!0,noBodyStyles:!1,container:null,autoFocus:!1}),J=()=>{let e=r.useContext(yt);if(!e)throw Error(`useDrawerContext must be used within a Drawer.Root`);return e};vt(`[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform,100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(
 [data-state=closed]
 ){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}`);function bt(){let e=navigator.userAgent;return typeof window<`u`&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function xt(){return Et(/^Mac/)}function St(){return Et(/^iPhone/)}function Ct(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function wt(){return Et(/^iPad/)||xt()&&navigator.maxTouchPoints>1}function Tt(){return St()||wt()}function Et(e){return typeof window<`u`&&window.navigator!=null?e.test(window.navigator.platform):void 0}const Dt=typeof window<`u`?a:i;function Ot(...e){return(...t)=>{for(let n of e)typeof n==`function`&&n(...t)}}const kt=typeof document<`u`&&window.visualViewport;function At(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function jt(e){for(At(e)&&(e=e.parentElement);e&&!At(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}const Mt=new Set([`checkbox`,`radio`,`range`,`color`,`file`,`image`,`button`,`submit`,`reset`]);let Nt=0,Pt;function Ft(e={}){let{isDisabled:t}=e;Dt(()=>{if(!t)return Nt++,Nt===1&&Tt()&&(Pt=It()),()=>{Nt--,Nt===0&&Pt?.()}},[t])}function It(){let e,t=0,n=n=>{e=jt(n.target),!(e===document.documentElement&&e===document.body)&&(t=n.changedTouches[0].pageY)},r=n=>{if(!e||e===document.documentElement||e===document.body){n.preventDefault();return}let r=n.changedTouches[0].pageY,i=e.scrollTop,a=e.scrollHeight-e.clientHeight;a!==0&&((i<=0&&r>t||i>=a&&r<t)&&n.preventDefault(),t=r)},i=e=>{let t=e.target;Bt(t)&&t!==document.activeElement&&(e.preventDefault(),t.style.transform=`translateY(-2000px)`,t.focus(),requestAnimationFrame(()=>{t.style.transform=``}))},a=e=>{let t=e.target;Bt(t)&&(t.style.transform=`translateY(-2000px)`,requestAnimationFrame(()=>{t.style.transform=``,kt&&(kt.height<window.innerHeight?requestAnimationFrame(()=>{zt(t)}):kt.addEventListener(`resize`,()=>zt(t),{once:!0}))}))},o=()=>{window.scrollTo(0,0)},s=window.pageXOffset,c=window.pageYOffset,l=Ot(Lt(document.documentElement,`paddingRight`,`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let u=Ot(Rt(document,`touchstart`,n,{passive:!1,capture:!0}),Rt(document,`touchmove`,r,{passive:!1,capture:!0}),Rt(document,`touchend`,i,{passive:!1,capture:!0}),Rt(document,`focus`,a,!0),Rt(window,`scroll`,o));return()=>{l(),u(),window.scrollTo(s,c)}}function Lt(e,t,n){let r=e.style[t];return e.style[t]=n,()=>{e.style[t]=r}}function Rt(e,t,n,r){return e.addEventListener(t,n,r),()=>{e.removeEventListener(t,n,r)}}function zt(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let t=jt(e);if(t!==document.documentElement&&t!==document.body&&t!==e){let n=t.getBoundingClientRect().top,r=e.getBoundingClientRect().top;e.getBoundingClientRect().bottom>t.getBoundingClientRect().bottom+24&&(t.scrollTop+=r-n)}e=t.parentElement}}function Bt(e){return e instanceof HTMLInputElement&&!Mt.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function Vt(e,t){typeof e==`function`?e(t):e!=null&&(e.current=t)}function Ht(...e){return t=>e.forEach(e=>Vt(e,t))}function Ut(...e){return n.useCallback(Ht(...e),e)}const Wt=new WeakMap;function Y(e,t,n=!1){if(!e||!(e instanceof HTMLElement))return;let r={};Object.entries(t).forEach(([t,n])=>{if(t.startsWith(`--`)){e.style.setProperty(t,n);return}r[t]=e.style[t],e.style[t]=n}),!n&&Wt.set(e,r)}function Gt(e,t){if(!e||!(e instanceof HTMLElement))return;let n=Wt.get(e);n&&(e.style[t]=n[t])}const X=e=>{switch(e){case`top`:case`bottom`:return!0;case`left`:case`right`:return!1;default:return e}};function Kt(e,t){if(!e)return null;let n=window.getComputedStyle(e),r=n.transform||n.webkitTransform||n.mozTransform,i=r.match(/^matrix3d\((.+)\)$/);return i?parseFloat(i[1].split(`, `)[X(t)?13:12]):(i=r.match(/^matrix\((.+)\)$/),i?parseFloat(i[1].split(`, `)[X(t)?5:4]):null)}function qt(e){return 8*(Math.log(e+1)-2)}function Jt(e,t){if(!e)return()=>{};let n=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=n}}const Z={DURATION:.5,EASE:[.32,.72,0,1]},Yt=.4,Xt=`vaul-dragging`;function Zt(e){let t=r.useRef(e);return r.useEffect(()=>{t.current=e}),r.useMemo(()=>(...e)=>t.current==null?void 0:t.current.call(t,...e),[])}function Qt({defaultProp:e,onChange:t}){let n=r.useState(e),[i]=n,a=r.useRef(i),o=Zt(t);return r.useEffect(()=>{a.current!==i&&(o(i),a.current=i)},[i,a,o]),n}function $t({prop:e,defaultProp:t,onChange:n=()=>{}}){let[i,a]=Qt({defaultProp:t,onChange:n}),o=e!==void 0,s=o?e:i,c=Zt(n);return[s,r.useCallback(t=>{if(o){let n=typeof t==`function`?t(e):t;n!==e&&c(n)}else a(t)},[o,e,a,c])]}function en({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:n,drawerRef:i,overlayRef:a,fadeFromIndex:o,onSnapPointChange:s,direction:c=`bottom`,container:l,snapToSequentialPoint:u}){let[d,f]=$t({prop:e,defaultProp:n?.[0],onChange:t}),[p,m]=r.useState(typeof window<`u`?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);r.useEffect(()=>{function e(){m({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let h=r.useMemo(()=>d===n?.[n.length-1]||null,[n,d]),g=r.useMemo(()=>n?.findIndex(e=>e===d)??null,[n,d]),_=n&&n.length>0&&(o||o===0)&&!Number.isNaN(o)&&n[o]===d||!n,v=r.useMemo(()=>{let e=l?{width:l.getBoundingClientRect().width,height:l.getBoundingClientRect().height}:typeof window<`u`?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};return n?.map(t=>{let n=typeof t==`string`,r=0;if(n&&(r=parseInt(t,10)),X(c)){let i=n?r:p?t*e.height:0;return p?c===`bottom`?e.height-i:-e.height+i:i}let i=n?r:p?t*e.width:0;return p?c===`right`?e.width-i:-e.width+i:i})??[]},[n,p,l]),y=r.useMemo(()=>g===null?null:v?.[g],[v,g]),b=r.useCallback(e=>{let t=v?.findIndex(t=>t===e)??null;s(t),Y(i.current,{transition:`transform ${Z.DURATION}s cubic-bezier(${Z.EASE.join(`,`)})`,transform:X(c)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`}),v&&t!==v.length-1&&o!==void 0&&t!==o&&t<o?Y(a.current,{transition:`opacity ${Z.DURATION}s cubic-bezier(${Z.EASE.join(`,`)})`,opacity:`0`}):Y(a.current,{transition:`opacity ${Z.DURATION}s cubic-bezier(${Z.EASE.join(`,`)})`,opacity:`1`}),f(n?.[Math.max(t,0)])},[i.current,n,v,o,a,f]);r.useEffect(()=>{if(d||e){let t=n?.findIndex(t=>t===e||t===d)??-1;v&&t!==-1&&typeof v[t]==`number`&&b(v[t])}},[d,e,n,v,b]);function x({draggedDistance:e,closeDrawer:t,velocity:r,dismissible:i}){if(o===void 0)return;let s=c===`bottom`||c===`right`?(y??0)-e:(y??0)+e,l=g===o-1,d=g===0,f=e>0;if(l&&Y(a.current,{transition:`opacity ${Z.DURATION}s cubic-bezier(${Z.EASE.join(`,`)})`}),!u&&r>2&&!f){i?t():b(v[0]);return}if(!u&&r>2&&f&&v&&n){b(v[n.length-1]);return}let p=v?.reduce((e,t)=>typeof e!=`number`||typeof t!=`number`?e:Math.abs(t-s)<Math.abs(e-s)?t:e),m=X(c)?window.innerHeight:window.innerWidth;if(r>Yt&&Math.abs(e)<m*.4){let e=f?1:-1;if(e>0&&h&&n){b(v[n.length-1]);return}if(d&&e<0&&i&&t(),g===null)return;b(v[g+e]);return}b(p)}function S({draggedDistance:e}){if(y===null)return;let t=c===`bottom`||c===`right`?y-e:y+e;(c===`bottom`||c===`right`)&&t<v[v.length-1]||(c===`top`||c===`left`)&&t>v[v.length-1]||Y(i.current,{transform:X(c)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`})}function C(e,t){if(!n||typeof g!=`number`||!v||o===void 0)return null;let r=g===o-1;if(g>=o&&t)return 0;if(r&&!t)return 1;if(!_&&!r)return null;let i=r?g+1:g-1,a=r?v[i]-v[i-1]:v[i+1]-v[i],s=e/Math.abs(a);return r?1-s:s}return{isLastSnapPoint:h,activeSnapPoint:d,shouldFade:_,getPercentageDragged:C,setActiveSnapPoint:f,activeSnapPointIndex:g,onRelease:x,onDrag:S,snapPointsOffset:v}}function tn(){let{direction:e,isOpen:t,shouldScaleBackground:n,setBackgroundColorOnScale:i,noBodyStyles:a}=J(),s=r.useRef(null),c=o(()=>document.body.style.backgroundColor,[]);function l(){return(window.innerWidth-26)/window.innerWidth}r.useEffect(()=>{if(t&&n){s.current&&clearTimeout(s.current);let t=document.querySelector(`[data-vaul-drawer-wrapper]`)||document.querySelector(`[vaul-drawer-wrapper]`);if(!t)return;i&&!a&&Jt(document.body,{background:`black`}),Jt(t,{transformOrigin:X(e)?`top`:`left`,transitionProperty:`transform, border-radius`,transitionDuration:`${Z.DURATION}s`,transitionTimingFunction:`cubic-bezier(${Z.EASE.join(`,`)})`});let n=Jt(t,{borderRadius:`8px`,overflow:`hidden`,...X(e)?{transform:`scale(${l()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${l()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{n(),s.current=window.setTimeout(()=>{c?document.body.style.background=c:document.body.style.removeProperty(`background`)},Z.DURATION*1e3)}}},[t,n,c])}let Q=null;function nn({isOpen:e,modal:t,nested:n,hasBeenOpened:i,preventScrollRestoration:a,noBodyStyles:o}){let[s,c]=r.useState(()=>typeof window<`u`?window.location.href:``),l=r.useRef(0),u=r.useCallback(()=>{if(Ct()&&Q===null&&e&&!o){Q={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:`unset`};let{scrollX:e,innerHeight:t}=window;document.body.style.setProperty(`position`,`fixed`,`important`),Object.assign(document.body.style,{top:`${-l.current}px`,left:`${-e}px`,right:`0px`,height:`auto`}),window.setTimeout(()=>window.requestAnimationFrame(()=>{let e=t-window.innerHeight;e&&l.current>=t&&(document.body.style.top=`${-(l.current+e)}px`)}),300)}},[e]),d=r.useCallback(()=>{if(Ct()&&Q!==null&&!o){let e=-parseInt(document.body.style.top,10),t=-parseInt(document.body.style.left,10);Object.assign(document.body.style,Q),window.requestAnimationFrame(()=>{if(a&&s!==window.location.href){c(window.location.href);return}window.scrollTo(t,e)}),Q=null}},[s]);return r.useEffect(()=>{function e(){l.current=window.scrollY}return e(),window.addEventListener(`scroll`,e),()=>{window.removeEventListener(`scroll`,e)}},[]),r.useEffect(()=>{if(t)return()=>{typeof document>`u`||document.querySelector(`[data-vaul-drawer]`)||d()}},[t,d]),r.useEffect(()=>{n||!i||(e?(!window.matchMedia(`(display-mode: standalone)`).matches&&u(),t||window.setTimeout(()=>{d()},500)):d())},[e,i,s,t,n,u,d]),{restorePositionSetting:d}}function rn({open:e,onOpenChange:t,children:n,onDrag:i,onRelease:a,snapPoints:o,shouldScaleBackground:s=!1,setBackgroundColorOnScale:c=!0,closeThreshold:l=.25,scrollLockTimeout:u=100,dismissible:d=!0,handleOnly:f=!1,fadeFromIndex:p=o&&o.length-1,activeSnapPoint:m,setActiveSnapPoint:h,fixed:g,modal:_=!0,onClose:v,nested:y,noBodyStyles:b=!1,direction:x=`bottom`,defaultOpen:S=!1,disablePreventScroll:C=!0,snapToSequentialPoint:w=!1,preventScrollRestoration:T=!1,repositionInputs:E=!0,onAnimationEnd:ee,container:te,autoFocus:D=!1}){let[O=!1,ne]=$t({defaultProp:S,prop:e,onChange:e=>{t?.(e),!e&&!y&&ye(),setTimeout(()=>{ee?.(e)},Z.DURATION*1e3),e&&!_&&typeof window<`u`&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents=`auto`}),e||(document.body.style.pointerEvents=`auto`)}}),[re,ie]=r.useState(!1),[k,A]=r.useState(!1),[ae,j]=r.useState(!1),M=r.useRef(null),N=r.useRef(null),P=r.useRef(null),oe=r.useRef(null),se=r.useRef(null),F=r.useRef(!1),ce=r.useRef(null),I=r.useRef(0),L=r.useRef(!1),le=r.useRef(!S),ue=r.useRef(0),R=r.useRef(null),de=r.useRef(R.current?.getBoundingClientRect().height||0),fe=r.useRef(R.current?.getBoundingClientRect().width||0),z=r.useRef(0),{activeSnapPoint:pe,activeSnapPointIndex:B,setActiveSnapPoint:me,onRelease:he,snapPointsOffset:V,onDrag:ge,shouldFade:_e,getPercentageDragged:ve}=en({snapPoints:o,activeSnapPointProp:m,setActiveSnapPointProp:h,drawerRef:R,fadeFromIndex:p,overlayRef:M,onSnapPointChange:r.useCallback(e=>{o&&e===V.length-1&&(N.current=new Date)},[]),direction:x,container:te,snapToSequentialPoint:w});Ft({isDisabled:!O||k||!_||ae||!re||!E||!C});let{restorePositionSetting:ye}=nn({isOpen:O,modal:_,nested:y??!1,hasBeenOpened:re,preventScrollRestoration:T,noBodyStyles:b});function H(){return(window.innerWidth-26)/window.innerWidth}function U(e){!d&&!o||R.current&&!R.current.contains(e.target)||(de.current=R.current?.getBoundingClientRect().height||0,fe.current=R.current?.getBoundingClientRect().width||0,A(!0),P.current=new Date,Tt()&&window.addEventListener(`touchend`,()=>F.current=!1,{once:!0}),e.target.setPointerCapture(e.pointerId),I.current=X(x)?e.pageY:e.pageX)}function be(e,t){let n=e,r=window.getSelection()?.toString(),i=R.current?Kt(R.current,x):null,a=new Date;if(n.tagName===`SELECT`||n.hasAttribute(`data-vaul-no-drag`)||n.closest(`[data-vaul-no-drag]`))return!1;if(x===`right`||x===`left`)return!0;if(N.current&&a.getTime()-N.current.getTime()<500)return!1;if(i!==null&&(x===`bottom`?i>0:i<0))return!0;if(r&&r.length>0)return!1;if(se.current&&a.getTime()-se.current.getTime()<u&&i===0||t)return se.current=a,!1;for(;n;){if(n.scrollHeight>n.clientHeight){if(n.scrollTop!==0)return se.current=new Date,!1;if(n.getAttribute(`role`)===`dialog`)return!0}n=n.parentNode}return!0}function xe(e){if(R.current&&k){let t=x===`bottom`||x===`right`?1:-1,n=(I.current-(X(x)?e.pageY:e.pageX))*t,r=n>0,a=o&&!d&&!r;if(a&&B===0)return;let c=Math.abs(n),l=document.querySelector(`[data-vaul-drawer-wrapper]`),u=c/(x===`bottom`||x===`top`?de.current:fe.current),f=ve(c,r);if(f!==null&&(u=f),a&&u>=1||!F.current&&!be(e.target,r))return;if(R.current.classList.add(Xt),F.current=!0,Y(R.current,{transition:`none`}),Y(M.current,{transition:`none`}),o&&ge({draggedDistance:n}),r&&!o){let e=qt(n),r=Math.min(e*-1,0)*t;Y(R.current,{transform:X(x)?`translate3d(0, ${r}px, 0)`:`translate3d(${r}px, 0, 0)`});return}let m=1-u;if((_e||p&&B===p-1)&&(i?.(e,u),Y(M.current,{opacity:`${m}`,transition:`none`},!0)),l&&M.current&&s){let e=Math.min(H()+u*(1-H()),1),t=8-u*8,n=Math.max(0,14-u*14);Y(l,{borderRadius:`${t}px`,transform:X(x)?`scale(${e}) translate3d(0, ${n}px, 0)`:`scale(${e}) translate3d(${n}px, 0, 0)`,transition:`none`},!0)}if(!o){let e=c*t;Y(R.current,{transform:X(x)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})}}}r.useEffect(()=>{window.requestAnimationFrame(()=>{le.current=!0})},[]),r.useEffect(()=>{var e;function t(){if(!R.current||!E)return;let e=document.activeElement;if(Bt(e)||L.current){let e=window.visualViewport?.height||0,t=window.innerHeight,n=t-e,r=R.current.getBoundingClientRect().height||0,i=r>t*.8;z.current||=r;let a=R.current.getBoundingClientRect().top;if(Math.abs(ue.current-n)>60&&(L.current=!L.current),o&&o.length>0&&V&&B){let e=V[B]||0;n+=e}if(ue.current=n,r>e||L.current){let t=R.current.getBoundingClientRect().height,r=t;t>e&&(r=e-(i?a:26)),g?R.current.style.height=`${t-Math.max(n,0)}px`:R.current.style.height=`${Math.max(r,e-a)}px`}else bt()||(R.current.style.height=`${z.current}px`);o&&o.length>0&&!L.current?R.current.style.bottom=`0px`:R.current.style.bottom=`${Math.max(n,0)}px`}}return(e=window.visualViewport)==null||e.addEventListener(`resize`,t),()=>window.visualViewport?.removeEventListener(`resize`,t)},[B,o,V]);function W(e){Ce(),v?.(),e||ne(!1),setTimeout(()=>{o&&me(o[0])},Z.DURATION*1e3)}function Se(){if(!R.current)return;let e=document.querySelector(`[data-vaul-drawer-wrapper]`),t=Kt(R.current,x);Y(R.current,{transform:`translate3d(0, 0, 0)`,transition:`transform ${Z.DURATION}s cubic-bezier(${Z.EASE.join(`,`)})`}),Y(M.current,{transition:`opacity ${Z.DURATION}s cubic-bezier(${Z.EASE.join(`,`)})`,opacity:`1`}),s&&t&&t>0&&O&&Y(e,{borderRadius:`8px`,overflow:`hidden`,...X(x)?{transform:`scale(${H()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:`top`}:{transform:`scale(${H()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:`left`},transitionProperty:`transform, border-radius`,transitionDuration:`${Z.DURATION}s`,transitionTimingFunction:`cubic-bezier(${Z.EASE.join(`,`)})`},!0)}function Ce(){!k||!R.current||(R.current.classList.remove(Xt),F.current=!1,A(!1),oe.current=new Date)}function we(e){if(!k||!R.current)return;R.current.classList.remove(Xt),F.current=!1,A(!1),oe.current=new Date;let t=Kt(R.current,x);if(!e||!be(e.target,!1)||!t||Number.isNaN(t)||P.current===null)return;let n=oe.current.getTime()-P.current.getTime(),r=I.current-(X(x)?e.pageY:e.pageX),i=Math.abs(r)/n;if(i>.05&&(j(!0),setTimeout(()=>{j(!1)},200)),o){he({draggedDistance:r*(x===`bottom`||x===`right`?1:-1),closeDrawer:W,velocity:i,dismissible:d}),a?.(e,!0);return}if(x===`bottom`||x===`right`?r>0:r<0){Se(),a?.(e,!0);return}if(i>Yt){W(),a?.(e,!1);return}let s=Math.min(R.current.getBoundingClientRect().height??0,window.innerHeight),c=Math.min(R.current.getBoundingClientRect().width??0,window.innerWidth),u=x===`left`||x===`right`;if(Math.abs(t)>=(u?c:s)*l){W(),a?.(e,!1);return}a?.(e,!0),Se()}r.useEffect(()=>(O&&(Y(document.documentElement,{scrollBehavior:`auto`}),N.current=new Date),()=>{Gt(document.documentElement,`scrollBehavior`)}),[O]);function Te(e){let t=e?(window.innerWidth-16)/window.innerWidth:1,n=e?-16:0;ce.current&&window.clearTimeout(ce.current),Y(R.current,{transition:`transform ${Z.DURATION}s cubic-bezier(${Z.EASE.join(`,`)})`,transform:X(x)?`scale(${t}) translate3d(0, ${n}px, 0)`:`scale(${t}) translate3d(${n}px, 0, 0)`}),!e&&R.current&&(ce.current=setTimeout(()=>{let e=Kt(R.current,x);Y(R.current,{transition:`none`,transform:X(x)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})},500))}function G(e,t){if(t<0)return;let n=(window.innerWidth-16)/window.innerWidth,r=n+t*(1-n),i=-16+t*16;Y(R.current,{transform:X(x)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`,transition:`none`})}function Ee(e,t){let n=X(x)?window.innerHeight:window.innerWidth,r=t?(n-16)/n:1,i=t?-16:0;t&&Y(R.current,{transition:`transform ${Z.DURATION}s cubic-bezier(${Z.EASE.join(`,`)})`,transform:X(x)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`})}return r.useEffect(()=>{_||window.requestAnimationFrame(()=>{document.body.style.pointerEvents=`auto`})},[_]),r.createElement(ut,{defaultOpen:S,onOpenChange:e=>{!d&&!e||(e?ie(!0):W(!0),ne(e))},open:O},r.createElement(yt.Provider,{value:{activeSnapPoint:pe,snapPoints:o,setActiveSnapPoint:me,drawerRef:R,overlayRef:M,onOpenChange:t,onPress:U,onRelease:we,onDrag:xe,dismissible:d,shouldAnimate:le,handleOnly:f,isOpen:O,isDragging:k,shouldFade:_e,closeDrawer:W,onNestedDrag:G,onNestedOpenChange:Te,onNestedRelease:Ee,keyboardIsOpen:L,modal:_,snapPointsOffset:V,activeSnapPointIndex:B,direction:x,shouldScaleBackground:s,setBackgroundColorOnScale:c,noBodyStyles:b,container:te,autoFocus:D}},n))}const an=r.forwardRef(function({...e},t){let{overlayRef:n,snapPoints:i,onRelease:a,shouldFade:o,isOpen:s,modal:c,shouldAnimate:l}=J(),u=Ut(t,n),d=i&&i.length>0;if(!c)return null;let f=r.useCallback(e=>a(e),[a]);return r.createElement(pt,{onMouseUp:f,ref:u,"data-vaul-overlay":``,"data-vaul-snap-points":s&&d?`true`:`false`,"data-vaul-snap-points-overlay":s&&o?`true`:`false`,"data-vaul-animate":l?.current?`true`:`false`,...e})});an.displayName=`Drawer.Overlay`;const on=r.forwardRef(function({onPointerDownOutside:e,style:t,onOpenAutoFocus:n,...i},a){let{drawerRef:o,onPress:s,onRelease:c,onDrag:l,keyboardIsOpen:u,snapPointsOffset:d,activeSnapPointIndex:f,modal:p,isOpen:m,direction:h,snapPoints:g,container:_,handleOnly:v,shouldAnimate:y,autoFocus:b}=J(),[x,S]=r.useState(!1),C=Ut(a,o),w=r.useRef(null),T=r.useRef(null),E=r.useRef(!1),ee=g&&g.length>0;tn();let te=(e,t,n=0)=>{if(E.current)return!0;let r=Math.abs(e.y),i=Math.abs(e.x),a=i>r,o=[`bottom`,`right`].includes(t)?1:-1;if(t===`left`||t===`right`){if(!(e.x*o<0)&&i>=0&&i<=n)return a}else if(!(e.y*o<0)&&r>=0&&r<=n)return!a;return E.current=!0,!0};r.useEffect(()=>{ee&&window.requestAnimationFrame(()=>{S(!0)})},[]);function D(e){w.current=null,E.current=!1,c(e)}return r.createElement(mt,{"data-vaul-drawer-direction":h,"data-vaul-drawer":``,"data-vaul-delayed-snap-points":x?`true`:`false`,"data-vaul-snap-points":m&&ee?`true`:`false`,"data-vaul-custom-container":_?`true`:`false`,"data-vaul-animate":y?.current?`true`:`false`,...i,ref:C,style:d&&d.length>0?{"--snap-point-height":`${d[f??0]}px`,...t}:t,onPointerDown:e=>{v||(i.onPointerDown==null||i.onPointerDown.call(i,e),w.current={x:e.pageX,y:e.pageY},s(e))},onOpenAutoFocus:e=>{n?.(e),b||e.preventDefault()},onPointerDownOutside:t=>{if(e?.(t),!p||t.defaultPrevented){t.preventDefault();return}u.current&&=!1},onFocusOutside:e=>{if(!p){e.preventDefault();return}},onPointerMove:e=>{if(T.current=e,v||(i.onPointerMove==null||i.onPointerMove.call(i,e),!w.current))return;let t=e.pageY-w.current.y,n=e.pageX-w.current.x,r=e.pointerType===`touch`?10:2;te({x:n,y:t},h,r)?l(e):(Math.abs(n)>r||Math.abs(t)>r)&&(w.current=null)},onPointerUp:e=>{i.onPointerUp==null||i.onPointerUp.call(i,e),w.current=null,E.current=!1,c(e)},onPointerOut:e=>{i.onPointerOut==null||i.onPointerOut.call(i,e),D(T.current)},onContextMenu:e=>{i.onContextMenu==null||i.onContextMenu.call(i,e),T.current&&D(T.current)}})});on.displayName=`Drawer.Content`;const sn=r.forwardRef(function({preventCycle:e=!1,children:t,...n},i){let{closeDrawer:a,isDragging:o,snapPoints:s,activeSnapPoint:c,setActiveSnapPoint:l,dismissible:u,handleOnly:d,isOpen:f,onPress:p,onDrag:m}=J(),h=r.useRef(null),g=r.useRef(!1);function _(){if(g.current){b();return}window.setTimeout(()=>{v()},120)}function v(){if(o||e||g.current){b();return}if(b(),!s||s.length===0){u||a();return}if(c===s[s.length-1]&&u){a();return}let t=s.findIndex(e=>e===c);if(t===-1)return;let n=s[t+1];l(n)}function y(){h.current=window.setTimeout(()=>{g.current=!0},250)}function b(){h.current&&window.clearTimeout(h.current),g.current=!1}return r.createElement(`div`,{onClick:_,onPointerCancel:b,onPointerDown:e=>{d&&p(e),y()},onPointerMove:e=>{d&&m(e)},ref:i,"data-vaul-drawer-visible":f?`true`:`false`,"data-vaul-handle":``,"aria-hidden":`true`,...n},r.createElement(`span`,{"data-vaul-handle-hitarea":``,"aria-hidden":`true`},t))});sn.displayName=`Drawer.Handle`;function cn({onDrag:e,onOpenChange:t,open:n,...i}){let{onNestedDrag:a,onNestedOpenChange:o,onNestedRelease:s}=J();if(!a)throw Error(`Drawer.NestedRoot must be placed in another drawer`);return r.createElement(rn,{nested:!0,open:n,onClose:()=>{o(!1)},onDrag:(t,n)=>{a(t,n),e?.(t,n)},onOpenChange:e=>{e&&o(e),t?.(e)},onRelease:s,...i})}function ln(e){let t=J(),{container:n=t.container,...i}=e;return r.createElement(ft,{container:n,...i})}const $={Root:rn,NestedRoot:cn,Content:on,Overlay:an,Trigger:dt,Portal:ln,Handle:sn,Close:_t,Title:ht,Description:gt};function un(e,t){return t===`rtl`?e===`left`?`right`:e===`right`?`left`:e:e}function dn({direction:t=`bottom`,shouldScaleBackground:n=!0,dir:r,...i}){let a=un(t,e(r));return c($.Root,{"data-slot":`drawer`,direction:a,shouldScaleBackground:n,...i})}dn.displayName=`Drawer`;const fn=n.forwardRef((e,t)=>c($.Trigger,{ref:t,...e,"data-slot":`drawer-trigger`}));fn.displayName=`DrawerTrigger`;const pn=e=>c($.Portal,{...e,"data-slot":`drawer-portal`});pn.displayName=`DrawerPortal`;const mn=n.forwardRef((e,t)=>c($.Close,{ref:t,...e,"data-slot":`drawer-close`}));mn.displayName=`DrawerClose`;const hn=n.forwardRef(({className:e,...n},r)=>c($.Overlay,{ref:r,className:t(`fixed inset-0 bg-black/80`,e),...n,"data-slot":`drawer-overlay`}));hn.displayName=`DrawerOverlay`;const gn=n.forwardRef(({className:n,children:r,dir:i,overlayProps:a,...o},s)=>{let u=e(i);return l(pn,{children:[c(hn,{...a}),l($.Content,{ref:s,dir:u,"data-slot":`drawer-content`,className:t(`group/drawer-content fixed z-50 flex h-auto flex-col bg-background`,`data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b`,`data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t`,`data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm`,`data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm`,n),...o,children:[c(`div`,{className:`mx-auto mt-4 hidden h-2 w-25 shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block`}),r]})]})});gn.displayName=`DrawerContent`;const _n=n.forwardRef(({className:e,...n},r)=>c(`div`,{ref:r,className:t(`grid gap-1.5 p-4 **:text-center sm:**:text-start`,e),...n,"data-slot":`drawer-header`}));_n.displayName=`DrawerHeader`;const vn=n.forwardRef(({className:n,dir:r,...i},a)=>c(`div`,{ref:a,dir:e(r),className:t(`mt-auto flex flex-col gap-2 p-4`,n),...i,"data-slot":`drawer-footer`}));vn.displayName=`DrawerFooter`;const yn=n.forwardRef(({className:n,dir:r,...i},a)=>{let o=e(r);return c($.Title,{ref:a,dir:o,className:t(`font-semibold text-lg leading-none tracking-tight`,n),"data-slot":`drawer-title`,...i})});yn.displayName=`DrawerTitle`;const bn=n.forwardRef(({className:n,dir:r,...i},a)=>{let o=e(r);return c($.Description,{ref:a,dir:o,className:t(`text-muted-foreground text-sm`,n),"data-slot":`drawer-description`,...i})});bn.displayName=`DrawerDescription`;export{fn as a,yn as i,gn as n,_n as r,dn as t};
-//# sourceMappingURL=drawer-kwSiurIF.js.map
+//# sourceMappingURL=drawer-05tN_Xdp.js.map