@gv-tech/design-system 2.15.2 → 2.17.0

package/dist/slider.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { j as e, bx as s, by as l, bz as i, bA as n } from "./vendor-DxBXMLEx.mjs";
+import { j as e, bA as s, bB as l, bC as i, bD as n } from "./vendor-BQwS7aJt.mjs";
 import * as t from "react";
-import { c } from "./utils-Dk-Gx69q.mjs";
+import { c } from "./utils-Bgpn0CK0.mjs";
 const d = t.forwardRef(({ className: r, ...o }, a) => /* @__PURE__ */ e.jsxs(
   s,
   {
@@ -14,7 +14,7 @@ const d = t.forwardRef(({ className: r, ...o }, a) => /* @__PURE__ */ e.jsxs(
     ]
   }
 ));
-d.displayName = s.displayName;
+d.displayName = s?.displayName || "Slider";
 export {
   d as Slider
 };

package/dist/slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.mjs","sources":["../packages/ui-web/src/slider.tsx"],"sourcesContent":["'use client';\n\nimport * as SliderPrimitive from '@radix-ui/react-slider';\nimport * as React from 'react';\n\nimport { SliderBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & SliderBaseProps\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn('relative flex w-full touch-none items-center select-none', className)}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full\">\n      <SliderPrimitive.Range className=\"bg-primary absolute h-full\" />\n    </SliderPrimitive.Track>\n    <SliderPrimitive.Thumb className=\"border-primary/50 bg-background focus-visible:ring-ring block h-4 w-4 rounded-full border shadow transition-colors focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50\" />\n  </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root.displayName;\n\nexport { Slider };\nexport type { SliderBaseProps as SliderProps };\n"],"names":["Slider","React","className","props","ref","jsxs","SliderPrimitive.Root","cn","jsx","SliderPrimitive.Track","SliderPrimitive.Range","SliderPrimitive.Thumb"],"mappings":";;;;AAQA,MAAMA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,4DAA4DL,CAAS;AAAA,IAClF,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAAK,gBAAAA,EAAAA,IAACC,GAAA,EAAsB,WAAU,yEAC/B,UAAAD,gBAAAA,MAACE,GAAA,EAAsB,WAAU,6BAAA,CAA6B,EAAA,CAChE;AAAA,MACAF,gBAAAA,EAAAA,IAACG,GAAA,EAAsB,WAAU,sNAAA,CAAsN;AAAA,IAAA;AAAA,EAAA;AACzP,CACD;AACDX,EAAO,cAAcM,EAAqB;"}
+{"version":3,"file":"slider.mjs","sources":["../packages/ui-web/src/slider.tsx"],"sourcesContent":["'use client';\n\nimport * as SliderPrimitive from '@radix-ui/react-slider';\nimport * as React from 'react';\n\nimport { SliderBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & SliderBaseProps\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn('relative flex w-full touch-none items-center select-none', className)}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full\">\n      <SliderPrimitive.Range className=\"bg-primary absolute h-full\" />\n    </SliderPrimitive.Track>\n    <SliderPrimitive.Thumb className=\"border-primary/50 bg-background focus-visible:ring-ring block h-4 w-4 rounded-full border shadow transition-colors focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50\" />\n  </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root?.displayName || 'Slider';\n\nexport { Slider };\nexport type { SliderBaseProps as SliderProps };\n"],"names":["Slider","React","className","props","ref","jsxs","SliderPrimitive.Root","cn","jsx","SliderPrimitive.Track","SliderPrimitive.Range","SliderPrimitive.Thumb"],"mappings":";;;;AAQA,MAAMA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,4DAA4DL,CAAS;AAAA,IAClF,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAAK,gBAAAA,EAAAA,IAACC,GAAA,EAAsB,WAAU,yEAC/B,UAAAD,gBAAAA,MAACE,GAAA,EAAsB,WAAU,6BAAA,CAA6B,EAAA,CAChE;AAAA,MACAF,gBAAAA,EAAAA,IAACG,GAAA,EAAsB,WAAU,sNAAA,CAAsN;AAAA,IAAA;AAAA,EAAA;AACzP,CACD;AACDX,EAAO,cAAcM,GAAsB,eAAe;"}

