@gv-tech/ui-web 2.21.0 → 2.22.0

package/dist/support-fab.mjs

@@ -1,84 +1,84 @@
 "use client";
 "use client";
-import { t as e } from "./jsx-runtime-CW53Uo-e.mjs";
-import { t } from "./utils-yc5uc46c.mjs";
-import { Button as n } from "./button.mjs";
-import { Dialog as r, DialogContent as i, DialogDescription as a, DialogHeader as o, DialogTitle as s } from "./dialog.mjs";
-import { Drawer as c, DrawerContent as l, DrawerDescription as u, DrawerHeader as d, DrawerTitle as f } from "./drawer.mjs";
-import * as p from "react";
-import { Coffee as m, ExternalLink as h } from "lucide-react";
+import { t as e } from "./utils-A_oVsYw5.mjs";
+import { Button as t } from "./button.mjs";
+import { Dialog as n, DialogContent as r, DialogDescription as i, DialogHeader as a, DialogTitle as o } from "./dialog.mjs";
+import { Drawer as s, DrawerContent as c, DrawerDescription as l, DrawerHeader as u, DrawerTitle as d } from "./drawer.mjs";
+import * as f from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Coffee as g, ExternalLink as _ } from "lucide-react";
 //#region src/support-fab.tsx
-var g = e(), _ = "(max-width: 767px)", v = (e) => {
+var v = "(max-width: 767px)", y = (e) => {
 	let t = e.trim();
 	return t.endsWith("/") ? t.slice(0, -1) : t;
-}, y = (e) => e.trim().replace(/^@+/, ""), b = (e, t) => `${v(e)}/${encodeURIComponent(y(t))}`, x = (e, t) => `${v(e)}/widget/page/${encodeURIComponent(y(t))}`, S = () => {
-	let [e, t] = p.useState(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(_).matches);
-	return p.useEffect(() => {
+}, b = (e) => e.trim().replace(/^@+/, ""), x = (e, t) => `${y(e)}/${encodeURIComponent(b(t))}`, S = (e, t) => `${y(e)}/widget/page/${encodeURIComponent(b(t))}`, C = () => {
+	let [e, t] = f.useState(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(v).matches);
+	return f.useEffect(() => {
 		if (typeof window > "u" || typeof window.matchMedia != "function") return;
-		let e = window.matchMedia(_), n = (e) => t(e.matches);
+		let e = window.matchMedia(v), n = (e) => t(e.matches);
 		return t(e.matches), e.addEventListener("change", n), () => {
 			e.removeEventListener("change", n);
 		};
 	}, []), e;
 };
-function C({ supportUrl: e = "https://www.buymeacoffee.com", creatorId: _, title: v = "Buy me a coffee", description: y = "Support the project directly from this panel.", iframeTitle: C = "Buy Me a Coffee support form", open: w, defaultOpen: T = !1, onOpenChange: E, positionClassName: D, buttonClassName: O, panelClassName: k, className: A, type: j, onClick: M, ...N }) {
-	let P = S(), F = w !== void 0, [I, L] = p.useState(T), R = F ? w : I, z = p.useCallback((e) => {
-		F || L(e), E?.(e);
-	}, [F, E]), B = p.useMemo(() => b(e, _), [_, e]), V = /* @__PURE__ */ (0, g.jsxs)("div", {
+function w({ supportUrl: v = "https://www.buymeacoffee.com", creatorId: y, title: b = "Buy me a coffee", description: w = "Support the project directly from this panel.", iframeTitle: T = "Buy Me a Coffee support form", open: E, defaultOpen: D = !1, onOpenChange: O, positionClassName: k, buttonClassName: A, panelClassName: j, className: M, type: N, onClick: P, ...F }) {
+	let I = C(), L = E !== void 0, [R, z] = f.useState(D), B = L ? E : R, V = f.useCallback((e) => {
+		L || z(e), O?.(e);
+	}, [L, O]), H = f.useMemo(() => x(v, y), [y, v]), U = /* @__PURE__ */ h("div", {
 		className: "flex max-h-[75vh] flex-col gap-3",
-		children: [/* @__PURE__ */ (0, g.jsx)("div", {
+		children: [/* @__PURE__ */ m("div", {
 			className: "overflow-hidden rounded-md border",
-			children: /* @__PURE__ */ (0, g.jsx)("iframe", {
-				title: C,
-				src: p.useMemo(() => x(e, _), [_, e]),
+			children: /* @__PURE__ */ m("iframe", {
+				title: T,
+				src: f.useMemo(() => S(v, y), [y, v]),
 				className: "h-[560px] w-full border-0",
 				loading: "lazy",
 				referrerPolicy: "strict-origin-when-cross-origin"
 			})
-		}), /* @__PURE__ */ (0, g.jsxs)("div", {
+		}), /* @__PURE__ */ h("div", {
 			className: "text-muted-foreground flex items-center justify-between gap-2 text-xs",
-			children: [/* @__PURE__ */ (0, g.jsx)("span", { children: "If the embedded checkout is unavailable, open the support page directly." }), /* @__PURE__ */ (0, g.jsxs)("a", {
-				href: B,
+			children: [/* @__PURE__ */ m("span", { children: "If the embedded checkout is unavailable, open the support page directly." }), /* @__PURE__ */ h("a", {
+				href: H,
 				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__ */ (0, g.jsx)(h, { className: "h-3.5 w-3.5" })]
+				children: ["Open Buy Me a Coffee", /* @__PURE__ */ m(_, { className: "h-3.5 w-3.5" })]
 			})]
 		})]
-	}), H = /* @__PURE__ */ (0, g.jsx)("div", {
-		className: t("fixed right-6 bottom-6 z-50", D),
-		children: /* @__PURE__ */ (0, g.jsxs)(n, {
+	}), W = /* @__PURE__ */ m("div", {
+		className: e("fixed right-6 bottom-6 z-50", k),
+		children: /* @__PURE__ */ h(t, {
 			"aria-label": "Support this project",
-			type: j ?? "button",
-			className: t("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", O, A),
+			type: N ?? "button",
+			className: e("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", A, M),
 			onClick: (e) => {
-				M?.(e), e.defaultPrevented || z(!0);
+				P?.(e), e.defaultPrevented || V(!0);
 			},
-			...N,
-			children: [/* @__PURE__ */ (0, g.jsx)(m, { className: "h-6 w-6" }), /* @__PURE__ */ (0, g.jsx)("span", {
+			...F,
+			children: [/* @__PURE__ */ m(g, { className: "h-6 w-6" }), /* @__PURE__ */ m("span", {
 				className: "sr-only",
 				children: "Support this project"
 			})]
 		})
 	});
-	return P ? /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [H, /* @__PURE__ */ (0, g.jsx)(c, {
-		open: R,
-		onOpenChange: z,
-		children: /* @__PURE__ */ (0, g.jsxs)(l, {
-			className: t("mx-auto w-full max-w-xl", k),
-			children: [/* @__PURE__ */ (0, g.jsxs)(d, { children: [/* @__PURE__ */ (0, g.jsx)(f, { children: v }), /* @__PURE__ */ (0, g.jsx)(u, { children: y })] }), /* @__PURE__ */ (0, g.jsx)("div", {
+	return I ? /* @__PURE__ */ h(p, { children: [W, /* @__PURE__ */ m(s, {
+		open: B,
+		onOpenChange: V,
+		children: /* @__PURE__ */ h(c, {
+			className: e("mx-auto w-full max-w-xl", j),
+			children: [/* @__PURE__ */ h(u, { children: [/* @__PURE__ */ m(d, { children: b }), /* @__PURE__ */ m(l, { children: w })] }), /* @__PURE__ */ m("div", {
 				className: "px-4 pb-4",
-				children: V
+				children: U
 			})]
 		})
-	})] }) : /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [H, /* @__PURE__ */ (0, g.jsx)(r, {
-		open: R,
-		onOpenChange: z,
-		children: /* @__PURE__ */ (0, g.jsxs)(i, {
-			className: t("max-w-xl p-5", k),
-			children: [/* @__PURE__ */ (0, g.jsxs)(o, { children: [/* @__PURE__ */ (0, g.jsx)(s, { children: v }), /* @__PURE__ */ (0, g.jsx)(a, { children: y })] }), V]
+	})] }) : /* @__PURE__ */ h(p, { children: [W, /* @__PURE__ */ m(n, {
+		open: B,
+		onOpenChange: V,
+		children: /* @__PURE__ */ h(r, {
+			className: e("max-w-xl p-5", j),
+			children: [/* @__PURE__ */ h(a, { children: [/* @__PURE__ */ m(o, { children: b }), /* @__PURE__ */ m(i, { children: w })] }), U]
 		})
 	})] });
 }
 //#endregion
-export { C as SupportFab };
+export { w as SupportFab };

package/dist/support-fab.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=support-fab.test.d.ts.map

package/dist/support-fab.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"support-fab.test.d.ts","sourceRoot":"","sources":["../src/support-fab.test.tsx"],"names":[],"mappings":""}

package/dist/switch-DENAxyga.js

@@ -0,0 +1 @@
+const e=require("./chunk-mLOUI7ql.js"),t=require("./utils-ChMUqofy.js"),n=require("./dist-CSkpam6a.js"),r=require("./dist-BTPL2C0R.js"),i=require("./dist-Dw6-GQAn.js"),a=require("./dist-DynSBUGq.js"),o=require("./dist-Cb7OVHcJ.js"),s=require("./dist-Ccv5O-Vw.js");let c=require("react"),l=e.r(c,1);c=e.r(c);let u=require("react/jsx-runtime");var d=`Switch`,[f,p]=n.n(d),[m,h]=f(d),g=l.forwardRef((e,t)=>{let{__scopeSwitch:n,name:o,checked:s,defaultChecked:c,required:f,disabled:p,value:h=`on`,onCheckedChange:g,form:_,...v}=e,[y,S]=l.useState(null),C=r.n(t,e=>S(e)),w=l.useRef(!1),T=y?_||!!y.closest(`form`):!0,[E,D]=a.t({prop:s,defaultProp:c??!1,onChange:g,caller:d});return(0,u.jsxs)(m,{scope:n,checked:E,disabled:p,children:[(0,u.jsx)(i.t.button,{type:`button`,role:`switch`,"aria-checked":E,"aria-required":f,"data-state":x(E),"data-disabled":p?``:void 0,disabled:p,value:h,...v,ref:C,onClick:i.r(e.onClick,e=>{D(e=>!e),T&&(w.current=e.isPropagationStopped(),w.current||e.stopPropagation())})}),T&&(0,u.jsx)(b,{control:y,bubbles:!w.current,name:o,value:h,checked:E,required:f,disabled:p,form:_,style:{transform:`translateX(-100%)`}})]})});g.displayName=d;var _=`SwitchThumb`,v=l.forwardRef((e,t)=>{let{__scopeSwitch:n,...r}=e,a=h(_,n);return(0,u.jsx)(i.t.span,{"data-state":x(a.checked),"data-disabled":a.disabled?``:void 0,...r,ref:t})});v.displayName=_;var y=`SwitchBubbleInput`,b=l.forwardRef(({__scopeSwitch:e,control:t,checked:n,bubbles:i=!0,...a},c)=>{let d=l.useRef(null),f=r.n(d,c),p=o.t(n),m=s.t(t);return l.useEffect(()=>{let e=d.current;if(!e)return;let t=window.HTMLInputElement.prototype,r=Object.getOwnPropertyDescriptor(t,`checked`).set;if(p!==n&&r){let t=new Event(`click`,{bubbles:i});r.call(e,n),e.dispatchEvent(t)}},[p,n,i]),(0,u.jsx)(`input`,{type:`checkbox`,"aria-hidden":!0,defaultChecked:n,...a,tabIndex:-1,ref:f,style:{...a.style,...m,position:`absolute`,pointerEvents:`none`,opacity:0,margin:0}})});b.displayName=y;function x(e){return e?`checked`:`unchecked`}var S=g,C=v,w=c.forwardRef(({className:e,...n},r)=>(0,u.jsx)(S,{className:t.t(`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),...n,ref:r,children:(0,u.jsx)(C,{className:t.t(`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`)})}));w.displayName=S?.displayName||`Switch`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return w}});

package/dist/switch-DbsdyQVg.mjs

@@ -0,0 +1,103 @@
+import { t as e } from "./utils-A_oVsYw5.mjs";
+import { n as t } from "./dist-Bm8Cuttq.mjs";
+import { n } from "./dist-DAe-fOIM.mjs";
+import { r, t as i } from "./dist-BjEG16aJ.mjs";
+import { t as a } from "./dist-DuTFGM_g.mjs";
+import { t as o } from "./dist-xgVOvcNx.mjs";
+import { t as s } from "./dist-N3JLy7yk.mjs";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@radix-ui+react-switch@1.2.6+2d3f272c3a65784a/node_modules/@radix-ui/react-switch/dist/index.mjs
+var d = "Switch", [f, p] = t(d), [m, h] = f(d), g = c.forwardRef((e, t) => {
+	let { __scopeSwitch: o, name: s, checked: f, defaultChecked: p, required: h, disabled: g, value: _ = "on", onCheckedChange: v, form: y, ...S } = e, [C, w] = c.useState(null), T = n(t, (e) => w(e)), E = c.useRef(!1), D = C ? y || !!C.closest("form") : !0, [O, k] = a({
+		prop: f,
+		defaultProp: p ?? !1,
+		onChange: v,
+		caller: d
+	});
+	return /* @__PURE__ */ u(m, {
+		scope: o,
+		checked: O,
+		disabled: g,
+		children: [/* @__PURE__ */ l(i.button, {
+			type: "button",
+			role: "switch",
+			"aria-checked": O,
+			"aria-required": h,
+			"data-state": x(O),
+			"data-disabled": g ? "" : void 0,
+			disabled: g,
+			value: _,
+			...S,
+			ref: T,
+			onClick: r(e.onClick, (e) => {
+				k((e) => !e), D && (E.current = e.isPropagationStopped(), E.current || e.stopPropagation());
+			})
+		}), D && /* @__PURE__ */ l(b, {
+			control: C,
+			bubbles: !E.current,
+			name: s,
+			value: _,
+			checked: O,
+			required: h,
+			disabled: g,
+			form: y,
+			style: { transform: "translateX(-100%)" }
+		})]
+	});
+});
+g.displayName = d;
+var _ = "SwitchThumb", v = c.forwardRef((e, t) => {
+	let { __scopeSwitch: n, ...r } = e, a = h(_, n);
+	return /* @__PURE__ */ l(i.span, {
+		"data-state": x(a.checked),
+		"data-disabled": a.disabled ? "" : void 0,
+		...r,
+		ref: t
+	});
+});
+v.displayName = _;
+var y = "SwitchBubbleInput", b = c.forwardRef(({ __scopeSwitch: e, control: t, checked: r, bubbles: i = !0, ...a }, u) => {
+	let d = c.useRef(null), f = n(d, u), p = o(r), m = s(t);
+	return c.useEffect(() => {
+		let e = d.current;
+		if (!e) return;
+		let t = window.HTMLInputElement.prototype, n = Object.getOwnPropertyDescriptor(t, "checked").set;
+		if (p !== r && n) {
+			let t = new Event("click", { bubbles: i });
+			n.call(e, r), e.dispatchEvent(t);
+		}
+	}, [
+		p,
+		r,
+		i
+	]), /* @__PURE__ */ l("input", {
+		type: "checkbox",
+		"aria-hidden": !0,
+		defaultChecked: r,
+		...a,
+		tabIndex: -1,
+		ref: f,
+		style: {
+			...a.style,
+			...m,
+			position: "absolute",
+			pointerEvents: "none",
+			opacity: 0,
+			margin: 0
+		}
+	});
+});
+b.displayName = y;
+function x(e) {
+	return e ? "checked" : "unchecked";
+}
+var S = g, C = v, w = c.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ l(S, {
+	className: e("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),
+	...n,
+	ref: r,
+	children: /* @__PURE__ */ l(C, { className: e("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") })
+}));
+w.displayName = S?.displayName || "Switch";
+//#endregion
+export { w as t };

package/dist/switch.cjs

@@ -1 +1 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./switch-DZfRzgWs.js`);exports.Switch=e.t;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./switch-DENAxyga.js");exports.Switch=e.t;

package/dist/switch.d.ts

@@ -1,9 +1,7 @@
-import * as React_2 from 'react';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { SwitchBaseProps as SwitchProps } from '../../ui-core/src';
-
-export declare const Switch: React_2.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & SwitchProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export { SwitchProps }
-
-export { }
+import { SwitchBaseProps } from '@gv-tech/ui-core';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as React from 'react';
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & SwitchBaseProps & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };
+export type { SwitchBaseProps as SwitchProps };
+//# sourceMappingURL=switch.d.ts.map

package/dist/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,QAAA,MAAM,MAAM,gLAkBV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,eAAe,IAAI,WAAW,EAAE,CAAC"}

package/dist/switch.mjs

@@ -1,4 +1,4 @@
 "use client";
 "use client";
-import { t as e } from "./switch-BbcAUYjl.mjs";
+import { t as e } from "./switch-DbsdyQVg.mjs";
 export { e as Switch };

package/dist/switch.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=switch.test.d.ts.map

package/dist/switch.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.test.d.ts","sourceRoot":"","sources":["../src/switch.test.tsx"],"names":[],"mappings":""}

package/dist/table-of-contents.cjs

@@ -1 +1 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./jsx-runtime-CN3qjQQx.js`),t=require(`./utils-BxDanjP7.js`);let n=require(`react`);n=e.i(n);var r=e.t(),i=n.createContext(null);function a(){let e=n.useContext(i);if(!e)throw Error(`TOC components must be used within a TableOfContents provider`);return e}function o({children:e,className:a,activeId:o,minLevel:l=1,maxLevel:u=4,selector:d=`h1, h2, h3, h4, h5, h6`}){let[f,p]=n.useState([]),[m,h]=n.useState(null),g=n.useMemo(()=>f.find(e=>e.id===m)?.text||null,[f,m]),_=n.useCallback(e=>{p(t=>JSON.stringify(t)===JSON.stringify(e)?t:e)},[]),v=n.useMemo(()=>({headings:f,activeId:o||m,activeHeadingText:g,registerHeadings:_,setActiveId:h,config:{minLevel:l,maxLevel:u,selector:d,className:a}}),[f,m,o,g,_,l,u,d,a]);return(0,r.jsx)(i.Provider,{value:v,children:(0,r.jsx)(`div`,{className:t.t(`relative`,a),children:e||(0,r.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,r.jsx)(s,{}),(0,r.jsx)(c,{children:null})]})})})}function s({className:e}){let{headings:i,activeId:o,activeHeadingText:s}=a(),[c,l]=n.useState(!1);if(n.useEffect(()=>{if(!c)return;let e=()=>{l(!1)};return window.addEventListener(`scroll`,e,{passive:!0}),()=>window.removeEventListener(`scroll`,e)},[c]),i.length===0)return null;let u=Math.min(...i.map(e=>e.level)),d=(0,r.jsx)(`ul`,{className:`m-0 list-none text-sm`,children:i.map(e=>{let n=o===e.id,i=`${(e.level-u)*1}rem`;return(0,r.jsx)(`li`,{className:`mt-0 pt-2`,children:(0,r.jsx)(`a`,{href:`#${e.id}`,onClick:()=>l(!1),className:t.t(`hover:text-foreground inline-block no-underline transition-colors`,n?`text-primary font-medium`:`text-muted-foreground`),style:{paddingLeft:i},children:e.text})},e.id)})});return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(`div`,{className:t.t(`bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden`,e),children:[(0,r.jsxs)(`button`,{onClick:()=>l(!c),className:`flex w-full items-center justify-between px-4 py-3 text-left`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-2 overflow-hidden`,children:[(0,r.jsx)(`span`,{className:`text-muted-foreground text-xs font-semibold tracking-wider uppercase`,children:`On this page:`}),(0,r.jsx)(`span`,{className:`truncate text-sm font-medium`,children:s||`Overview`})]}),(0,r.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:t.t(`shrink-0 transition-transform duration-200`,c&&`rotate-180`),children:(0,r.jsx)(`path`,{d:`m6 9 6 6 6-6`})})]}),c&&(0,r.jsx)(`div`,{className:`bg-background border-t px-4 pt-2 pb-6`,children:(0,r.jsx)(`nav`,{"aria-label":`Table of contents mobile`,children:d})})]}),(0,r.jsx)(`nav`,{className:t.t(`hidden xl:block`,e),"aria-label":`Table of contents`,children:d})]})}function c({children:e,className:i}){let{registerHeadings:o,setActiveId:s,config:c}=a(),l=n.useRef(null);return n.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 o(n.map(e=>(e.id||=t.n(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 a=new MutationObserver(()=>{let e=n();i.disconnect(),e.forEach(e=>i.observe(e))});return a.observe(e,{childList:!0,subtree:!0,characterData:!0}),()=>{i.disconnect(),a.disconnect()}},[c.selector,c.minLevel,c.maxLevel,o,s]),(0,r.jsx)(`div`,{ref:l,className:i,children:e})}o.List=s,o.Content=c,exports.TableOfContents=o,exports.TableOfContentsContent=c,exports.TableOfContentsList=s;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./chunk-mLOUI7ql.js"),t=require("./utils-ChMUqofy.js");let n=require("react");n=e.r(n);let r=require("react/jsx-runtime");var i=n.createContext(null);function a(){let e=n.useContext(i);if(!e)throw Error(`TOC components must be used within a TableOfContents provider`);return e}function o({children:e,className:a,activeId:o,minLevel:l=1,maxLevel:u=4,selector:d=`h1, h2, h3, h4, h5, h6`}){let[f,p]=n.useState([]),[m,h]=n.useState(null),g=n.useMemo(()=>f.find(e=>e.id===m)?.text||null,[f,m]),_=n.useCallback(e=>{p(t=>JSON.stringify(t)===JSON.stringify(e)?t:e)},[]),v=n.useMemo(()=>({headings:f,activeId:o||m,activeHeadingText:g,registerHeadings:_,setActiveId:h,config:{minLevel:l,maxLevel:u,selector:d,className:a}}),[f,m,o,g,_,l,u,d,a]);return(0,r.jsx)(i.Provider,{value:v,children:(0,r.jsx)(`div`,{className:t.t(`relative`,a),children:e||(0,r.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,r.jsx)(s,{}),(0,r.jsx)(c,{children:null})]})})})}function s({className:e}){let{headings:i,activeId:o,activeHeadingText:s}=a(),[c,l]=n.useState(!1);if(n.useEffect(()=>{if(!c)return;let e=()=>{l(!1)};return window.addEventListener(`scroll`,e,{passive:!0}),()=>window.removeEventListener(`scroll`,e)},[c]),i.length===0)return null;let u=Math.min(...i.map(e=>e.level)),d=(0,r.jsx)(`ul`,{className:`m-0 list-none text-sm`,children:i.map(e=>{let n=o===e.id,i=`${(e.level-u)*1}rem`;return(0,r.jsx)(`li`,{className:`mt-0 pt-2`,children:(0,r.jsx)(`a`,{href:`#${e.id}`,onClick:()=>l(!1),className:t.t(`hover:text-foreground inline-block no-underline transition-colors`,n?`text-primary font-medium`:`text-muted-foreground`),style:{paddingLeft:i},children:e.text})},e.id)})});return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(`div`,{className:t.t(`bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden`,e),children:[(0,r.jsxs)(`button`,{onClick:()=>l(!c),className:`flex w-full items-center justify-between px-4 py-3 text-left`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-2 overflow-hidden`,children:[(0,r.jsx)(`span`,{className:`text-muted-foreground text-xs font-semibold tracking-wider uppercase`,children:`On this page:`}),(0,r.jsx)(`span`,{className:`truncate text-sm font-medium`,children:s||`Overview`})]}),(0,r.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:t.t(`shrink-0 transition-transform duration-200`,c&&`rotate-180`),children:(0,r.jsx)(`path`,{d:`m6 9 6 6 6-6`})})]}),c&&(0,r.jsx)(`div`,{className:`bg-background border-t px-4 pt-2 pb-6`,children:(0,r.jsx)(`nav`,{"aria-label":`Table of contents mobile`,children:d})})]}),(0,r.jsx)(`nav`,{className:t.t(`hidden xl:block`,e),"aria-label":`Table of contents`,children:d})]})}function c({children:e,className:i}){let{registerHeadings:o,setActiveId:s,config:c}=a(),l=n.useRef(null);return n.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 o(n.map(e=>(e.id||=t.n(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 a=new MutationObserver(()=>{let e=n();i.disconnect(),e.forEach(e=>i.observe(e))});return a.observe(e,{childList:!0,subtree:!0,characterData:!0}),()=>{i.disconnect(),a.disconnect()}},[c.selector,c.minLevel,c.maxLevel,o,s]),(0,r.jsx)(`div`,{ref:l,className:i,children:e})}o.List=s,o.Content=c,exports.TableOfContents=o,exports.TableOfContentsContent=c,exports.TableOfContentsList=s;

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

@@ -1,35 +1,24 @@
-import { JSX } from 'react/jsx-runtime';
-import { TableOfContentsContentBaseProps as TableOfContentsContentProps } from '../../ui-core/src';
-import { TableOfContentsListBaseProps as TableOfContentsListProps } from '../../ui-core/src';
-import { TableOfContentsRootBaseProps } from '../../ui-core/src';
-
-/**
- * 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;
-}
-
-/**
- * Wraps the content area and automatically detects headings within it.
- */
-export declare function TableOfContentsContent({ children, className }: TableOfContentsContentProps): JSX.Element;
-
-export { TableOfContentsContentProps }
-
-/**
- * Renders the actual list of links.
- */
-export declare function TableOfContentsList({ className }: TableOfContentsListProps): JSX.Element | null;
-
-export { TableOfContentsListProps }
-
-export declare type TableOfContentsProps = TableOfContentsRootBaseProps;
-
-export { }
+import { TableOfContentsContentBaseProps, TableOfContentsListBaseProps, TableOfContentsRootBaseProps } from '@gv-tech/ui-core';
+export type TableOfContentsProps = TableOfContentsRootBaseProps;
+/**
+ * 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)
+ */
+declare function TableOfContents({ children, className, activeId: activeIdOverride, minLevel, maxLevel, selector, }: TableOfContentsProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TableOfContents {
+    var List: typeof TableOfContentsList;
+    var Content: typeof TableOfContentsContent;
+}
+/**
+ * Renders the actual list of links.
+ */
+declare function TableOfContentsList({ className }: TableOfContentsListBaseProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Wraps the content area and automatically detects headings within it.
+ */
+declare function TableOfContentsContent({ children, className }: TableOfContentsContentBaseProps): import("react/jsx-runtime").JSX.Element;
+export type { TableOfContentsContentBaseProps as TableOfContentsContentProps, TableOfContentsListBaseProps as TableOfContentsListProps, } from '@gv-tech/ui-core';
+export { TableOfContents, TableOfContentsContent, TableOfContentsList };
+//# sourceMappingURL=table-of-contents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-of-contents.d.ts","sourceRoot":"","sources":["../src/table-of-contents.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,+BAA+B,EAC/B,4BAA4B,EAC5B,4BAA4B,EAC7B,MAAM,kBAAkB,CAAC;AAwB1B,MAAM,MAAM,oBAAoB,GAAG,4BAA4B,CAAC;AAEhE;;;;;GAKG;AACH,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EAAE,gBAAgB,EAC1B,QAAY,EACZ,QAAY,EACZ,QAAmC,GACpC,EAAE,oBAAoB,2CAmDtB;kBA1DQ,eAAe;;;;AA4DxB;;GAEG;AACH,iBAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,4BAA4B,kDA0FvE;AAED;;GAEG;AACH,iBAAS,sBAAsB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,+BAA+B,2CA6EvF;AAKD,YAAY,EACV,+BAA+B,IAAI,2BAA2B,EAC9D,4BAA4B,IAAI,wBAAwB,GACzD,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/table-of-contents.mjs

@@ -1,92 +1,92 @@
 "use client";
 "use client";
-import { t as e } from "./jsx-runtime-CW53Uo-e.mjs";
-import { n as t, t as n } from "./utils-yc5uc46c.mjs";
-import * as r from "react";
+import { n as e, t } from "./utils-A_oVsYw5.mjs";
+import * as n from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/table-of-contents.tsx
-var i = e(), a = r.createContext(null);
-function o() {
-	let e = r.useContext(a);
+var o = n.createContext(null);
+function s() {
+	let e = n.useContext(o);
 	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,
+function c({ children: e, className: r, activeId: s, minLevel: c = 1, maxLevel: d = 4, selector: f = "h1, h2, h3, h4, h5, h6" }) {
+	let [p, m] = n.useState([]), [h, g] = n.useState(null), _ = n.useMemo(() => p.find((e) => e.id === h)?.text || null, [p, h]), v = n.useCallback((e) => {
+		m((t) => JSON.stringify(t) === JSON.stringify(e) ? t : e);
+	}, []), y = n.useMemo(() => ({
+		headings: p,
+		activeId: s || h,
+		activeHeadingText: _,
+		registerHeadings: v,
+		setActiveId: g,
 		config: {
-			minLevel: s,
-			maxLevel: u,
-			selector: d,
-			className: t
+			minLevel: c,
+			maxLevel: d,
+			selector: f,
+			className: r
 		}
 	}), [
-		f,
-		m,
-		o,
-		g,
-		_,
+		p,
+		h,
 		s,
-		u,
+		_,
+		v,
+		c,
 		d,
-		t
+		f,
+		r
 	]);
-	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", {
+	return /* @__PURE__ */ i(o.Provider, {
+		value: y,
+		children: /* @__PURE__ */ i("div", {
+			className: t("relative", r),
+			children: e || /* @__PURE__ */ a("div", {
 				className: "flex flex-col gap-4",
-				children: [/* @__PURE__ */ (0, i.jsx)(c, {}), /* @__PURE__ */ (0, i.jsx)(l, { children: null })]
+				children: [/* @__PURE__ */ i(l, {}), /* @__PURE__ */ i(u, { 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;
+function l({ className: e }) {
+	let { headings: o, activeId: c, activeHeadingText: l } = s(), [u, d] = n.useState(!1);
+	if (n.useEffect(() => {
+		if (!u) return;
 		let e = () => {
-			l(!1);
+			d(!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", {
+	}, [u]), o.length === 0) return null;
+	let f = Math.min(...o.map((e) => e.level)), p = /* @__PURE__ */ i("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", {
+		children: o.map((e) => {
+			let n = c === e.id, r = `${(e.level - f) * 1}rem`;
+			return /* @__PURE__ */ i("li", {
 				className: "mt-0 pt-2",
-				children: /* @__PURE__ */ (0, i.jsx)("a", {
+				children: /* @__PURE__ */ i("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"),
+					onClick: () => d(!1),
+					className: t("hover:text-foreground inline-block no-underline transition-colors", n ? "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),
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
+		className: t("bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden", e),
+		children: [/* @__PURE__ */ a("button", {
+			onClick: () => d(!u),
 			className: "flex w-full items-center justify-between px-4 py-3 text-left",
-			children: [/* @__PURE__ */ (0, i.jsxs)("div", {
+			children: [/* @__PURE__ */ a("div", {
 				className: "flex items-center gap-2 overflow-hidden",
-				children: [/* @__PURE__ */ (0, i.jsx)("span", {
+				children: [/* @__PURE__ */ i("span", {
 					className: "text-muted-foreground text-xs font-semibold tracking-wider uppercase",
 					children: "On this page:"
-				}), /* @__PURE__ */ (0, i.jsx)("span", {
+				}), /* @__PURE__ */ i("span", {
 					className: "truncate text-sm font-medium",
-					children: s || "Overview"
+					children: l || "Overview"
 				})]
-			}), /* @__PURE__ */ (0, i.jsx)("svg", {
+			}), /* @__PURE__ */ i("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "16",
 				height: "16",
@@ -96,69 +96,69 @@ function c({ className: e }) {
 				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" })
+				className: t("shrink-0 transition-transform duration-200", u && "rotate-180"),
+				children: /* @__PURE__ */ i("path", { d: "m6 9 6 6 6-6" })
 			})]
-		}), c && /* @__PURE__ */ (0, i.jsx)("div", {
+		}), u && /* @__PURE__ */ i("div", {
 			className: "bg-background border-t px-4 pt-2 pb-6",
-			children: /* @__PURE__ */ (0, i.jsx)("nav", {
+			children: /* @__PURE__ */ i("nav", {
 				"aria-label": "Table of contents mobile",
-				children: d
+				children: p
 			})
 		})]
-	}), /* @__PURE__ */ (0, i.jsx)("nav", {
-		className: n("hidden xl:block", e),
+	}), /* @__PURE__ */ i("nav", {
+		className: t("hidden xl:block", e),
 		"aria-label": "Table of contents",
-		children: d
+		children: p
 	})] });
 }
-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;
+function u({ children: t, className: r }) {
+	let { registerHeadings: a, setActiveId: o, config: c } = s(), l = n.useRef(null);
+	return n.useEffect(() => {
+		let t = l.current;
+		if (!t) return;
 		let n = () => {
-			let n = Array.from(e.querySelectorAll(c.selector || "h1, h2, h3, h4, h5, h6")).filter((e) => {
+			let n = Array.from(t.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)
+			return a(n.map((t) => (t.id ||= e(t.textContent || "heading"), {
+				id: t.id,
+				text: t.textContent || "",
+				level: parseInt(t.tagName.charAt(1), 10)
 			}))), n;
 		}, r = n(), i = new IntersectionObserver((e) => {
 			e.forEach((e) => {
-				e.isIntersecting && s(e.target.id);
+				e.isIntersecting && o(e.target.id);
 			});
 		}, {
 			rootMargin: "0px 0px -80% 0px",
 			threshold: .1
 		});
 		r.forEach((e) => i.observe(e));
-		let o = new MutationObserver(() => {
+		let s = new MutationObserver(() => {
 			let e = n();
 			i.disconnect(), e.forEach((e) => i.observe(e));
 		});
-		return o.observe(e, {
+		return s.observe(t, {
 			childList: !0,
 			subtree: !0,
 			characterData: !0
 		}), () => {
-			i.disconnect(), o.disconnect();
+			i.disconnect(), s.disconnect();
 		};
 	}, [
 		c.selector,
 		c.minLevel,
 		c.maxLevel,
 		a,
-		s
-	]), /* @__PURE__ */ (0, i.jsx)("div", {
+		o
+	]), /* @__PURE__ */ i("div", {
 		ref: l,
-		className: n,
-		children: e
+		className: r,
+		children: t
 	});
 }
-s.List = c, s.Content = l;
+c.List = l, c.Content = u;
 //#endregion
-export { s as TableOfContents, l as TableOfContentsContent, c as TableOfContentsList };
+export { c as TableOfContents, u as TableOfContentsContent, l as TableOfContentsList };