@gv-tech/design-system 2.19.0 → 2.21.0

package/dist/switch.mjs

@@ -1,28 +1,17 @@
 "use client";
-import { j as e, bF as t, bG as i } from "./vendor-BQwS7aJt.mjs";
-import * as n from "react";
-import { c as s } from "./utils-Bgpn0CK0.mjs";
-const c = n.forwardRef(({ className: a, ...r }, o) => /* @__PURE__ */ e.jsx(
-  t,
-  {
-    className: s(
-      "peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-      a
-    ),
-    ...r,
-    ref: o,
-    children: /* @__PURE__ */ e.jsx(
-      i,
-      {
-        className: s(
-          "bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-        )
-      }
-    )
-  }
-));
-c.displayName = t?.displayName || "Switch";
-export {
-  c as Switch
-};
-//# sourceMappingURL=switch.mjs.map
+"use client";
+import { b as e, vr as t, y as n } from "./vendor-Cr0eKZrm.mjs";
+import { t as r } from "./utils-BtI8Nf6i.mjs";
+import * as i from "react";
+//#region packages/ui-web/src/switch.tsx
+var a = t(), o = i.forwardRef(({ className: t, ...i }, o) => /* @__PURE__ */ (0, a.jsx)(n, {
+	className: r("peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", t),
+	...i,
+	ref: o,
+	children: /* @__PURE__ */ (0, a.jsx)(e, { className: r("bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") })
+}));
+o.displayName = n?.displayName || "Switch";
+//#endregion
+export { o as Switch };
+
+//# sourceMappingURL=switch.mjs.map

package/dist/switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch.mjs","sources":["../packages/ui-web/src/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as SwitchPrimitives from '@radix-ui/react-switch';\nimport * as React from 'react';\n\nimport { SwitchBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & SwitchBaseProps\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      'peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n      className,\n    )}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        'bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',\n      )}\n    />\n  </SwitchPrimitives.Root>\n));\nSwitch.displayName = SwitchPrimitives.Root?.displayName || 'Switch';\n\nexport { Switch };\nexport type { SwitchBaseProps as SwitchProps };\n"],"names":["Switch","React","className","props","ref","jsx","SwitchPrimitives.Root","cn","SwitchPrimitives.Thumb"],"mappings":";;;;AAQA,MAAMA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,IAEA,UAAAC,gBAAAA,EAAAA;AAAAA,MAACG;AAAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AACF,CACD;AACDP,EAAO,cAAcM,GAAuB,eAAe;"}
+{"version":3,"file":"switch.mjs","names":[],"sources":["../packages/ui-web/src/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as SwitchPrimitives from '@radix-ui/react-switch';\nimport * as React from 'react';\n\nimport { SwitchBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & SwitchBaseProps\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      'peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n      className,\n    )}\n    {...props}\n    ref={ref}\n  >\n    <SwitchPrimitives.Thumb\n      className={cn(\n        'bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',\n      )}\n    />\n  </SwitchPrimitives.Root>\n));\nSwitch.displayName = SwitchPrimitives.Root?.displayName || 'Switch';\n\nexport { Switch };\nexport type { SwitchBaseProps as SwitchProps };\n"],"mappings":";;;;;;aAQM,IAAS,EAAM,YAGlB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,WAAW,EACT,+XACA,EACD;CACD,GAAI;CACC;WAEL,iBAAA,GAAA,EAAA,KAAC,GAAD,EACE,WAAW,EACT,6KACD,EACD,CAAA;CACoB,CAAA,CACxB;AACF,EAAO,cAAA,GAAqC,eAAe"}

package/dist/table-of-contents.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-B_07FHqh.js"),O=require("react"),h=require("./utils-CBWPs0D7.js");function C(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const i in n)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(r,i,a.get?a:{enumerable:!0,get:()=>n[i]})}}return r.default=n,Object.freeze(r)}const l=C(O),E=l.createContext(null);function R(){const n=l.useContext(E);if(!n)throw new Error("TOC components must be used within a TableOfContents provider");return n}function v({children:n,className:r,activeId:i,minLevel:a=1,maxLevel:s=4,selector:x="h1, h2, h3, h4, h5, h6"}){const[u,f]=l.useState([]),[t,d]=l.useState(null),p=l.useMemo(()=>u.find(o=>o.id===t)?.text||null,[u,t]),c=l.useCallback(o=>{f(j=>JSON.stringify(j)===JSON.stringify(o)?j:o)},[]),m=l.useMemo(()=>({headings:u,activeId:i||t,activeHeadingText:p,registerHeadings:c,setActiveId:d,config:{minLevel:a,maxLevel:s,selector:x,className:r}}),[u,t,i,p,c,a,s,x,r]);return e.jsxRuntimeExports.jsx(E.Provider,{value:m,children:e.jsxRuntimeExports.jsx("div",{className:h.cn("relative",r),children:n||e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxRuntimeExports.jsx(b,{}),e.jsxRuntimeExports.jsx(g,{children:null})]})})})}function b({className:n}){const{headings:r,activeId:i,activeHeadingText:a}=R(),[s,x]=l.useState(!1);if(l.useEffect(()=>{if(!s)return;const t=()=>{x(!1)};return window.addEventListener("scroll",t,{passive:!0}),()=>window.removeEventListener("scroll",t)},[s]),r.length===0)return null;const u=Math.min(...r.map(t=>t.level)),f=e.jsxRuntimeExports.jsx("ul",{className:"m-0 list-none text-sm",children:r.map(t=>{const d=i===t.id,p=`${(t.level-u)*1}rem`;return e.jsxRuntimeExports.jsx("li",{className:"mt-0 pt-2",children:e.jsxRuntimeExports.jsx("a",{href:`#${t.id}`,onClick:()=>x(!1),className:h.cn("hover:text-foreground inline-block no-underline transition-colors",d?"text-primary font-medium":"text-muted-foreground"),style:{paddingLeft:p},children:t.text})},t.id)})});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:h.cn("bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden",n),children:[e.jsxRuntimeExports.jsxs("button",{onClick:()=>x(!s),className:"flex w-full items-center justify-between px-4 py-3 text-left",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2 overflow-hidden",children:[e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground text-xs font-semibold tracking-wider uppercase",children:"On this page:"}),e.jsxRuntimeExports.jsx("span",{className:"truncate text-sm font-medium",children:a||"Overview"})]}),e.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:h.cn("shrink-0 transition-transform duration-200",s&&"rotate-180"),children:e.jsxRuntimeExports.jsx("path",{d:"m6 9 6 6 6-6"})})]}),s&&e.jsxRuntimeExports.jsx("div",{className:"bg-background border-t px-4 pt-2 pb-6",children:e.jsxRuntimeExports.jsx("nav",{"aria-label":"Table of contents mobile",children:f})})]}),e.jsxRuntimeExports.jsx("nav",{className:h.cn("hidden xl:block",n),"aria-label":"Table of contents",children:f})]})}function g({children:n,className:r}){const{registerHeadings:i,setActiveId:a,config:s}=R(),x=l.useRef(null);return l.useEffect(()=>{const u=x.current;if(!u)return;const f=()=>{const c=Array.from(u.querySelectorAll(s.selector||"h1, h2, h3, h4, h5, h6")).filter(o=>{const j=parseInt(o.tagName.charAt(1),10);return j>=(s.minLevel??1)&&j<=(s.maxLevel??4)}),m=c.map(o=>(o.id||(o.id=h.slugify(o.textContent||"heading")),{id:o.id,text:o.textContent||"",level:parseInt(o.tagName.charAt(1),10)}));return i(m),c},t=f(),d=new IntersectionObserver(c=>{c.forEach(m=>{m.isIntersecting&&a(m.target.id)})},{rootMargin:"0px 0px -80% 0px",threshold:.1});t.forEach(c=>d.observe(c));const p=new MutationObserver(()=>{const c=f();d.disconnect(),c.forEach(m=>d.observe(m))});return p.observe(u,{childList:!0,subtree:!0,characterData:!0}),()=>{d.disconnect(),p.disconnect()}},[s.selector,s.minLevel,s.maxLevel,i,a]),e.jsxRuntimeExports.jsx("div",{ref:x,className:r,children:n})}v.List=b;v.Content=g;exports.TableOfContents=v;exports.TableOfContentsContent=g;exports.TableOfContentsList=b;
-//# sourceMappingURL=table-of-contents.cjs.map
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./rolldown-runtime-CacfPODE.js`),t=require(`./vendor-D3ZzLf8D.js`),n=require(`./utils-CbSX47LV.js`);let r=require(`react`);r=e.r(r);var i=t.vr(),a=r.createContext(null);function o(){let e=r.useContext(a);if(!e)throw Error(`TOC components must be used within a TableOfContents provider`);return e}function s({children:e,className:t,activeId:o,minLevel:s=1,maxLevel:u=4,selector:d=`h1, h2, h3, h4, h5, h6`}){let[f,p]=r.useState([]),[m,h]=r.useState(null),g=r.useMemo(()=>f.find(e=>e.id===m)?.text||null,[f,m]),_=r.useCallback(e=>{p(t=>JSON.stringify(t)===JSON.stringify(e)?t:e)},[]),v=r.useMemo(()=>({headings:f,activeId:o||m,activeHeadingText:g,registerHeadings:_,setActiveId:h,config:{minLevel:s,maxLevel:u,selector:d,className:t}}),[f,m,o,g,_,s,u,d,t]);return(0,i.jsx)(a.Provider,{value:v,children:(0,i.jsx)(`div`,{className:n.t(`relative`,t),children:e||(0,i.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,i.jsx)(c,{}),(0,i.jsx)(l,{children:null})]})})})}function c({className:e}){let{headings:t,activeId:a,activeHeadingText:s}=o(),[c,l]=r.useState(!1);if(r.useEffect(()=>{if(!c)return;let e=()=>{l(!1)};return window.addEventListener(`scroll`,e,{passive:!0}),()=>window.removeEventListener(`scroll`,e)},[c]),t.length===0)return null;let u=Math.min(...t.map(e=>e.level)),d=(0,i.jsx)(`ul`,{className:`m-0 list-none text-sm`,children:t.map(e=>{let t=a===e.id,r=`${(e.level-u)*1}rem`;return(0,i.jsx)(`li`,{className:`mt-0 pt-2`,children:(0,i.jsx)(`a`,{href:`#${e.id}`,onClick:()=>l(!1),className:n.t(`hover:text-foreground inline-block no-underline transition-colors`,t?`text-primary font-medium`:`text-muted-foreground`),style:{paddingLeft:r},children:e.text})},e.id)})});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`div`,{className:n.t(`bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden`,e),children:[(0,i.jsxs)(`button`,{onClick:()=>l(!c),className:`flex w-full items-center justify-between px-4 py-3 text-left`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 overflow-hidden`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground text-xs font-semibold tracking-wider uppercase`,children:`On this page:`}),(0,i.jsx)(`span`,{className:`truncate text-sm font-medium`,children:s||`Overview`})]}),(0,i.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:n.t(`shrink-0 transition-transform duration-200`,c&&`rotate-180`),children:(0,i.jsx)(`path`,{d:`m6 9 6 6 6-6`})})]}),c&&(0,i.jsx)(`div`,{className:`bg-background border-t px-4 pt-2 pb-6`,children:(0,i.jsx)(`nav`,{"aria-label":`Table of contents mobile`,children:d})})]}),(0,i.jsx)(`nav`,{className:n.t(`hidden xl:block`,e),"aria-label":`Table of contents`,children:d})]})}function l({children:e,className:t}){let{registerHeadings:a,setActiveId:s,config:c}=o(),l=r.useRef(null);return r.useEffect(()=>{let e=l.current;if(!e)return;let t=()=>{let t=Array.from(e.querySelectorAll(c.selector||`h1, h2, h3, h4, h5, h6`)).filter(e=>{let t=parseInt(e.tagName.charAt(1),10);return t>=(c.minLevel??1)&&t<=(c.maxLevel??4)});return a(t.map(e=>(e.id||=n.n(e.textContent||`heading`),{id:e.id,text:e.textContent||``,level:parseInt(e.tagName.charAt(1),10)}))),t},r=t(),i=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&s(e.target.id)})},{rootMargin:`0px 0px -80% 0px`,threshold:.1});r.forEach(e=>i.observe(e));let o=new MutationObserver(()=>{let e=t();i.disconnect(),e.forEach(e=>i.observe(e))});return o.observe(e,{childList:!0,subtree:!0,characterData:!0}),()=>{i.disconnect(),o.disconnect()}},[c.selector,c.minLevel,c.maxLevel,a,s]),(0,i.jsx)(`div`,{ref:l,className:t,children:e})}s.List=c,s.Content=l,exports.TableOfContents=s,exports.TableOfContentsContent=l,exports.TableOfContentsList=c;
+//# sourceMappingURL=table-of-contents.cjs.map

package/dist/table-of-contents.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"table-of-contents.cjs","sources":["../packages/ui-web/src/table-of-contents.tsx"],"sourcesContent":["'use client';\n\nimport {\n  HeadingItem,\n  TableOfContentsBaseProps,\n  TableOfContentsContentBaseProps,\n  TableOfContentsListBaseProps,\n  TableOfContentsRootBaseProps,\n} from '@gv-tech/ui-core';\nimport * as React from 'react';\nimport { cn, slugify } from './lib/utils';\n\n// Context for sharing heading data\ninterface TOCContextValue {\n  headings: HeadingItem[];\n  activeId: string | null;\n  activeHeadingText: string | null;\n  registerHeadings: (headings: HeadingItem[]) => void;\n  setActiveId: (id: string | null) => void;\n  config: TableOfContentsBaseProps;\n}\n\nconst TOCContext = React.createContext<TOCContextValue | null>(null);\n\nfunction useTOC() {\n  const context = React.useContext(TOCContext);\n  if (!context) {\n    throw new Error('TOC components must be used within a TableOfContents provider');\n  }\n  return context;\n}\n\nexport type TableOfContentsProps = TableOfContentsRootBaseProps;\n\n/**\n * Root component that provides the Table of Contents context.\n * Can be used as a wrapper OR standalone.\n * If used as a wrapper: <TableOfContents><List /><Content>{children}</Content></TableOfContents>\n * If used standalone: <TableOfContents /> (requires container ref or defaults to document)\n */\nfunction TableOfContents({\n  children,\n  className,\n  activeId: activeIdOverride,\n  minLevel = 1,\n  maxLevel = 4,\n  selector = 'h1, h2, h3, h4, h5, h6',\n}: TableOfContentsProps) {\n  const [headings, setHeadings] = React.useState<HeadingItem[]>([]);\n  const [activeId, setActiveId] = React.useState<string | null>(null);\n\n  const activeHeadingText = React.useMemo(() => {\n    return headings.find((h) => h.id === activeId)?.text || null;\n  }, [headings, activeId]);\n\n  const registerHeadings = React.useCallback((newHeadings: HeadingItem[]) => {\n    setHeadings((prev) => {\n      if (JSON.stringify(prev) === JSON.stringify(newHeadings)) {\n        return prev;\n      }\n      return newHeadings;\n    });\n  }, []);\n\n  const value = React.useMemo(\n    () => ({\n      headings,\n      activeId: activeIdOverride || activeId,\n      activeHeadingText,\n      registerHeadings,\n      setActiveId,\n      config: { minLevel, maxLevel, selector, className },\n    }),\n    [\n      headings,\n      activeId,\n      activeIdOverride,\n      activeHeadingText,\n      registerHeadings,\n      minLevel,\n      maxLevel,\n      selector,\n      className,\n    ],\n  );\n\n  return (\n    <TOCContext.Provider value={value}>\n      <div className={cn('relative', className)}>\n        {children || (\n          <div className=\"flex flex-col gap-4\">\n            <TableOfContentsList />\n            <TableOfContentsContent>{null}</TableOfContentsContent>\n          </div>\n        )}\n      </div>\n    </TOCContext.Provider>\n  );\n}\n\n/**\n * Renders the actual list of links.\n */\nfunction TableOfContentsList({ className }: TableOfContentsListBaseProps) {\n  const { headings, activeId, activeHeadingText } = useTOC();\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  // Auto-collapse on scroll\n  React.useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handleScroll = () => {\n      setIsOpen(false);\n    };\n\n    window.addEventListener('scroll', handleScroll, { passive: true });\n    return () => window.removeEventListener('scroll', handleScroll);\n  }, [isOpen]);\n\n  if (headings.length === 0) {\n    return null;\n  }\n\n  const currentMinLevel = Math.min(...headings.map((h) => h.level));\n\n  const listContent = (\n    <ul className=\"m-0 list-none text-sm\">\n      {headings.map((heading) => {\n        const isActive = activeId === heading.id;\n        const paddingLeft = `${(heading.level - currentMinLevel) * 1}rem`;\n\n        return (\n          <li key={heading.id} className=\"mt-0 pt-2\">\n            <a\n              href={`#${heading.id}`}\n              onClick={() => setIsOpen(false)}\n              className={cn(\n                'hover:text-foreground inline-block no-underline transition-colors',\n                isActive ? 'text-primary font-medium' : 'text-muted-foreground',\n              )}\n              style={{ paddingLeft }}\n            >\n              {heading.text}\n            </a>\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  return (\n    <>\n      {/* Mobile Sticky Header */}\n      <div className={cn('bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden', className)}>\n        <button\n          onClick={() => setIsOpen(!isOpen)}\n          className=\"flex w-full items-center justify-between px-4 py-3 text-left\"\n        >\n          <div className=\"flex items-center gap-2 overflow-hidden\">\n            <span className=\"text-muted-foreground text-xs font-semibold tracking-wider uppercase\">On this page:</span>\n            <span className=\"truncate text-sm font-medium\">{activeHeadingText || 'Overview'}</span>\n          </div>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className={cn('shrink-0 transition-transform duration-200', isOpen && 'rotate-180')}\n          >\n            <path d=\"m6 9 6 6 6-6\" />\n          </svg>\n        </button>\n\n        {isOpen && (\n          <div className=\"bg-background border-t px-4 pt-2 pb-6\">\n            <nav aria-label=\"Table of contents mobile\">{listContent}</nav>\n          </div>\n        )}\n      </div>\n\n      {/* Desktop Hidden List */}\n      <nav className={cn('hidden xl:block', className)} aria-label=\"Table of contents\">\n        {listContent}\n      </nav>\n    </>\n  );\n}\n\n/**\n * Wraps the content area and automatically detects headings within it.\n */\nfunction TableOfContentsContent({ children, className }: TableOfContentsContentBaseProps) {\n  const { registerHeadings, setActiveId, config } = useTOC();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n\n  React.useEffect(() => {\n    const root = contentRef.current;\n    if (!root) {\n      return;\n    }\n\n    const queryHeadings = () => {\n      const elements = Array.from(root.querySelectorAll(config.selector || 'h1, h2, h3, h4, h5, h6')).filter(\n        (element) => {\n          const level = parseInt(element.tagName.charAt(1), 10);\n          return level >= (config.minLevel ?? 1) && level <= (config.maxLevel ?? 4);\n        },\n      );\n\n      const headingItems: HeadingItem[] = elements.map((element) => {\n        if (!element.id) {\n          element.id = slugify(element.textContent || 'heading');\n        }\n        return {\n          id: element.id,\n          text: element.textContent || '',\n          level: parseInt(element.tagName.charAt(1), 10),\n        };\n      });\n\n      registerHeadings(headingItems);\n      return elements;\n    };\n\n    // Initial query\n    const elements = queryHeadings();\n\n    // Intersection Observer for active ID\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id);\n          }\n        });\n      },\n      {\n        rootMargin: '0px 0px -80% 0px',\n        threshold: 0.1,\n      },\n    );\n\n    elements.forEach((el) => observer.observe(el));\n\n    // Mutation Observer for dynamic content\n    const mutationObserver = new MutationObserver(() => {\n      const newElements = queryHeadings();\n      observer.disconnect();\n      newElements.forEach((el) => observer.observe(el));\n    });\n\n    mutationObserver.observe(root, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n\n    return () => {\n      observer.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, [config.selector, config.minLevel, config.maxLevel, registerHeadings, setActiveId]);\n\n  return (\n    <div ref={contentRef} className={className}>\n      {children}\n    </div>\n  );\n}\n\nTableOfContents.List = TableOfContentsList;\nTableOfContents.Content = TableOfContentsContent;\n\nexport type {\n  TableOfContentsContentBaseProps as TableOfContentsContentProps,\n  TableOfContentsListBaseProps as TableOfContentsListProps,\n} from '@gv-tech/ui-core';\nexport { TableOfContents, TableOfContentsContent, TableOfContentsList };\n"],"names":["TOCContext","React","useTOC","context","TableOfContents","children","className","activeIdOverride","minLevel","maxLevel","selector","headings","setHeadings","activeId","setActiveId","activeHeadingText","h","registerHeadings","newHeadings","prev","value","cn","jsxs","jsx","TableOfContentsList","TableOfContentsContent","isOpen","setIsOpen","handleScroll","currentMinLevel","listContent","heading","isActive","paddingLeft","Fragment","config","contentRef","root","queryHeadings","elements","element","level","headingItems","slugify","observer","entries","entry","el","mutationObserver","newElements"],"mappings":"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"}
+{"version":3,"file":"table-of-contents.cjs","names":[],"sources":["../packages/ui-web/src/table-of-contents.tsx"],"sourcesContent":["'use client';\n\nimport {\n  HeadingItem,\n  TableOfContentsBaseProps,\n  TableOfContentsContentBaseProps,\n  TableOfContentsListBaseProps,\n  TableOfContentsRootBaseProps,\n} from '@gv-tech/ui-core';\nimport * as React from 'react';\nimport { cn, slugify } from './lib/utils';\n\n// Context for sharing heading data\ninterface TOCContextValue {\n  headings: HeadingItem[];\n  activeId: string | null;\n  activeHeadingText: string | null;\n  registerHeadings: (headings: HeadingItem[]) => void;\n  setActiveId: (id: string | null) => void;\n  config: TableOfContentsBaseProps;\n}\n\nconst TOCContext = React.createContext<TOCContextValue | null>(null);\n\nfunction useTOC() {\n  const context = React.useContext(TOCContext);\n  if (!context) {\n    throw new Error('TOC components must be used within a TableOfContents provider');\n  }\n  return context;\n}\n\nexport type TableOfContentsProps = TableOfContentsRootBaseProps;\n\n/**\n * Root component that provides the Table of Contents context.\n * Can be used as a wrapper OR standalone.\n * If used as a wrapper: <TableOfContents><List /><Content>{children}</Content></TableOfContents>\n * If used standalone: <TableOfContents /> (requires container ref or defaults to document)\n */\nfunction TableOfContents({\n  children,\n  className,\n  activeId: activeIdOverride,\n  minLevel = 1,\n  maxLevel = 4,\n  selector = 'h1, h2, h3, h4, h5, h6',\n}: TableOfContentsProps) {\n  const [headings, setHeadings] = React.useState<HeadingItem[]>([]);\n  const [activeId, setActiveId] = React.useState<string | null>(null);\n\n  const activeHeadingText = React.useMemo(() => {\n    return headings.find((h) => h.id === activeId)?.text || null;\n  }, [headings, activeId]);\n\n  const registerHeadings = React.useCallback((newHeadings: HeadingItem[]) => {\n    setHeadings((prev) => {\n      if (JSON.stringify(prev) === JSON.stringify(newHeadings)) {\n        return prev;\n      }\n      return newHeadings;\n    });\n  }, []);\n\n  const value = React.useMemo(\n    () => ({\n      headings,\n      activeId: activeIdOverride || activeId,\n      activeHeadingText,\n      registerHeadings,\n      setActiveId,\n      config: { minLevel, maxLevel, selector, className },\n    }),\n    [\n      headings,\n      activeId,\n      activeIdOverride,\n      activeHeadingText,\n      registerHeadings,\n      minLevel,\n      maxLevel,\n      selector,\n      className,\n    ],\n  );\n\n  return (\n    <TOCContext.Provider value={value}>\n      <div className={cn('relative', className)}>\n        {children || (\n          <div className=\"flex flex-col gap-4\">\n            <TableOfContentsList />\n            <TableOfContentsContent>{null}</TableOfContentsContent>\n          </div>\n        )}\n      </div>\n    </TOCContext.Provider>\n  );\n}\n\n/**\n * Renders the actual list of links.\n */\nfunction TableOfContentsList({ className }: TableOfContentsListBaseProps) {\n  const { headings, activeId, activeHeadingText } = useTOC();\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  // Auto-collapse on scroll\n  React.useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handleScroll = () => {\n      setIsOpen(false);\n    };\n\n    window.addEventListener('scroll', handleScroll, { passive: true });\n    return () => window.removeEventListener('scroll', handleScroll);\n  }, [isOpen]);\n\n  if (headings.length === 0) {\n    return null;\n  }\n\n  const currentMinLevel = Math.min(...headings.map((h) => h.level));\n\n  const listContent = (\n    <ul className=\"m-0 list-none text-sm\">\n      {headings.map((heading) => {\n        const isActive = activeId === heading.id;\n        const paddingLeft = `${(heading.level - currentMinLevel) * 1}rem`;\n\n        return (\n          <li key={heading.id} className=\"mt-0 pt-2\">\n            <a\n              href={`#${heading.id}`}\n              onClick={() => setIsOpen(false)}\n              className={cn(\n                'hover:text-foreground inline-block no-underline transition-colors',\n                isActive ? 'text-primary font-medium' : 'text-muted-foreground',\n              )}\n              style={{ paddingLeft }}\n            >\n              {heading.text}\n            </a>\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  return (\n    <>\n      {/* Mobile Sticky Header */}\n      <div className={cn('bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden', className)}>\n        <button\n          onClick={() => setIsOpen(!isOpen)}\n          className=\"flex w-full items-center justify-between px-4 py-3 text-left\"\n        >\n          <div className=\"flex items-center gap-2 overflow-hidden\">\n            <span className=\"text-muted-foreground text-xs font-semibold tracking-wider uppercase\">On this page:</span>\n            <span className=\"truncate text-sm font-medium\">{activeHeadingText || 'Overview'}</span>\n          </div>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className={cn('shrink-0 transition-transform duration-200', isOpen && 'rotate-180')}\n          >\n            <path d=\"m6 9 6 6 6-6\" />\n          </svg>\n        </button>\n\n        {isOpen && (\n          <div className=\"bg-background border-t px-4 pt-2 pb-6\">\n            <nav aria-label=\"Table of contents mobile\">{listContent}</nav>\n          </div>\n        )}\n      </div>\n\n      {/* Desktop Hidden List */}\n      <nav className={cn('hidden xl:block', className)} aria-label=\"Table of contents\">\n        {listContent}\n      </nav>\n    </>\n  );\n}\n\n/**\n * Wraps the content area and automatically detects headings within it.\n */\nfunction TableOfContentsContent({ children, className }: TableOfContentsContentBaseProps) {\n  const { registerHeadings, setActiveId, config } = useTOC();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n\n  React.useEffect(() => {\n    const root = contentRef.current;\n    if (!root) {\n      return;\n    }\n\n    const queryHeadings = () => {\n      const elements = Array.from(root.querySelectorAll(config.selector || 'h1, h2, h3, h4, h5, h6')).filter(\n        (element) => {\n          const level = parseInt(element.tagName.charAt(1), 10);\n          return level >= (config.minLevel ?? 1) && level <= (config.maxLevel ?? 4);\n        },\n      );\n\n      const headingItems: HeadingItem[] = elements.map((element) => {\n        if (!element.id) {\n          element.id = slugify(element.textContent || 'heading');\n        }\n        return {\n          id: element.id,\n          text: element.textContent || '',\n          level: parseInt(element.tagName.charAt(1), 10),\n        };\n      });\n\n      registerHeadings(headingItems);\n      return elements;\n    };\n\n    // Initial query\n    const elements = queryHeadings();\n\n    // Intersection Observer for active ID\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id);\n          }\n        });\n      },\n      {\n        rootMargin: '0px 0px -80% 0px',\n        threshold: 0.1,\n      },\n    );\n\n    elements.forEach((el) => observer.observe(el));\n\n    // Mutation Observer for dynamic content\n    const mutationObserver = new MutationObserver(() => {\n      const newElements = queryHeadings();\n      observer.disconnect();\n      newElements.forEach((el) => observer.observe(el));\n    });\n\n    mutationObserver.observe(root, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n\n    return () => {\n      observer.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, [config.selector, config.minLevel, config.maxLevel, registerHeadings, setActiveId]);\n\n  return (\n    <div ref={contentRef} className={className}>\n      {children}\n    </div>\n  );\n}\n\nTableOfContents.List = TableOfContentsList;\nTableOfContents.Content = TableOfContentsContent;\n\nexport type {\n  TableOfContentsContentBaseProps as TableOfContentsContentProps,\n  TableOfContentsListBaseProps as TableOfContentsListProps,\n} from '@gv-tech/ui-core';\nexport { TableOfContents, TableOfContentsContent, TableOfContentsList };\n"],"mappings":"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"}

package/dist/table-of-contents.d.ts

@@ -1,68 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-/**
- * Root component that provides the Table of Contents context.
- * Can be used as a wrapper OR standalone.
- * If used as a wrapper: <TableOfContents><List /><Content>{children}</Content></TableOfContents>
- * If used standalone: <TableOfContents /> (requires container ref or defaults to document)
- */
-export declare function TableOfContents({ children, className, activeId: activeIdOverride, minLevel, maxLevel, selector, }: TableOfContentsProps): JSX.Element;
-
-export declare namespace TableOfContents {
-    var List: typeof TableOfContentsList;
-    var Content: typeof TableOfContentsContent;
-}
-
-declare interface TableOfContentsBaseProps {
-    /**
-     * Optional custom class name.
-     */
-    className?: string;
-    /**
-     * Optional currently active heading ID to override the intersection observer.
-     */
-    activeId?: string;
-    /**
-     * Optional minimum heading level to include.
-     * Default: 1 (h1)
-     */
-    minLevel?: number;
-    /**
-     * Optional maximum heading level to include.
-     * Default: 3 (h3)
-     */
-    maxLevel?: number;
-    /**
-     * The selector used to query the DOM for headings.
-     * Default: "h1, h2, h3, h4, h5, h6"
-     */
-    selector?: string;
-}
-
-/**
- * Wraps the content area and automatically detects headings within it.
- */
-export declare function TableOfContentsContent({ children, className }: TableOfContentsContentProps): JSX.Element;
-
-export declare interface TableOfContentsContentProps {
-    children: React_2.ReactNode;
-    className?: string;
-}
-
-/**
- * Renders the actual list of links.
- */
-export declare function TableOfContentsList({ className }: TableOfContentsListProps): JSX.Element | null;
-
-export declare interface TableOfContentsListProps {
-    className?: string;
-}
-
-export declare type TableOfContentsProps = TableOfContentsRootBaseProps;
-
-declare interface TableOfContentsRootBaseProps extends TableOfContentsBaseProps {
-    children: React_2.ReactNode;
-}
-
-export { }
+export * from './packages/ui-web/src/table-of-contents'
+export {}

package/dist/table-of-contents.mjs

@@ -1,161 +1,166 @@
 "use client";
-import { j as e } from "./vendor-BQwS7aJt.mjs";
-import * as i from "react";
-import { c as p, s as k } from "./utils-Bgpn0CK0.mjs";
-const g = i.createContext(null);
-function b() {
-  const c = i.useContext(g);
-  if (!c)
-    throw new Error("TOC components must be used within a TableOfContents provider");
-  return c;
+"use client";
+import { vr as e } from "./vendor-Cr0eKZrm.mjs";
+import { n as t, t as n } from "./utils-BtI8Nf6i.mjs";
+import * as r from "react";
+//#region packages/ui-web/src/table-of-contents.tsx
+var i = e(), a = r.createContext(null);
+function o() {
+	let e = r.useContext(a);
+	if (!e) throw Error("TOC components must be used within a TableOfContents provider");
+	return e;
 }
-function j({
-  children: c,
-  className: l,
-  activeId: f,
-  minLevel: x = 1,
-  maxLevel: n = 4,
-  selector: a = "h1, h2, h3, h4, h5, h6"
-}) {
-  const [o, h] = i.useState([]), [t, d] = i.useState(null), m = i.useMemo(() => o.find((s) => s.id === t)?.text || null, [o, t]), r = i.useCallback((s) => {
-    h((v) => JSON.stringify(v) === JSON.stringify(s) ? v : s);
-  }, []), u = i.useMemo(
-    () => ({
-      headings: o,
-      activeId: f || t,
-      activeHeadingText: m,
-      registerHeadings: r,
-      setActiveId: d,
-      config: { minLevel: x, maxLevel: n, selector: a, className: l }
-    }),
-    [
-      o,
-      t,
-      f,
-      m,
-      r,
-      x,
-      n,
-      a,
-      l
-    ]
-  );
-  return /* @__PURE__ */ e.jsx(g.Provider, { value: u, children: /* @__PURE__ */ e.jsx("div", { className: p("relative", l), children: c || /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ e.jsx(w, {}),
-    /* @__PURE__ */ e.jsx(C, { children: null })
-  ] }) }) });
+function s({ children: e, className: t, activeId: o, minLevel: s = 1, maxLevel: u = 4, selector: d = "h1, h2, h3, h4, h5, h6" }) {
+	let [f, p] = r.useState([]), [m, h] = r.useState(null), g = r.useMemo(() => f.find((e) => e.id === m)?.text || null, [f, m]), _ = r.useCallback((e) => {
+		p((t) => JSON.stringify(t) === JSON.stringify(e) ? t : e);
+	}, []), v = r.useMemo(() => ({
+		headings: f,
+		activeId: o || m,
+		activeHeadingText: g,
+		registerHeadings: _,
+		setActiveId: h,
+		config: {
+			minLevel: s,
+			maxLevel: u,
+			selector: d,
+			className: t
+		}
+	}), [
+		f,
+		m,
+		o,
+		g,
+		_,
+		s,
+		u,
+		d,
+		t
+	]);
+	return /* @__PURE__ */ (0, i.jsx)(a.Provider, {
+		value: v,
+		children: /* @__PURE__ */ (0, i.jsx)("div", {
+			className: n("relative", t),
+			children: e || /* @__PURE__ */ (0, i.jsxs)("div", {
+				className: "flex flex-col gap-4",
+				children: [/* @__PURE__ */ (0, i.jsx)(c, {}), /* @__PURE__ */ (0, i.jsx)(l, { children: null })]
+			})
+		})
+	});
 }
-function w({ className: c }) {
-  const { headings: l, activeId: f, activeHeadingText: x } = b(), [n, a] = i.useState(!1);
-  if (i.useEffect(() => {
-    if (!n)
-      return;
-    const t = () => {
-      a(!1);
-    };
-    return window.addEventListener("scroll", t, { passive: !0 }), () => window.removeEventListener("scroll", t);
-  }, [n]), l.length === 0)
-    return null;
-  const o = Math.min(...l.map((t) => t.level)), h = /* @__PURE__ */ e.jsx("ul", { className: "m-0 list-none text-sm", children: l.map((t) => {
-    const d = f === t.id, m = `${(t.level - o) * 1}rem`;
-    return /* @__PURE__ */ e.jsx("li", { className: "mt-0 pt-2", children: /* @__PURE__ */ e.jsx(
-      "a",
-      {
-        href: `#${t.id}`,
-        onClick: () => a(!1),
-        className: p(
-          "hover:text-foreground inline-block no-underline transition-colors",
-          d ? "text-primary font-medium" : "text-muted-foreground"
-        ),
-        style: { paddingLeft: m },
-        children: t.text
-      }
-    ) }, t.id);
-  }) });
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: p("bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden", c), children: [
-      /* @__PURE__ */ e.jsxs(
-        "button",
-        {
-          onClick: () => a(!n),
-          className: "flex w-full items-center justify-between px-4 py-3 text-left",
-          children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 overflow-hidden", children: [
-              /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground text-xs font-semibold tracking-wider uppercase", children: "On this page:" }),
-              /* @__PURE__ */ e.jsx("span", { className: "truncate text-sm font-medium", children: x || "Overview" })
-            ] }),
-            /* @__PURE__ */ e.jsx(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "16",
-                height: "16",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                className: p("shrink-0 transition-transform duration-200", n && "rotate-180"),
-                children: /* @__PURE__ */ e.jsx("path", { d: "m6 9 6 6 6-6" })
-              }
-            )
-          ]
-        }
-      ),
-      n && /* @__PURE__ */ e.jsx("div", { className: "bg-background border-t px-4 pt-2 pb-6", children: /* @__PURE__ */ e.jsx("nav", { "aria-label": "Table of contents mobile", children: h }) })
-    ] }),
-    /* @__PURE__ */ e.jsx("nav", { className: p("hidden xl:block", c), "aria-label": "Table of contents", children: h })
-  ] });
+function c({ className: e }) {
+	let { headings: t, activeId: a, activeHeadingText: s } = o(), [c, l] = r.useState(!1);
+	if (r.useEffect(() => {
+		if (!c) return;
+		let e = () => {
+			l(!1);
+		};
+		return window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
+	}, [c]), t.length === 0) return null;
+	let u = Math.min(...t.map((e) => e.level)), d = /* @__PURE__ */ (0, i.jsx)("ul", {
+		className: "m-0 list-none text-sm",
+		children: t.map((e) => {
+			let t = a === e.id, r = `${(e.level - u) * 1}rem`;
+			return /* @__PURE__ */ (0, i.jsx)("li", {
+				className: "mt-0 pt-2",
+				children: /* @__PURE__ */ (0, i.jsx)("a", {
+					href: `#${e.id}`,
+					onClick: () => l(!1),
+					className: n("hover:text-foreground inline-block no-underline transition-colors", t ? "text-primary font-medium" : "text-muted-foreground"),
+					style: { paddingLeft: r },
+					children: e.text
+				})
+			}, e.id);
+		})
+	});
+	return /* @__PURE__ */ (0, i.jsxs)(i.Fragment, { children: [/* @__PURE__ */ (0, i.jsxs)("div", {
+		className: n("bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden", e),
+		children: [/* @__PURE__ */ (0, i.jsxs)("button", {
+			onClick: () => l(!c),
+			className: "flex w-full items-center justify-between px-4 py-3 text-left",
+			children: [/* @__PURE__ */ (0, i.jsxs)("div", {
+				className: "flex items-center gap-2 overflow-hidden",
+				children: [/* @__PURE__ */ (0, i.jsx)("span", {
+					className: "text-muted-foreground text-xs font-semibold tracking-wider uppercase",
+					children: "On this page:"
+				}), /* @__PURE__ */ (0, i.jsx)("span", {
+					className: "truncate text-sm font-medium",
+					children: s || "Overview"
+				})]
+			}), /* @__PURE__ */ (0, i.jsx)("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "16",
+				height: "16",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				className: n("shrink-0 transition-transform duration-200", c && "rotate-180"),
+				children: /* @__PURE__ */ (0, i.jsx)("path", { d: "m6 9 6 6 6-6" })
+			})]
+		}), c && /* @__PURE__ */ (0, i.jsx)("div", {
+			className: "bg-background border-t px-4 pt-2 pb-6",
+			children: /* @__PURE__ */ (0, i.jsx)("nav", {
+				"aria-label": "Table of contents mobile",
+				children: d
+			})
+		})]
+	}), /* @__PURE__ */ (0, i.jsx)("nav", {
+		className: n("hidden xl:block", e),
+		"aria-label": "Table of contents",
+		children: d
+	})] });
 }