package/dist/sonner.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-DQFuDa7q.js"),r=require("next-themes"),s=({...o})=>{const{theme:e="system"}=r.useTheme();return t.jsxRuntimeExports.jsx(t.Toaster,{theme:e,className:"toaster group",toastOptions:{classNames:{toast:"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",description:"group-[.toast]:text-muted-foreground",actionButton:"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",cancelButton:"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"}},...o})};exports.Toaster=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-B_07FHqh.js"),r=require("next-themes"),s=({...o})=>{const{theme:e="system"}=r.useTheme();return t.jsxRuntimeExports.jsx(t.Toaster,{theme:e,className:"toaster group",toastOptions:{classNames:{toast:"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",description:"group-[.toast]:text-muted-foreground",actionButton:"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",cancelButton:"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"}},...o})};exports.Toaster=s;
 //# sourceMappingURL=sonner.cjs.map

package/dist/sonner.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as r, bB as e } from "./vendor-DxBXMLEx.mjs";
+import { j as r, bE as e } from "./vendor-BQwS7aJt.mjs";
 import { useTheme as s } from "next-themes";
 const g = ({ ...t }) => {
   const { theme: o = "system" } = s();

package/dist/support-fab.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-B_07FHqh.js"),q=require("react"),P=require("./button.cjs"),a=require("./dialog.cjs"),c=require("./drawer.cjs"),x=require("./utils-CBWPs0D7.js");function z(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const o=z(q),g="(max-width: 767px)",w=t=>{const s=t.trim();return s.endsWith("/")?s.slice(0,-1):s},E=t=>t.trim().replace(/^@+/,""),I=(t,s)=>{const n=w(t),r=encodeURIComponent(E(s));return`${n}/${r}`},U=(t,s)=>{const n=w(t),r=encodeURIComponent(E(s));return`${n}/widget/page/${r}`},F=()=>{const t=()=>typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia(g).matches,[s,n]=o.useState(t);return o.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const r=window.matchMedia(g),l=u=>n(u.matches);return n(r.matches),r.addEventListener("change",l),()=>{r.removeEventListener("change",l)}},[]),s};function L({supportUrl:t="https://www.buymeacoffee.com",creatorId:s,title:n="Buy me a coffee",description:r="Support the project directly from this panel.",iframeTitle:l="Buy Me a Coffee support form",open:u,defaultOpen:R=!1,onOpenChange:p,positionClassName:y,buttonClassName:v,panelClassName:f,className:M,type:D,onClick:N,...C}){const O=F(),d=u!==void 0,[S,_]=o.useState(R),j=d?u:S,m=o.useCallback(i=>{d||_(i),p?.(i)},[d,p]),k=o.useMemo(()=>I(t,s),[s,t]),B=o.useMemo(()=>U(t,s),[s,t]),h=e.jsxRuntimeExports.jsxs("div",{className:"flex max-h-[75vh] flex-col gap-3",children:[e.jsxRuntimeExports.jsx("div",{className:"overflow-hidden rounded-md border",children:e.jsxRuntimeExports.jsx("iframe",{title:l,src:B,className:"h-[560px] w-full border-0",loading:"lazy",referrerPolicy:"strict-origin-when-cross-origin"})}),e.jsxRuntimeExports.jsxs("div",{className:"text-muted-foreground flex items-center justify-between gap-2 text-xs",children:[e.jsxRuntimeExports.jsx("span",{children:"If the embedded checkout is unavailable, open the support page directly."}),e.jsxRuntimeExports.jsxs("a",{href:k,target:"_blank",rel:"noopener noreferrer",className:"text-foreground inline-flex items-center gap-1 font-medium underline underline-offset-2",children:["Open Buy Me a Coffee",e.jsxRuntimeExports.jsx(e.ExternalLink,{className:"h-3.5 w-3.5"})]})]})]}),b=e.jsxRuntimeExports.jsx("div",{className:x.cn("fixed right-6 bottom-6 z-50",y),children:e.jsxRuntimeExports.jsxs(P.Button,{"aria-label":"Support this project",type:D??"button",className:x.cn("inline-flex h-14 w-14 rounded-full border border-black/15 bg-[#ffdd00] text-black shadow-[0_16px_36px_-18px_rgba(0,0,0,0.8)] transition hover:-translate-y-0.5 hover:scale-105 hover:bg-[#ffe347] focus-visible:ring-2 focus-visible:ring-offset-2 active:translate-y-0 active:scale-95",v,M),onClick:i=>{N?.(i),i.defaultPrevented||m(!0)},...C,children:[e.jsxRuntimeExports.jsx(e.Coffee,{className:"h-6 w-6"}),e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Support this project"})]})});return O?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[b,e.jsxRuntimeExports.jsx(c.Drawer,{open:j,onOpenChange:m,children:e.jsxRuntimeExports.jsxs(c.DrawerContent,{className:x.cn("mx-auto w-full max-w-xl",f),children:[e.jsxRuntimeExports.jsxs(c.DrawerHeader,{children:[e.jsxRuntimeExports.jsx(c.DrawerTitle,{children:n}),e.jsxRuntimeExports.jsx(c.DrawerDescription,{children:r})]}),e.jsxRuntimeExports.jsx("div",{className:"px-4 pb-4",children:h})]})})]}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[b,e.jsxRuntimeExports.jsx(a.Dialog,{open:j,onOpenChange:m,children:e.jsxRuntimeExports.jsxs(a.DialogContent,{className:x.cn("max-w-xl p-5",f),children:[e.jsxRuntimeExports.jsxs(a.DialogHeader,{children:[e.jsxRuntimeExports.jsx(a.DialogTitle,{children:n}),e.jsxRuntimeExports.jsx(a.DialogDescription,{children:r})]}),h]})})]})}exports.SupportFab=L;
+//# sourceMappingURL=support-fab.cjs.map

package/dist/support-fab.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"support-fab.cjs","sources":["../packages/ui-web/src/support-fab.tsx"],"sourcesContent":["'use client';\n\nimport { Coffee, ExternalLink } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from './button';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from './dialog';\nimport { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle } from './drawer';\nimport { cn } from './lib/utils';\n\nconst MOBILE_QUERY = '(max-width: 767px)';\n\nconst normalizeBaseUrl = (url: string) => {\n  const trimmed = url.trim();\n  return trimmed.endsWith('/') ? trimmed.slice(0, -1) : trimmed;\n};\n\nconst sanitizeCreator = (creatorId: string) => creatorId.trim().replace(/^@+/, '');\n\nconst buildPageUrl = (supportUrl: string, creatorId: string) => {\n  const base = normalizeBaseUrl(supportUrl);\n  const creator = encodeURIComponent(sanitizeCreator(creatorId));\n  return `${base}/${creator}`;\n};\n\nconst buildEmbedUrl = (supportUrl: string, creatorId: string) => {\n  const base = normalizeBaseUrl(supportUrl);\n  const creator = encodeURIComponent(sanitizeCreator(creatorId));\n  return `${base}/widget/page/${creator}`;\n};\n\nconst useIsMobile = () => {\n  const getInitial = () => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return false;\n    }\n    return window.matchMedia(MOBILE_QUERY).matches;\n  };\n\n  const [isMobile, setIsMobile] = React.useState(getInitial);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia(MOBILE_QUERY);\n    const onChange = (event: MediaQueryListEvent) => setIsMobile(event.matches);\n\n    setIsMobile(mediaQuery.matches);\n    mediaQuery.addEventListener('change', onChange);\n\n    return () => {\n      mediaQuery.removeEventListener('change', onChange);\n    };\n  }, []);\n\n  return isMobile;\n};\n\nexport interface SupportFabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  supportUrl?: string;\n  creatorId: string;\n  title?: string;\n  description?: string;\n  iframeTitle?: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  positionClassName?: string;\n  buttonClassName?: string;\n  panelClassName?: string;\n}\n\nexport function SupportFab({\n  supportUrl = 'https://www.buymeacoffee.com',\n  creatorId,\n  title = 'Buy me a coffee',\n  description = 'Support the project directly from this panel.',\n  iframeTitle = 'Buy Me a Coffee support form',\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  positionClassName,\n  buttonClassName,\n  panelClassName,\n  className,\n  type,\n  onClick,\n  ...buttonProps\n}: SupportFabProps) {\n  const isMobile = useIsMobile();\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isOpen = isControlled ? open : internalOpen;\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen);\n      }\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const pageUrl = React.useMemo(() => buildPageUrl(supportUrl, creatorId), [creatorId, supportUrl]);\n  const embedUrl = React.useMemo(() => buildEmbedUrl(supportUrl, creatorId), [creatorId, supportUrl]);\n\n  const panelBody = (\n    <div className=\"flex max-h-[75vh] flex-col gap-3\">\n      <div className=\"overflow-hidden rounded-md border\">\n        <iframe\n          title={iframeTitle}\n          src={embedUrl}\n          className=\"h-[560px] w-full border-0\"\n          loading=\"lazy\"\n          referrerPolicy=\"strict-origin-when-cross-origin\"\n        />\n      </div>\n      <div className=\"text-muted-foreground flex items-center justify-between gap-2 text-xs\">\n        <span>If the embedded checkout is unavailable, open the support page directly.</span>\n        <a\n          href={pageUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-foreground inline-flex items-center gap-1 font-medium underline underline-offset-2\"\n        >\n          Open Buy Me a Coffee\n          <ExternalLink className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n    </div>\n  );\n\n  const trigger = (\n    <div className={cn('fixed right-6 bottom-6 z-50', positionClassName)}>\n      <Button\n        aria-label=\"Support this project\"\n        type={type ?? 'button'}\n        className={cn(\n          'inline-flex h-14 w-14 rounded-full border border-black/15 bg-[#ffdd00] text-black shadow-[0_16px_36px_-18px_rgba(0,0,0,0.8)] transition hover:-translate-y-0.5 hover:scale-105 hover:bg-[#ffe347] focus-visible:ring-2 focus-visible:ring-offset-2 active:translate-y-0 active:scale-95',\n          buttonClassName,\n          className,\n        )}\n        onClick={(event) => {\n          onClick?.(event);\n          if (!event.defaultPrevented) {\n            setOpen(true);\n          }\n        }}\n        {...buttonProps}\n      >\n        <Coffee className=\"h-6 w-6\" />\n        <span className=\"sr-only\">Support this project</span>\n      </Button>\n    </div>\n  );\n\n  if (isMobile) {\n    return (\n      <>\n        {trigger}\n        <Drawer open={isOpen} onOpenChange={setOpen}>\n          <DrawerContent className={cn('mx-auto w-full max-w-xl', panelClassName)}>\n            <DrawerHeader>\n              <DrawerTitle>{title}</DrawerTitle>\n              <DrawerDescription>{description}</DrawerDescription>\n            </DrawerHeader>\n            <div className=\"px-4 pb-4\">{panelBody}</div>\n          </DrawerContent>\n        </Drawer>\n      </>\n    );\n  }\n\n  return (\n    <>\n      {trigger}\n      <Dialog open={isOpen} onOpenChange={setOpen}>\n        <DialogContent className={cn('max-w-xl p-5', panelClassName)}>\n          <DialogHeader>\n            <DialogTitle>{title}</DialogTitle>\n            <DialogDescription>{description}</DialogDescription>\n          </DialogHeader>\n          {panelBody}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["MOBILE_QUERY","normalizeBaseUrl","url","trimmed","sanitizeCreator","creatorId","buildPageUrl","supportUrl","base","creator","buildEmbedUrl","useIsMobile","getInitial","isMobile","setIsMobile","React","mediaQuery","onChange","event","SupportFab","title","description","iframeTitle","open","defaultOpen","onOpenChange","positionClassName","buttonClassName","panelClassName","className","type","onClick","buttonProps","isControlled","internalOpen","setInternalOpen","isOpen","setOpen","nextOpen","pageUrl","embedUrl","panelBody","jsxs","jsx","ExternalLink","trigger","cn","Button","Coffee","Fragment","Drawer","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription"],"mappings":"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"}

package/dist/support-fab.d.ts

@@ -0,0 +1,20 @@
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare function SupportFab({ supportUrl, creatorId, title, description, iframeTitle, open, defaultOpen, onOpenChange, positionClassName, buttonClassName, panelClassName, className, type, onClick, ...buttonProps }: SupportFabProps): JSX.Element;
+
+export declare interface SupportFabProps extends Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    supportUrl?: string;
+    creatorId: string;
+    title?: string;
+    description?: string;
+    iframeTitle?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    positionClassName?: string;
+    buttonClassName?: string;
+    panelClassName?: string;
+}
+
+export { }

package/dist/support-fab.mjs

@@ -0,0 +1,120 @@
+"use client";
+import { j as e, bh as _, bi as I } from "./vendor-BQwS7aJt.mjs";
+import * as o from "react";
+import { Button as R } from "./button.mjs";
+import { Dialog as U, DialogContent as z, DialogHeader as L, DialogTitle as $, DialogDescription as F } from "./dialog.mjs";
+import { Drawer as P, DrawerContent as H, DrawerHeader as Q, DrawerTitle as T, DrawerDescription as W } from "./drawer.mjs";
+import { c as l } from "./utils-Bgpn0CK0.mjs";
+const b = "(max-width: 767px)", g = (n) => {
+  const t = n.trim();
+  return t.endsWith("/") ? t.slice(0, -1) : t;
+}, w = (n) => n.trim().replace(/^@+/, ""), Y = (n, t) => {
+  const s = g(n), r = encodeURIComponent(w(t));
+  return `${s}/${r}`;
+}, q = (n, t) => {
+  const s = g(n), r = encodeURIComponent(w(t));
+  return `${s}/widget/page/${r}`;
+}, A = () => {
+  const n = () => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(b).matches, [t, s] = o.useState(n);
+  return o.useEffect(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function")
+      return;
+    const r = window.matchMedia(b), a = (c) => s(c.matches);
+    return s(r.matches), r.addEventListener("change", a), () => {
+      r.removeEventListener("change", a);
+    };
+  }, []), t;
+};
+function Z({
+  supportUrl: n = "https://www.buymeacoffee.com",
+  creatorId: t,
+  title: s = "Buy me a coffee",
+  description: r = "Support the project directly from this panel.",
+  iframeTitle: a = "Buy Me a Coffee support form",
+  open: c,
+  defaultOpen: j = !1,
+  onOpenChange: m,
+  positionClassName: v,
+  buttonClassName: y,
+  panelClassName: h,
+  className: M,
+  type: C,
+  onClick: D,
+  ...N
+}) {
+  const E = A(), d = c !== void 0, [k, B] = o.useState(j), u = d ? c : k, f = o.useCallback(
+    (i) => {
+      d || B(i), m?.(i);
+    },
+    [d, m]
+  ), O = o.useMemo(() => Y(n, t), [t, n]), S = o.useMemo(() => q(n, t), [t, n]), p = /* @__PURE__ */ e.jsxs("div", { className: "flex max-h-[75vh] flex-col gap-3", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "overflow-hidden rounded-md border", children: /* @__PURE__ */ e.jsx(
+      "iframe",
+      {
+        title: a,
+        src: S,
+        className: "h-[560px] w-full border-0",
+        loading: "lazy",
+        referrerPolicy: "strict-origin-when-cross-origin"
+      }
+    ) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "text-muted-foreground flex items-center justify-between gap-2 text-xs", children: [
+      /* @__PURE__ */ e.jsx("span", { children: "If the embedded checkout is unavailable, open the support page directly." }),
+      /* @__PURE__ */ e.jsxs(
+        "a",
+        {
+          href: O,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-foreground inline-flex items-center gap-1 font-medium underline underline-offset-2",
+          children: [
+            "Open Buy Me a Coffee",
+            /* @__PURE__ */ e.jsx(I, { className: "h-3.5 w-3.5" })
+          ]
+        }
+      )
+    ] })
+  ] }), x = /* @__PURE__ */ e.jsx("div", { className: l("fixed right-6 bottom-6 z-50", v), children: /* @__PURE__ */ e.jsxs(
+    R,
+    {
+      "aria-label": "Support this project",
+      type: C ?? "button",
+      className: l(
+        "inline-flex h-14 w-14 rounded-full border border-black/15 bg-[#ffdd00] text-black shadow-[0_16px_36px_-18px_rgba(0,0,0,0.8)] transition hover:-translate-y-0.5 hover:scale-105 hover:bg-[#ffe347] focus-visible:ring-2 focus-visible:ring-offset-2 active:translate-y-0 active:scale-95",
+        y,
+        M
+      ),
+      onClick: (i) => {
+        D?.(i), i.defaultPrevented || f(!0);
+      },
+      ...N,
+      children: [
+        /* @__PURE__ */ e.jsx(_, { className: "h-6 w-6" }),
+        /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Support this project" })
+      ]
+    }
+  ) });
+  return E ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    x,
+    /* @__PURE__ */ e.jsx(P, { open: u, onOpenChange: f, children: /* @__PURE__ */ e.jsxs(H, { className: l("mx-auto w-full max-w-xl", h), children: [
+      /* @__PURE__ */ e.jsxs(Q, { children: [
+        /* @__PURE__ */ e.jsx(T, { children: s }),
+        /* @__PURE__ */ e.jsx(W, { children: r })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "px-4 pb-4", children: p })
+    ] }) })
+  ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    x,
+    /* @__PURE__ */ e.jsx(U, { open: u, onOpenChange: f, children: /* @__PURE__ */ e.jsxs(z, { className: l("max-w-xl p-5", h), children: [
+      /* @__PURE__ */ e.jsxs(L, { children: [
+        /* @__PURE__ */ e.jsx($, { children: s }),
+        /* @__PURE__ */ e.jsx(F, { children: r })
+      ] }),
+      p
+    ] }) })
+  ] });
+}
+export {
+  Z as SupportFab
+};
+//# sourceMappingURL=support-fab.mjs.map

