@gentleduck/docs 0.0.13 → 0.0.14

package/dist/docs-toc-D-y66YCw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"docs-toc-D-y66YCw.d.ts","names":[],"sources":["../src/components/docs/docs-toc.tsx"],"sourcesContent":[],"mappings":";;;;UAUU,QAAA;OACH;;AADG,iBAyPM,wBAAA,CAxPD;EAAA;AAAA,CAAA,EAwPmC,QAxPnC,CAAA,EAwP2C,mBAAA,CAAA,GAAA,CAAA,OAAA,GAxP3C,IAAA"}

package/dist/docs-toc-hcordVHk.js

@@ -0,0 +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=[];for(let i=0;i<t.length;i++){let o=t[i],c=n.querySelector(`a[href="${o.url}"]`);if(!c)continue;let l=getComputedStyle(c),u=s(o.depth)+1,d=c.offsetTop+parseFloat(l.paddingTop),f=c.offsetTop+c.clientHeight-parseFloat(l.paddingBottom);e=Math.max(u,e),r=Math.max(r,f),a.push(`${i===0?`M`:`L`}${u} ${d}`),a.push(`L${u} ${f}`)}i({path:a.join(` `),width:e+1,height:r})}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),l=u(o,a),f=d(o,e);return i(`div`,{ref:o,className:`relative`,children:[e.map((n,o)=>{let l=o>0?e[o-1].depth:n.depth,u=o<e.length-1?e[o+1].depth:n.depth,d=s(n.depth),f=s(l),p=s(u);return i(`a`,{href:n.url,className:t(`relative block py-1.5 no-underline transition-colors [overflow-wrap:anywhere]`,n.url===`#${a}`?`font-medium text-primary`:`text-muted-foreground text-sm hover:text-foreground`),style:{paddingInlineStart:`${c(n.depth)}px`},children:[d===f?null:r(`svg`,{"aria-hidden":`true`,className:`absolute start-0 -top-1.5 size-3`,viewBox:`0 0 16 16`,xmlns:`http://www.w3.org/2000/svg`,children:r(`line`,{className:`stroke-muted-foreground/15`,strokeWidth:1,x1:f+1,x2:d+1,y1:0,y2:16})}),r(`div`,{className:t(`absolute inset-y-0 w-px bg-muted-foreground/15`,d!==f&&`top-1.5`,d!==p&&`bottom-1.5`),style:{insetInlineStart:d+1}}),n.title]},o)}),f?r(`div`,{"aria-hidden":`true`,className:`pointer-events-none absolute start-0 top-0`,style:{width:f.width,height:f.height,maskImage:`url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${f.width} ${f.height}"><path d="${f.path}" stroke="black" stroke-width="2" fill="none" /></svg>`)}")`},children:r(`div`,{className:`bg-primary transition-all duration-300 ease-out`,style:{marginTop:l[0],height:l[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-hcordVHk.js.map

package/dist/docs-toc-hcordVHk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"docs-toc-hcordVHk.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\n      for (let i = 0; i < items.length; i++) {\n        const item = items[i]!\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        d.push(`${i === 0 ? 'M' : 'L'}${offset} ${top}`)\n        d.push(`L${offset} ${bottom}`)\n      }\n\n      setSvg({ path: d.join(' '), width: w + 1, height: h })\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      {/* Per-item track lines + diagonal connectors */}\n      {items.map((item, i) => {\n        const upper = i > 0 ? items[i - 1]!.depth : item.depth\n        const lower = i < items.length - 1 ? items[i + 1]!.depth : item.depth\n        const offset = lineOffset(item.depth)\n        const upperOffset = lineOffset(upper)\n        const lowerOffset = lineOffset(lower)\n\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            {/* Diagonal connector when depth changes */}\n            {offset !== upperOffset ? (\n              <svg\n                aria-hidden=\"true\"\n                className=\"absolute start-0 -top-1.5 size-3\"\n                viewBox=\"0 0 16 16\"\n                xmlns=\"http://www.w3.org/2000/svg\">\n                <line\n                  className=\"stroke-muted-foreground/15\"\n                  strokeWidth={1}\n                  x1={upperOffset + 1}\n                  x2={offset + 1}\n                  y1={0}\n                  y2={16}\n                />\n              </svg>\n            ) : null}\n\n            {/* Vertical line segment */}\n            <div\n              className={cn(\n                'absolute inset-y-0 w-px bg-muted-foreground/15',\n                offset !== upperOffset && 'top-1.5',\n                offset !== lowerOffset && 'bottom-1.5',\n              )}\n              style={{ insetInlineStart: offset + 1 }}\n            />\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":"6MAsBA,SAAS,EAAW,EAAiB,EAAQ,EAAkB,CAC7D,IAAMA,EAAwB,EAAE,CAChC,IAAK,IAAM,KAAS,EAClB,EAAO,KAAK,CAAE,IAAK,EAAM,IAAK,MAAO,EAAM,MAAO,QAAO,CAAC,CACtD,EAAM,OAAS,EAAQ,GACzB,EAAO,KAAK,GAAG,EAAW,EAAM,MAAO,EAAQ,EAAE,CAAC,CAGtD,OAAO,EAGT,SAAS,EAAW,EAAuB,CACzC,OAAO,GAAS,EAAI,GAAK,EAG3B,SAAS,EAAY,EAAuB,CAC1C,OAAO,GAAS,EAAI,GAAK,GAK3B,SAAS,EAAc,EAAiC,CACtD,GAAM,CAAC,EAAU,GAAeC,EAAM,SAAiB,GAAG,CA6B1D,OA3BA,EAAM,cAAgB,CACpB,IAAM,EAAW,IAAI,qBAClB,GAAY,CACX,EAAQ,QAAS,GAAU,CACrB,EAAM,gBACR,EAAY,EAAM,OAAO,GAAG,EAE9B,EAEJ,CAAE,WAAY,gBAAiB,CAChC,CAQD,OANA,GAAS,QAAS,GAAO,CACvB,GAAI,CAAC,EAAI,OACT,IAAM,EAAU,SAAS,eAAe,EAAG,CACvC,GAAS,EAAS,QAAQ,EAAQ,EACtC,KAEW,CACX,GAAS,QAAS,GAAO,CACvB,GAAI,CAAC,EAAI,OACT,IAAM,EAAU,SAAS,eAAe,EAAG,CACvC,GAAS,EAAS,UAAU,EAAQ,EACxC,GAEH,CAAC,EAAQ,CAAC,CAEN,EAGT,SAAS,EAAY,EAAsD,EAAsC,CAC/G,GAAM,CAAC,EAAK,GAAUA,EAAM,SAA2B,CAAC,EAAG,EAAE,CAAC,CAqB9D,OAnBA,EAAM,cAAgB,CACpB,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,GAAc,CAAC,GAAa,EAAU,eAAiB,EAAG,CAC7D,EAAO,CAAC,EAAG,EAAE,CAAC,CACd,OAGF,IAAM,EAAK,EAAU,cAA2B,YAAY,EAAW,IAAI,CAC3E,GAAI,CAAC,EAAI,CACP,EAAO,CAAC,EAAG,EAAE,CAAC,CACd,OAGF,IAAM,EAAS,iBAAiB,EAAG,CAC7B,EAAM,EAAG,UAAY,WAAW,EAAO,WAAW,CAExD,EAAO,CAAC,EADO,EAAG,UAAY,EAAG,aAAe,WAAW,EAAO,cAAc,CAC1D,EAAI,CAAC,EAC1B,CAAC,EAAY,EAAa,CAAC,CAEvB,EAGT,SAAS,EAAU,EAAsD,EAAsB,CAC7F,GAAM,CAAC,EAAK,GAAUA,EAAM,SAAiE,KAAK,CAsClG,OApCA,EAAM,cAAgB,CACpB,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,GAAa,EAAU,eAAiB,EAAG,OAEhD,SAAS,GAAU,CACjB,GAAI,CAAC,EAAW,OAChB,IAAI,EAAI,EACJ,EAAI,EACFC,EAAc,EAAE,CAEtB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAM,OAAQ,IAAK,CACrC,IAAM,EAAO,EAAM,GACb,EAAK,EAAU,cAA2B,WAAW,EAAK,IAAI,IAAI,CACxE,GAAI,CAAC,EAAI,SAET,IAAM,EAAS,iBAAiB,EAAG,CAC7B,EAAS,EAAW,EAAK,MAAM,CAAG,EAClC,EAAM,EAAG,UAAY,WAAW,EAAO,WAAW,CAClD,EAAS,EAAG,UAAY,EAAG,aAAe,WAAW,EAAO,cAAc,CAEhF,EAAI,KAAK,IAAI,EAAQ,EAAE,CACvB,EAAI,KAAK,IAAI,EAAG,EAAO,CAEvB,EAAE,KAAK,GAAG,IAAM,EAAI,IAAM,MAAM,EAAO,GAAG,IAAM,CAChD,EAAE,KAAK,IAAI,EAAO,GAAG,IAAS,CAGhC,EAAO,CAAE,KAAM,EAAE,KAAK,IAAI,CAAE,MAAO,EAAI,EAAG,OAAQ,EAAG,CAAC,CAGxD,IAAM,EAAW,IAAI,eAAe,EAAQ,CAG5C,OAFA,GAAS,CACT,EAAS,QAAQ,EAAU,KACd,EAAS,YAAY,EACjC,CAAC,EAAM,CAAC,CAEJ,EAKT,SAAS,EAAY,CAAE,OAAiB,CAgBtC,OACE,EAAC,KAAA,CAAG,UAAU,yBAhBMD,EAAM,YAAc,CACxC,IAAME,EAA4C,EAAE,CACpD,IAAK,IAAM,KAAS,EAAK,CACvB,IAAM,EAAQ,EAAM,MAAM,OAE1B,GADA,EAAM,KAAK,CAAE,MAAO,EAAG,MAAO,GAAG,KAAK,IAAI,KAAK,IAAI,EAAQ,EAAG,GAAG,CAAE,IAAI,CAAC,IAAK,CAAC,CAC1E,EAAM,MACR,IAAK,IAAM,KAAO,EAAM,MAAO,CAC7B,IAAM,EAAW,EAAI,MAAM,OAC3B,EAAM,KAAK,CAAE,MAAO,EAAG,MAAO,GAAG,KAAK,IAAI,KAAK,IAAI,EAAW,EAAG,GAAG,CAAE,IAAI,CAAC,IAAK,CAAC,EAIvF,OAAO,GACN,CAAC,EAAI,CAAC,CAIU,KAAK,EAAM,IACxB,EAAC,KAAA,CAAW,UAAW,EAAG,YAAa,CAAE,OAAQ,EAAK,MAAQ,EAAG,CAAC,UAChE,EAAC,MAAA,CAAI,UAAU,+CAA+C,MAAO,CAAE,MAAO,EAAK,MAAO,EAAI,EADvF,EAEJ,CACL,EACC,CAMT,SAAS,EAAQ,CAAE,QAAO,cAA4D,CACpF,IAAM,EAAeF,EAAM,OAAuB,KAAK,CACjD,EAAQ,EAAY,EAAc,EAAW,CAC7C,EAAM,EAAU,EAAc,EAAM,CAE1C,OACE,EAAC,MAAA,CAAI,IAAK,EAAc,UAAU,qBAE/B,EAAM,KAAK,EAAM,IAAM,CACtB,IAAM,EAAQ,EAAI,EAAI,EAAM,EAAI,GAAI,MAAQ,EAAK,MAC3C,EAAQ,EAAI,EAAM,OAAS,EAAI,EAAM,EAAI,GAAI,MAAQ,EAAK,MAC1D,EAAS,EAAW,EAAK,MAAM,CAC/B,EAAc,EAAW,EAAM,CAC/B,EAAc,EAAW,EAAM,CAErC,OACE,EAAC,IAAA,CAEC,KAAM,EAAK,IACX,UAAW,EACT,gFACA,EAAK,MAAQ,IAAI,IACb,2BACA,sDACL,CACD,MAAO,CAAE,mBAAoB,GAAG,EAAY,EAAK,MAAM,CAAC,IAAK,WAE5D,IAAW,EAeR,KAdF,EAAC,MAAA,CACC,cAAY,OACZ,UAAU,mCACV,QAAQ,YACR,MAAM,sCACN,EAAC,OAAA,CACC,UAAU,6BACV,YAAa,EACb,GAAI,EAAc,EAClB,GAAI,EAAS,EACb,GAAI,EACJ,GAAI,IACJ,EACE,CAIR,EAAC,MAAA,CACC,UAAW,EACT,iDACA,IAAW,GAAe,UAC1B,IAAW,GAAe,aAC3B,CACD,MAAO,CAAE,iBAAkB,EAAS,EAAG,EACvC,CACD,EAAK,QApCD,EAqCH,EAEN,CAGD,EACC,EAAC,MAAA,CACC,cAAY,OACZ,UAAU,6CACV,MAAO,CACL,MAAO,EAAI,MACX,OAAQ,EAAI,OACZ,UAAW,2BAA2B,mBACpC,wDAAwD,EAAI,MAAM,GAAG,EAAI,OAAO,aAAa,EAAI,KAAK,wDACvG,CAAC,IACH,UACD,EAAC,MAAA,CACC,UAAU,kDACV,MAAO,CACL,UAAW,EAAM,GACjB,OAAQ,EAAM,GACf,EACD,EACE,CACJ,KAAA,EACA,CAMV,SAAgB,EAAyB,CAAE,OAAiB,CAC1D,IAAM,EAAYA,EAAM,YAAc,EAAW,EAAI,CAAE,CAAC,EAAI,CAAC,CAEvD,EAAgB,EADNA,EAAM,YAAc,EAAU,IAAK,GAAS,EAAK,IAAI,MAAM,IAAI,CAAC,GAAG,CAAC,OAAO,QAAQ,CAAE,CAAC,EAAU,CAAC,CACrE,CACtC,EAAU,GAAY,CAI5B,OAFK,EAAI,OAGP,EAAC,MAAA,CAAI,UAAU,+CACb,EAAC,MAAA,CAAI,UAAU,6CACb,EAAC,EAAA,CAAa,cAAY,OAAO,UAAU,UAAW,CACtD,EAAC,IAAA,CAAE,UAAU,uBAAc,gBAAgB,CAAA,EACvC,CACN,EAAC,MAAA,CAAI,UAAU,0CACZ,EAAU,EAAC,EAAA,CAAQ,WAAY,EAAe,MAAO,GAAa,CAAG,EAAC,EAAA,CAAiB,MAAA,CAAO,EAC3F,CAAA,EACF,CAXgB"}

package/dist/drawer-kwSiurIF.js

@@ -0,0 +1,8 @@
+import{t as e}from"./direction-B-anGbxM-BdqxtlGV.js";import{cn as t}from"@gentleduck/libs/cn";import*as n from"react";import r,{useEffect as i,useLayoutEffect as a,useMemo as o}from"react";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";import*as u from"react-dom";import d from"react-dom";import{hideOthers as f}from"aria-hidden";import{RemoveScroll as p}from"react-remove-scroll";typeof window<`u`&&window.document&&window.document.createElement;function m(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),n===!1||!r.defaultPrevented)return t?.(r)}}function h(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function g(...e){return t=>{let n=!1,r=e.map(e=>{let r=h(e,t);return!n&&typeof r==`function`&&(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];typeof n==`function`?n():h(e[t],null)}}}}function _(...e){return n.useCallback(g(...e),e)}function v(e,t){let r=n.createContext(t),i=e=>{let{children:t,...i}=e,a=n.useMemo(()=>i,Object.values(i));return c(r.Provider,{value:a,children:t})};i.displayName=e+`Provider`;function a(i){let a=n.useContext(r);if(a)return a;if(t!==void 0)return t;throw Error(`\`${i}\` must be used within \`${e}\``)}return[i,a]}function y(e,t=[]){let r=[];function i(t,i){let a=n.createContext(i),o=r.length;r=[...r,i];let s=t=>{let{scope:r,children:i,...s}=t,l=r?.[e]?.[o]||a,u=n.useMemo(()=>s,Object.values(s));return c(l.Provider,{value:u,children:i})};s.displayName=t+`Provider`;function l(r,s){let c=s?.[e]?.[o]||a,l=n.useContext(c);if(l)return l;if(i!==void 0)return i;throw Error(`\`${r}\` must be used within \`${t}\``)}return[s,l]}let a=()=>{let t=r.map(e=>n.createContext(e));return function(r){let i=r?.[e]||t;return n.useMemo(()=>({[`__scope${e}`]:{...r,[e]:i}}),[r,i])}};return a.scopeName=e,[i,b(a,...t)]}function b(...e){let t=e[0];if(e.length===1)return t;let r=()=>{let r=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let i=r.reduce((t,{useScope:n,scopeName:r})=>{let i=n(e)[`__scope${r}`];return{...t,...i}},{});return n.useMemo(()=>({[`__scope${t.scopeName}`]:i}),[i])}};return r.scopeName=t.scopeName,r}var x=globalThis?.document?n.useLayoutEffect:()=>{},S=n.useId||(()=>void 0),C=0;function w(e){let[t,r]=n.useState(S());return x(()=>{e||r(e=>e??String(C++))},[e]),e||(t?`radix-${t}`:``)}var T=n.useInsertionEffect||x;function E({prop:e,defaultProp:t,onChange:r=()=>{},caller:i}){let[a,o,s]=ee({defaultProp:t,onChange:r}),c=e!==void 0,l=c?e:a;{let t=n.useRef(e!==void 0);n.useEffect(()=>{let e=t.current;if(e!==c){let t=e?`controlled`:`uncontrolled`,n=c?`controlled`:`uncontrolled`;console.warn(`${i} is changing from ${t} to ${n}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`)}t.current=c},[c,i])}return[l,n.useCallback(t=>{if(c){let n=te(t)?t(e):t;n!==e&&s.current?.(n)}else o(t)},[c,e,o,s])]}function ee({defaultProp:e,onChange:t}){let[r,i]=n.useState(e),a=n.useRef(r),o=n.useRef(t);return T(()=>{o.current=t},[t]),n.useEffect(()=>{a.current!==r&&(o.current?.(r),a.current=r)},[r,a]),[r,i,o]}function te(e){return typeof e==`function`}function D(e){let t=O(e),r=n.forwardRef((e,r)=>{let{children:i,...a}=e,o=n.Children.toArray(i),s=o.find(re);if(s){let e=s.props.children,i=o.map(t=>t===s?n.Children.count(e)>1?n.Children.only(null):n.isValidElement(e)?e.props.children:null:t);return c(t,{...a,ref:r,children:n.isValidElement(e)?n.cloneElement(e,void 0,i):null})}return c(t,{...a,ref:r,children:i})});return r.displayName=`${e}.Slot`,r}function O(e){let t=n.forwardRef((e,t)=>{let{children:r,...i}=e;if(n.isValidElement(r)){let e=k(r),a=ie(i,r.props);return r.type!==n.Fragment&&(a.ref=t?g(t,e):e),n.cloneElement(r,a)}return n.Children.count(r)>1?n.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var ne=Symbol(`radix.slottable`);function re(e){return n.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===ne}function ie(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function k(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var A=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let r=D(`Primitive.${t}`),i=n.forwardRef((e,n)=>{let{asChild:i,...a}=e,o=i?r:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),c(o,{...a,ref:n})});return i.displayName=`Primitive.${t}`,{...e,[t]:i}},{});function ae(e,t){e&&u.flushSync(()=>e.dispatchEvent(t))}function j(e){let t=n.useRef(e);return n.useEffect(()=>{t.current=e}),n.useMemo(()=>(...e)=>t.current?.(...e),[])}function M(e,t=globalThis?.document){let r=j(e);n.useEffect(()=>{let e=e=>{e.key===`Escape`&&r(e)};return t.addEventListener(`keydown`,e,{capture:!0}),()=>t.removeEventListener(`keydown`,e,{capture:!0})},[r,t])}var N=`DismissableLayer`,P=`dismissableLayer.update`,oe=`dismissableLayer.pointerDownOutside`,se=`dismissableLayer.focusOutside`,F,ce=n.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),I=n.forwardRef((e,t)=>{let{disableOutsidePointerEvents:r=!1,onEscapeKeyDown:i,onPointerDownOutside:a,onFocusOutside:o,onInteractOutside:s,onDismiss:l,...u}=e,d=n.useContext(ce),[f,p]=n.useState(null),h=f?.ownerDocument??globalThis?.document,[,g]=n.useState({}),v=_(t,e=>p(e)),y=Array.from(d.layers),[b]=[...d.layersWithOutsidePointerEventsDisabled].slice(-1),x=y.indexOf(b),S=f?y.indexOf(f):-1,C=d.layersWithOutsidePointerEventsDisabled.size>0,w=S>=x,T=ue(e=>{let t=e.target,n=[...d.branches].some(e=>e.contains(t));!w||n||(a?.(e),s?.(e),e.defaultPrevented||l?.())},h),E=R(e=>{let t=e.target;[...d.branches].some(e=>e.contains(t))||(o?.(e),s?.(e),e.defaultPrevented||l?.())},h);return M(e=>{S===d.layers.size-1&&(i?.(e),!e.defaultPrevented&&l&&(e.preventDefault(),l()))},h),n.useEffect(()=>{if(f)return r&&(d.layersWithOutsidePointerEventsDisabled.size===0&&(F=h.body.style.pointerEvents,h.body.style.pointerEvents=`none`),d.layersWithOutsidePointerEventsDisabled.add(f)),d.layers.add(f),de(),()=>{r&&d.layersWithOutsidePointerEventsDisabled.size===1&&(h.body.style.pointerEvents=F)}},[f,h,r,d]),n.useEffect(()=>()=>{f&&(d.layers.delete(f),d.layersWithOutsidePointerEventsDisabled.delete(f),de())},[f,d]),n.useEffect(()=>{let e=()=>g({});return document.addEventListener(P,e),()=>document.removeEventListener(P,e)},[]),c(A.div,{...u,ref:v,style:{pointerEvents:C?w?`auto`:`none`:void 0,...e.style},onFocusCapture:m(e.onFocusCapture,E.onFocusCapture),onBlurCapture:m(e.onBlurCapture,E.onBlurCapture),onPointerDownCapture:m(e.onPointerDownCapture,T.onPointerDownCapture)})});I.displayName=N;var L=`DismissableLayerBranch`,le=n.forwardRef((e,t)=>{let r=n.useContext(ce),i=n.useRef(null),a=_(t,i);return n.useEffect(()=>{let e=i.current;if(e)return r.branches.add(e),()=>{r.branches.delete(e)}},[r.branches]),c(A.div,{...e,ref:a})});le.displayName=L;function ue(e,t=globalThis?.document){let r=j(e),i=n.useRef(!1),a=n.useRef(()=>{});return n.useEffect(()=>{let e=e=>{if(e.target&&!i.current){let n=function(){fe(oe,r,i,{discrete:!0})},i={originalEvent:e};e.pointerType===`touch`?(t.removeEventListener(`click`,a.current),a.current=n,t.addEventListener(`click`,a.current,{once:!0})):n()}else t.removeEventListener(`click`,a.current);i.current=!1},n=window.setTimeout(()=>{t.addEventListener(`pointerdown`,e)},0);return()=>{window.clearTimeout(n),t.removeEventListener(`pointerdown`,e),t.removeEventListener(`click`,a.current)}},[t,r]),{onPointerDownCapture:()=>i.current=!0}}function R(e,t=globalThis?.document){let r=j(e),i=n.useRef(!1);return n.useEffect(()=>{let e=e=>{e.target&&!i.current&&fe(se,r,{originalEvent:e},{discrete:!1})};return t.addEventListener(`focusin`,e),()=>t.removeEventListener(`focusin`,e)},[t,r]),{onFocusCapture:()=>i.current=!0,onBlurCapture:()=>i.current=!1}}function de(){let e=new CustomEvent(P);document.dispatchEvent(e)}function fe(e,t,n,{discrete:r}){let i=n.originalEvent.target,a=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&i.addEventListener(e,t,{once:!0}),r?ae(i,a):i.dispatchEvent(a)}var z=`focusScope.autoFocusOnMount`,pe=`focusScope.autoFocusOnUnmount`,B={bubbles:!1,cancelable:!0},me=`FocusScope`,he=n.forwardRef((e,t)=>{let{loop:r=!1,trapped:i=!1,onMountAutoFocus:a,onUnmountAutoFocus:o,...s}=e,[l,u]=n.useState(null),d=j(a),f=j(o),p=n.useRef(null),m=_(t,e=>u(e)),h=n.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;n.useEffect(()=>{if(i){let e=function(e){if(h.paused||!l)return;let t=e.target;l.contains(t)?p.current=t:U(p.current,{select:!0})},t=function(e){if(h.paused||!l)return;let t=e.relatedTarget;t!==null&&(l.contains(t)||U(p.current,{select:!0}))},n=function(e){if(document.activeElement===document.body)for(let t of e)t.removedNodes.length>0&&U(l)};document.addEventListener(`focusin`,e),document.addEventListener(`focusout`,t);let r=new MutationObserver(n);return l&&r.observe(l,{childList:!0,subtree:!0}),()=>{document.removeEventListener(`focusin`,e),document.removeEventListener(`focusout`,t),r.disconnect()}}},[i,l,h.paused]),n.useEffect(()=>{if(l){be.add(h);let e=document.activeElement;if(!l.contains(e)){let t=new CustomEvent(z,B);l.addEventListener(z,d),l.dispatchEvent(t),t.defaultPrevented||(V(Se(_e(l)),{select:!0}),document.activeElement===e&&U(l))}return()=>{l.removeEventListener(z,d),setTimeout(()=>{let t=new CustomEvent(pe,B);l.addEventListener(pe,f),l.dispatchEvent(t),t.defaultPrevented||U(e??document.body,{select:!0}),l.removeEventListener(pe,f),be.remove(h)},0)}}},[l,d,f,h]);let g=n.useCallback(e=>{if(!r&&!i||h.paused)return;let t=e.key===`Tab`&&!e.altKey&&!e.ctrlKey&&!e.metaKey,n=document.activeElement;if(t&&n){let t=e.currentTarget,[i,a]=ge(t);i&&a?!e.shiftKey&&n===a?(e.preventDefault(),r&&U(i,{select:!0})):e.shiftKey&&n===i&&(e.preventDefault(),r&&U(a,{select:!0})):n===t&&e.preventDefault()}},[r,i,h.paused]);return c(A.div,{tabIndex:-1,...s,ref:m,onKeyDown:g})});he.displayName=me;function V(e,{select:t=!1}={}){let n=document.activeElement;for(let r of e)if(U(r,{select:t}),document.activeElement!==n)return}function ge(e){let t=_e(e);return[ve(t,e),ve(t.reverse(),e)]}function _e(e){let t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{let t=e.tagName===`INPUT`&&e.type===`hidden`;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function ve(e,t){for(let n of e)if(!ye(n,{upTo:t}))return n}function ye(e,{upTo:t}){if(getComputedStyle(e).visibility===`hidden`)return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display===`none`)return!0;e=e.parentElement}return!1}function H(e){return e instanceof HTMLInputElement&&`select`in e}function U(e,{select:t=!1}={}){if(e&&e.focus){let n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&H(e)&&t&&e.select()}}var be=xe();function xe(){let e=[];return{add(t){let n=e[0];t!==n&&n?.pause(),e=W(e,t),e.unshift(t)},remove(t){e=W(e,t),e[0]?.resume()}}}function W(e,t){let n=[...e],r=n.indexOf(t);return r!==-1&&n.splice(r,1),n}function Se(e){return e.filter(e=>e.tagName!==`A`)}var Ce=`Portal`,we=n.forwardRef((e,t)=>{let{container:r,...i}=e,[a,o]=n.useState(!1);x(()=>o(!0),[]);let s=r||a&&globalThis?.document?.body;return s?d.createPortal(c(A.div,{...i,ref:t}),s):null});we.displayName=Ce;function Te(e,t){return n.useReducer((e,n)=>t[e][n]??e,e)}var G=e=>{let{present:t,children:r}=e,i=Ee(t),a=typeof r==`function`?r({present:i.isPresent}):n.Children.only(r),o=_(i.ref,Oe(a));return typeof r==`function`||i.isPresent?n.cloneElement(a,{ref:o}):null};G.displayName=`Presence`;function Ee(e){let[t,r]=n.useState(),i=n.useRef(null),a=n.useRef(e),o=n.useRef(`none`),[s,c]=Te(e?`mounted`:`unmounted`,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}});return n.useEffect(()=>{let e=De(i.current);o.current=s===`mounted`?e:`none`},[s]),x(()=>{let t=i.current,n=a.current;if(n!==e){let r=o.current,i=De(t);e?c(`MOUNT`):i===`none`||t?.display===`none`?c(`UNMOUNT`):c(n&&r!==i?`ANIMATION_OUT`:`UNMOUNT`),a.current=e}},[e,c]),x(()=>{if(t){let e,n=t.ownerDocument.defaultView??window,r=r=>{let o=De(i.current).includes(CSS.escape(r.animationName));if(r.target===t&&o&&(c(`ANIMATION_END`),!a.current)){let r=t.style.animationFillMode;t.style.animationFillMode=`forwards`,e=n.setTimeout(()=>{t.style.animationFillMode===`forwards`&&(t.style.animationFillMode=r)})}},s=e=>{e.target===t&&(o.current=De(i.current))};return t.addEventListener(`animationstart`,s),t.addEventListener(`animationcancel`,r),t.addEventListener(`animationend`,r),()=>{n.clearTimeout(e),t.removeEventListener(`animationstart`,s),t.removeEventListener(`animationcancel`,r),t.removeEventListener(`animationend`,r)}}else c(`ANIMATION_END`)},[t,c]),{isPresent:[`mounted`,`unmountSuspended`].includes(s),ref:n.useCallback(e=>{i.current=e?getComputedStyle(e):null,r(e)},[])}}function De(e){return e?.animationName||`none`}function Oe(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var ke=0;function Ae(){n.useEffect(()=>{let e=document.querySelectorAll(`[data-radix-focus-guard]`);return document.body.insertAdjacentElement(`afterbegin`,e[0]??je()),document.body.insertAdjacentElement(`beforeend`,e[1]??je()),ke++,()=>{ke===1&&document.querySelectorAll(`[data-radix-focus-guard]`).forEach(e=>e.remove()),ke--}},[])}function je(){let e=document.createElement(`span`);return e.setAttribute(`data-radix-focus-guard`,``),e.tabIndex=0,e.style.outline=`none`,e.style.opacity=`0`,e.style.position=`fixed`,e.style.pointerEvents=`none`,e}var Me=`Dialog`,[Ne,Pe]=y(Me),[Fe,K]=Ne(Me),Ie=e=>{let{__scopeDialog:t,children:r,open:i,defaultOpen:a,onOpenChange:o,modal:s=!0}=e,l=n.useRef(null),u=n.useRef(null),[d,f]=E({prop:i,defaultProp:a??!1,onChange:o,caller:Me});return c(Fe,{scope:t,triggerRef:l,contentRef:u,contentId:w(),titleId:w(),descriptionId:w(),open:d,onOpenChange:f,onOpenToggle:n.useCallback(()=>f(e=>!e),[f]),modal:s,children:r})};Ie.displayName=Me;var Le=`DialogTrigger`,Re=n.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=K(Le,n),a=_(t,i.triggerRef);return c(A.button,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":i.open,"aria-controls":i.contentId,"data-state":rt(i.open),...r,ref:a,onClick:m(e.onClick,i.onOpenToggle)})});Re.displayName=Le;var ze=`DialogPortal`,[Be,Ve]=Ne(ze,{forceMount:void 0}),He=e=>{let{__scopeDialog:t,forceMount:r,children:i,container:a}=e,o=K(ze,t);return c(Be,{scope:t,forceMount:r,children:n.Children.map(i,e=>c(G,{present:r||o.open,children:c(we,{asChild:!0,container:a,children:e})}))})};He.displayName=ze;var Ue=`DialogOverlay`,We=n.forwardRef((e,t)=>{let n=Ve(Ue,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,a=K(Ue,e.__scopeDialog);return a.modal?c(G,{present:r||a.open,children:c(Ke,{...i,ref:t})}):null});We.displayName=Ue;var Ge=D(`DialogOverlay.RemoveScroll`),Ke=n.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=K(Ue,n);return c(p,{as:Ge,allowPinchZoom:!0,shards:[i.contentRef],children:c(A.div,{"data-state":rt(i.open),...r,ref:t,style:{pointerEvents:`auto`,...r.style}})})}),q=`DialogContent`,qe=n.forwardRef((e,t)=>{let n=Ve(q,e.__scopeDialog),{forceMount:r=n.forceMount,...i}=e,a=K(q,e.__scopeDialog);return c(G,{present:r||a.open,children:a.modal?c(Je,{...i,ref:t}):c(Ye,{...i,ref:t})})});qe.displayName=q;var Je=n.forwardRef((e,t)=>{let r=K(q,e.__scopeDialog),i=n.useRef(null),a=_(t,r.contentRef,i);return n.useEffect(()=>{let e=i.current;if(e)return f(e)},[]),c(Xe,{...e,ref:a,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:m(e.onCloseAutoFocus,e=>{e.preventDefault(),r.triggerRef.current?.focus()}),onPointerDownOutside:m(e.onPointerDownOutside,e=>{let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0;(t.button===2||n)&&e.preventDefault()}),onFocusOutside:m(e.onFocusOutside,e=>e.preventDefault())})}),Ye=n.forwardRef((e,t)=>{let r=K(q,e.__scopeDialog),i=n.useRef(!1),a=n.useRef(!1);return c(Xe,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{e.onCloseAutoFocus?.(t),t.defaultPrevented||(i.current||r.triggerRef.current?.focus(),t.preventDefault()),i.current=!1,a.current=!1},onInteractOutside:t=>{e.onInteractOutside?.(t),t.defaultPrevented||(i.current=!0,t.detail.originalEvent.type===`pointerdown`&&(a.current=!0));let n=t.target;r.triggerRef.current?.contains(n)&&t.preventDefault(),t.detail.originalEvent.type===`focusin`&&a.current&&t.preventDefault()}})}),Xe=n.forwardRef((e,t)=>{let{__scopeDialog:r,trapFocus:i,onOpenAutoFocus:a,onCloseAutoFocus:o,...u}=e,d=K(q,r),f=n.useRef(null),p=_(t,f);return Ae(),l(s,{children:[c(he,{asChild:!0,loop:!0,trapped:i,onMountAutoFocus:a,onUnmountAutoFocus:o,children:c(I,{role:`dialog`,id:d.contentId,"aria-describedby":d.descriptionId,"aria-labelledby":d.titleId,"data-state":rt(d.open),...u,ref:p,onDismiss:()=>d.onOpenChange(!1)})}),l(s,{children:[c(st,{titleId:d.titleId}),c(lt,{contentRef:f,descriptionId:d.descriptionId})]})]})}),Ze=`DialogTitle`,Qe=n.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=K(Ze,n);return c(A.h2,{id:i.titleId,...r,ref:t})});Qe.displayName=Ze;var $e=`DialogDescription`,et=n.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=K($e,n);return c(A.p,{id:i.descriptionId,...r,ref:t})});et.displayName=$e;var tt=`DialogClose`,nt=n.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=K(tt,n);return c(A.button,{type:`button`,...r,ref:t,onClick:m(e.onClick,()=>i.onOpenChange(!1))})});nt.displayName=tt;function rt(e){return e?`open`:`closed`}var it=`DialogTitleWarning`,[at,ot]=v(it,{contentName:q,titleName:Ze,docsSlug:`dialog`}),st=({titleId:e})=>{let t=ot(it),r=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+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