-function C({ children: c, className: l }) {
-  const { registerHeadings: f, setActiveId: x, config: n } = b(), a = i.useRef(null);
-  return i.useEffect(() => {
-    const o = a.current;
-    if (!o)
-      return;
-    const h = () => {
-      const r = Array.from(o.querySelectorAll(n.selector || "h1, h2, h3, h4, h5, h6")).filter(
-        (s) => {
-          const v = parseInt(s.tagName.charAt(1), 10);
-          return v >= (n.minLevel ?? 1) && v <= (n.maxLevel ?? 4);
-        }
-      ), u = r.map((s) => (s.id || (s.id = k(s.textContent || "heading")), {
-        id: s.id,
-        text: s.textContent || "",
-        level: parseInt(s.tagName.charAt(1), 10)
-      }));
-      return f(u), r;
-    }, t = h(), d = new IntersectionObserver(
-      (r) => {
-        r.forEach((u) => {
-          u.isIntersecting && x(u.target.id);
-        });
-      },
-      {
-        rootMargin: "0px 0px -80% 0px",
-        threshold: 0.1
-      }
-    );
-    t.forEach((r) => d.observe(r));
-    const m = new MutationObserver(() => {
-      const r = h();
-      d.disconnect(), r.forEach((u) => d.observe(u));
-    });
-    return m.observe(o, {
-      childList: !0,
-      subtree: !0,
-      characterData: !0
-    }), () => {
-      d.disconnect(), m.disconnect();
-    };
-  }, [n.selector, n.minLevel, n.maxLevel, f, x]), /* @__PURE__ */ e.jsx("div", { ref: a, className: l, children: c });
+function l({ children: e, className: n }) {
+	let { registerHeadings: a, setActiveId: s, config: c } = o(), l = r.useRef(null);
+	return r.useEffect(() => {
+		let e = l.current;
+		if (!e) return;
+		let n = () => {
+			let n = Array.from(e.querySelectorAll(c.selector || "h1, h2, h3, h4, h5, h6")).filter((e) => {
+				let t = parseInt(e.tagName.charAt(1), 10);
+				return t >= (c.minLevel ?? 1) && t <= (c.maxLevel ?? 4);
+			});
+			return a(n.map((e) => (e.id ||= t(e.textContent || "heading"), {
+				id: e.id,
+				text: e.textContent || "",
+				level: parseInt(e.tagName.charAt(1), 10)
+			}))), n;
+		}, r = n(), i = new IntersectionObserver((e) => {
+			e.forEach((e) => {
+				e.isIntersecting && s(e.target.id);
+			});
+		}, {
+			rootMargin: "0px 0px -80% 0px",
+			threshold: .1
+		});
+		r.forEach((e) => i.observe(e));
+		let o = new MutationObserver(() => {
+			let e = n();
+			i.disconnect(), e.forEach((e) => i.observe(e));
+		});
+		return o.observe(e, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0
+		}), () => {
+			i.disconnect(), o.disconnect();
+		};
+	}, [
+		c.selector,
+		c.minLevel,
+		c.maxLevel,
+		a,
+		s
+	]), /* @__PURE__ */ (0, i.jsx)("div", {
+		ref: l,
+		className: n,
+		children: e
+	});
 }
-j.List = w;
-j.Content = C;
-export {
-  j as TableOfContents,
-  C as TableOfContentsContent,
-  w as TableOfContentsList
-};
-//# sourceMappingURL=table-of-contents.mjs.map
+s.List = c, s.Content = l;
+//#endregion
+export { s as TableOfContents, l as TableOfContentsContent, c as TableOfContentsList };
+
+//# sourceMappingURL=table-of-contents.mjs.map