package/dist/support-fab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"support-fab.mjs","sources":["../packages/ui-web/src/support-fab.tsx"],"sourcesContent":["'use client';\n\nimport { Coffee, ExternalLink } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from './button';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from './dialog';\nimport { Drawer, DrawerContent, DrawerDescription, DrawerHeader, DrawerTitle } from './drawer';\nimport { cn } from './lib/utils';\n\nconst MOBILE_QUERY = '(max-width: 767px)';\n\nconst normalizeBaseUrl = (url: string) => {\n  const trimmed = url.trim();\n  return trimmed.endsWith('/') ? trimmed.slice(0, -1) : trimmed;\n};\n\nconst sanitizeCreator = (creatorId: string) => creatorId.trim().replace(/^@+/, '');\n\nconst buildPageUrl = (supportUrl: string, creatorId: string) => {\n  const base = normalizeBaseUrl(supportUrl);\n  const creator = encodeURIComponent(sanitizeCreator(creatorId));\n  return `${base}/${creator}`;\n};\n\nconst buildEmbedUrl = (supportUrl: string, creatorId: string) => {\n  const base = normalizeBaseUrl(supportUrl);\n  const creator = encodeURIComponent(sanitizeCreator(creatorId));\n  return `${base}/widget/page/${creator}`;\n};\n\nconst useIsMobile = () => {\n  const getInitial = () => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return false;\n    }\n    return window.matchMedia(MOBILE_QUERY).matches;\n  };\n\n  const [isMobile, setIsMobile] = React.useState(getInitial);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia(MOBILE_QUERY);\n    const onChange = (event: MediaQueryListEvent) => setIsMobile(event.matches);\n\n    setIsMobile(mediaQuery.matches);\n    mediaQuery.addEventListener('change', onChange);\n\n    return () => {\n      mediaQuery.removeEventListener('change', onChange);\n    };\n  }, []);\n\n  return isMobile;\n};\n\nexport interface SupportFabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  supportUrl?: string;\n  creatorId: string;\n  title?: string;\n  description?: string;\n  iframeTitle?: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  positionClassName?: string;\n  buttonClassName?: string;\n  panelClassName?: string;\n}\n\nexport function SupportFab({\n  supportUrl = 'https://www.buymeacoffee.com',\n  creatorId,\n  title = 'Buy me a coffee',\n  description = 'Support the project directly from this panel.',\n  iframeTitle = 'Buy Me a Coffee support form',\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  positionClassName,\n  buttonClassName,\n  panelClassName,\n  className,\n  type,\n  onClick,\n  ...buttonProps\n}: SupportFabProps) {\n  const isMobile = useIsMobile();\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isOpen = isControlled ? open : internalOpen;\n\n  const setOpen = React.useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen);\n      }\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const pageUrl = React.useMemo(() => buildPageUrl(supportUrl, creatorId), [creatorId, supportUrl]);\n  const embedUrl = React.useMemo(() => buildEmbedUrl(supportUrl, creatorId), [creatorId, supportUrl]);\n\n  const panelBody = (\n    <div className=\"flex max-h-[75vh] flex-col gap-3\">\n      <div className=\"overflow-hidden rounded-md border\">\n        <iframe\n          title={iframeTitle}\n          src={embedUrl}\n          className=\"h-[560px] w-full border-0\"\n          loading=\"lazy\"\n          referrerPolicy=\"strict-origin-when-cross-origin\"\n        />\n      </div>\n      <div className=\"text-muted-foreground flex items-center justify-between gap-2 text-xs\">\n        <span>If the embedded checkout is unavailable, open the support page directly.</span>\n        <a\n          href={pageUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-foreground inline-flex items-center gap-1 font-medium underline underline-offset-2\"\n        >\n          Open Buy Me a Coffee\n          <ExternalLink className=\"h-3.5 w-3.5\" />\n        </a>\n      </div>\n    </div>\n  );\n\n  const trigger = (\n    <div className={cn('fixed right-6 bottom-6 z-50', positionClassName)}>\n      <Button\n        aria-label=\"Support this project\"\n        type={type ?? 'button'}\n        className={cn(\n          'inline-flex h-14 w-14 rounded-full border border-black/15 bg-[#ffdd00] text-black shadow-[0_16px_36px_-18px_rgba(0,0,0,0.8)] transition hover:-translate-y-0.5 hover:scale-105 hover:bg-[#ffe347] focus-visible:ring-2 focus-visible:ring-offset-2 active:translate-y-0 active:scale-95',\n          buttonClassName,\n          className,\n        )}\n        onClick={(event) => {\n          onClick?.(event);\n          if (!event.defaultPrevented) {\n            setOpen(true);\n          }\n        }}\n        {...buttonProps}\n      >\n        <Coffee className=\"h-6 w-6\" />\n        <span className=\"sr-only\">Support this project</span>\n      </Button>\n    </div>\n  );\n\n  if (isMobile) {\n    return (\n      <>\n        {trigger}\n        <Drawer open={isOpen} onOpenChange={setOpen}>\n          <DrawerContent className={cn('mx-auto w-full max-w-xl', panelClassName)}>\n            <DrawerHeader>\n              <DrawerTitle>{title}</DrawerTitle>\n              <DrawerDescription>{description}</DrawerDescription>\n            </DrawerHeader>\n            <div className=\"px-4 pb-4\">{panelBody}</div>\n          </DrawerContent>\n        </Drawer>\n      </>\n    );\n  }\n\n  return (\n    <>\n      {trigger}\n      <Dialog open={isOpen} onOpenChange={setOpen}>\n        <DialogContent className={cn('max-w-xl p-5', panelClassName)}>\n          <DialogHeader>\n            <DialogTitle>{title}</DialogTitle>\n            <DialogDescription>{description}</DialogDescription>\n          </DialogHeader>\n          {panelBody}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"names":["MOBILE_QUERY","normalizeBaseUrl","url","trimmed","sanitizeCreator","creatorId","buildPageUrl","supportUrl","base","creator","buildEmbedUrl","useIsMobile","getInitial","isMobile","setIsMobile","React","mediaQuery","onChange","event","SupportFab","title","description","iframeTitle","open","defaultOpen","onOpenChange","positionClassName","buttonClassName","panelClassName","className","type","onClick","buttonProps","isControlled","internalOpen","setInternalOpen","isOpen","setOpen","nextOpen","pageUrl","embedUrl","panelBody","jsxs","jsx","ExternalLink","trigger","cn","Button","Coffee","Fragment","Drawer","DrawerContent","DrawerHeader","DrawerTitle","DrawerDescription","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription"],"mappings":"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"}

package/dist/switch.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-DQFuDa7q.js"),a=require("react"),s=require("./utils-DKStzUzN.js");function c(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const l=c(a),i=l.forwardRef(({className:e,...r},t)=>n.jsxRuntimeExports.jsx(n.Root$9,{className:s.cn("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",e),...r,ref:t,children:n.jsxRuntimeExports.jsx(n.Thumb$1,{className:s.cn("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")})}));i.displayName=n.Root$9.displayName;exports.Switch=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./vendor-B_07FHqh.js"),a=require("react"),s=require("./utils-CBWPs0D7.js");function c(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const l=c(a),i=l.forwardRef(({className:e,...r},t)=>n.jsxRuntimeExports.jsx(n.Root$9,{className:s.cn("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",e),...r,ref:t,children:n.jsxRuntimeExports.jsx(n.Thumb$1,{className:s.cn("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")})}));i.displayName=n.Root$9?.displayName||"Switch";exports.Switch=i;
 //# sourceMappingURL=switch.cjs.map

package/dist/switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch.cjs","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;\n\nexport { Switch };\nexport type { SwitchBaseProps as SwitchProps };\n"],"names":["Switch","React","className","props","ref","jsx","SwitchPrimitives.Root","cn","SwitchPrimitives.Thumb"],"mappings":"mdAQMA,EAASC,EAAM,WAGnB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,UAAWC,EAAAA,GACT,8XACAL,CAAA,EAED,GAAGC,EACJ,IAAAC,EAEA,SAAAC,EAAAA,kBAAAA,IAACG,EAAAA,QAAA,CACC,UAAWD,EAAAA,GACT,4KAAA,CACF,CAAA,CACF,CACF,CACD,EACDP,EAAO,YAAcM,EAAAA,OAAsB"}
+{"version":3,"file":"switch.cjs","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":"mdAQMA,EAASC,EAAM,WAGnB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,UAAWC,EAAAA,GACT,8XACAL,CAAA,EAED,GAAGC,EACJ,IAAAC,EAEA,SAAAC,EAAAA,kBAAAA,IAACG,EAAAA,QAAA,CACC,UAAWD,EAAAA,GACT,4KAAA,CACF,CAAA,CACF,CACF,CACD,EACDP,EAAO,YAAcM,UAAuB,aAAe"}

package/dist/switch.mjs

@@ -1,15 +1,15 @@
 "use client";
-import { j as e, bC as a, bD as i } from "./vendor-DxBXMLEx.mjs";
+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-Dk-Gx69q.mjs";
-const c = n.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ e.jsx(
-  a,
+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",
-      r
+      a
     ),
-    ...t,
+    ...r,
     ref: o,
     children: /* @__PURE__ */ e.jsx(
       i,
@@ -21,7 +21,7 @@ const c = n.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ e.jsx(
     )
   }
 ));
-c.displayName = a.displayName;
+c.displayName = t?.displayName || "Switch";
 export {
   c as Switch
 };

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;\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,EAAsB;"}
+{"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;"}

package/dist/table-of-contents.cjs

@@ -0,0 +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

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,68 @@
+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 { }

package/dist/table-of-contents.mjs

@@ -0,0 +1,161 @@
+"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;
+}
+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 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({ 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 });
+}
+j.List = w;
+j.Content = C;
+export {
+  j as TableOfContents,
+  C as TableOfContentsContent,
+  w as TableOfContentsList
+};
+//# sourceMappingURL=table-of-contents.mjs.map