@xyd-js/components 0.0.0-build-c7bdbdb-20251129215505 → 0.0.0-build-1760f84-20251129221538

package/dist/{useUXScrollDepth-C--8FLqx.js → useUXScrollDepth-DuzQBuHV.js}

@@ -1,2 +1,2 @@
 import{useRef as r,useEffect as t}from"react";function e(e,n={}){const{thresholds:c=[25,50,75,100],onDepthReached:o}=n,s=r(new Set);t(()=>{if(!e.current)return;function r(){const r=e.current;if(!r)return;const{scrollTop:t,scrollHeight:n,clientHeight:u}=r,l=n-u;if(l<=0)return;const i=Math.round(t/l*100);c.forEach(r=>{i>=r&&!s.current.has(r)&&(s.current.add(r),null==o||o(r))})}const t=e.current;return t.addEventListener("scroll",r),()=>{t.removeEventListener("scroll",r)}},[e.current,c,o])}export{e as u};
-//# sourceMappingURL=useUXScrollDepth-C--8FLqx.js.map
+//# sourceMappingURL=useUXScrollDepth-DuzQBuHV.js.map

package/dist/{useUXScrollDepth-C--8FLqx.js.map → useUXScrollDepth-DuzQBuHV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useUXScrollDepth-C--8FLqx.js","sources":["../src/uxsdk/useUXScrollDepth.ts"],"sourcesContent":["import React, {useEffect, useRef} from \"react\";\n\nexport interface ScrollDepthOptions {\n    thresholds?: number[]; // Default: [25, 50, 75, 100]\n    onDepthReached?: (depth: number) => void;\n}\n\nexport function useUXScrollDepth(\n    ref: React.RefObject<HTMLElement | null>, \n    options: ScrollDepthOptions = {}\n) {\n    const { thresholds = [25, 50, 75, 100], onDepthReached } = options;\n    const reachedDepthsRef = useRef<Set<number>>(new Set());\n\n    useEffect(() => {\n        if (!ref.current) {\n            return\n        }\n\n        function handleScroll() {\n            const element = ref.current;\n            if (!element) return;\n\n            const { scrollTop, scrollHeight, clientHeight } = element;\n            \n            // Calculate current scroll percentage\n            const scrollableHeight = scrollHeight - clientHeight;\n            if (scrollableHeight <= 0) return;\n            \n            const scrollPercentage = Math.round((scrollTop / scrollableHeight) * 100);\n            \n            // Check which thresholds have been reached\n            thresholds.forEach(threshold => {\n                if (scrollPercentage >= threshold && !reachedDepthsRef.current.has(threshold)) {\n                    reachedDepthsRef.current.add(threshold);\n                    onDepthReached?.(threshold);\n                }\n            });\n        }\n\n        const element = ref.current;\n        element.addEventListener('scroll', handleScroll);\n\n        return () => {\n            element.removeEventListener('scroll', handleScroll);\n        };\n    }, [ref.current, thresholds, onDepthReached]);\n}\n\n"],"names":["useUXScrollDepth","ref","options","thresholds","onDepthReached","reachedDepthsRef","useRef","Set","useEffect","current","handleScroll","element","scrollTop","scrollHeight","clientHeight","scrollableHeight","scrollPercentage","Math","round","forEach","threshold","has","add","addEventListener","removeEventListener"],"mappings":"uDAOgBA,EACZC,EACAC,EAA8B,IAE9B,MAAMC,WAAEA,EAAa,CAAC,GAAI,GAAI,GAAI,KAAIC,eAAEA,GAAmBF,EACrDG,EAAmBC,EAAoB,IAAIC,KAEjDC,EAAU,KACN,IAAKP,EAAIQ,QACL,OAGJ,SAASC,IACL,MAAMC,EAAUV,EAAIQ,QACpB,IAAKE,EAAS,OAEd,MAAMC,UAAEA,EAASC,aAAEA,EAAYC,aAAEA,GAAiBH,EAG5CI,EAAmBF,EAAeC,EACxC,GAAIC,GAAoB,EAAG,OAE3B,MAAMC,EAAmBC,KAAKC,MAAON,EAAYG,EAAoB,KAGrEZ,EAAWgB,QAAQC,IACXJ,GAAoBI,IAAcf,EAAiBI,QAAQY,IAAID,KAC/Df,EAAiBI,QAAQa,IAAIF,GAC7BhB,SAAAA,EAAiBgB,KAG7B,CAEA,MAAMT,EAAUV,EAAIQ,QAGpB,OAFAE,EAAQY,iBAAiB,SAAUb,GAE5B,KACHC,EAAQa,oBAAoB,SAAUd,KAE3C,CAACT,EAAIQ,QAASN,EAAYC,GACjC"}
+{"version":3,"file":"useUXScrollDepth-DuzQBuHV.js","sources":["../src/uxsdk/useUXScrollDepth.ts"],"sourcesContent":["import React, {useEffect, useRef} from \"react\";\n\nexport interface ScrollDepthOptions {\n    thresholds?: number[]; // Default: [25, 50, 75, 100]\n    onDepthReached?: (depth: number) => void;\n}\n\nexport function useUXScrollDepth(\n    ref: React.RefObject<HTMLElement | null>, \n    options: ScrollDepthOptions = {}\n) {\n    const { thresholds = [25, 50, 75, 100], onDepthReached } = options;\n    const reachedDepthsRef = useRef<Set<number>>(new Set());\n\n    useEffect(() => {\n        if (!ref.current) {\n            return\n        }\n\n        function handleScroll() {\n            const element = ref.current;\n            if (!element) return;\n\n            const { scrollTop, scrollHeight, clientHeight } = element;\n            \n            // Calculate current scroll percentage\n            const scrollableHeight = scrollHeight - clientHeight;\n            if (scrollableHeight <= 0) return;\n            \n            const scrollPercentage = Math.round((scrollTop / scrollableHeight) * 100);\n            \n            // Check which thresholds have been reached\n            thresholds.forEach(threshold => {\n                if (scrollPercentage >= threshold && !reachedDepthsRef.current.has(threshold)) {\n                    reachedDepthsRef.current.add(threshold);\n                    onDepthReached?.(threshold);\n                }\n            });\n        }\n\n        const element = ref.current;\n        element.addEventListener('scroll', handleScroll);\n\n        return () => {\n            element.removeEventListener('scroll', handleScroll);\n        };\n    }, [ref.current, thresholds, onDepthReached]);\n}\n\n"],"names":["useUXScrollDepth","ref","options","thresholds","onDepthReached","reachedDepthsRef","useRef","Set","useEffect","current","handleScroll","element","scrollTop","scrollHeight","clientHeight","scrollableHeight","scrollPercentage","Math","round","forEach","threshold","has","add","addEventListener","removeEventListener"],"mappings":"uDAOgBA,EACZC,EACAC,EAA8B,IAE9B,MAAMC,WAAEA,EAAa,CAAC,GAAI,GAAI,GAAI,KAAIC,eAAEA,GAAmBF,EACrDG,EAAmBC,EAAoB,IAAIC,KAEjDC,EAAU,KACN,IAAKP,EAAIQ,QACL,OAGJ,SAASC,IACL,MAAMC,EAAUV,EAAIQ,QACpB,IAAKE,EAAS,OAEd,MAAMC,UAAEA,EAASC,aAAEA,EAAYC,aAAEA,GAAiBH,EAG5CI,EAAmBF,EAAeC,EACxC,GAAIC,GAAoB,EAAG,OAE3B,MAAMC,EAAmBC,KAAKC,MAAON,EAAYG,EAAoB,KAGrEZ,EAAWgB,QAAQC,IACXJ,GAAoBI,IAAcf,EAAiBI,QAAQY,IAAID,KAC/Df,EAAiBI,QAAQa,IAAIF,GAC7BhB,SAAAA,EAAiBgB,KAG7B,CAEA,MAAMT,EAAUV,EAAIQ,QAGpB,OAFAE,EAAQY,iBAAiB,SAAUb,GAE5B,KACHC,EAAQa,oBAAoB,SAAUd,KAE3C,CAACT,EAAIQ,QAASN,EAAYC,GACjC"}

package/dist/uxsdk.js

@@ -1,2 +1,2 @@
-export{E as EVENT_COMPONENT_TAB_CHANGE,u as useUXEvents}from"./useUXEvents-C4q-ORmz.js";export{u as useUXClick}from"./useUXClick-DFIG_rVc.js";export{u as useUXScrollDepth}from"./useUXScrollDepth-C--8FLqx.js";import{useRef as e,useCallback as r,useEffect as t}from"react";import"openux-js";function n(n,u,c){const o=e(!1),s=e(!1),i=e(null),l=e(0),m=r(()=>{const e=Date.now();e-l.current>1e3&&(o.current=!0,l.current=e,u())},[u]),a=r(()=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{o.current=!1,i.current=null},50)},[]);t(()=>{if(n.current)return n.current.addEventListener("mouseenter",m),n.current.addEventListener("mouseleave",a),()=>{n.current&&(n.current.removeEventListener("mouseenter",m),n.current.removeEventListener("mouseleave",a)),i.current&&clearTimeout(i.current)}},[n.current,m,a]);const v=r(()=>{i.current&&(clearTimeout(i.current),i.current=null),s.current=!1,o.current&&(o.current=!1,s.current=!0,c())},[c]);t(()=>(document.addEventListener("visibilitychange",v),()=>{document.removeEventListener("visibilitychange",v),i.current&&clearTimeout(i.current)}),[v])}export{n as useUXUnreachableElementTracker};
+export{E as EVENT_COMPONENT_TAB_CHANGE,u as useUXEvents}from"./useUXEvents-CVHyMwm7.js";export{u as useUXClick}from"./useUXClick-w9Bk-N_Y.js";export{u as useUXScrollDepth}from"./useUXScrollDepth-DuzQBuHV.js";import{useRef as e,useCallback as r,useEffect as t}from"react";import"openux-js";function n(n,u,c){const o=e(!1),s=e(!1),i=e(null),l=e(0),m=r(()=>{const e=Date.now();e-l.current>1e3&&(o.current=!0,l.current=e,u())},[u]),a=r(()=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{o.current=!1,i.current=null},50)},[]);t(()=>{if(n.current)return n.current.addEventListener("mouseenter",m),n.current.addEventListener("mouseleave",a),()=>{n.current&&(n.current.removeEventListener("mouseenter",m),n.current.removeEventListener("mouseleave",a)),i.current&&clearTimeout(i.current)}},[n.current,m,a]);const v=r(()=>{i.current&&(clearTimeout(i.current),i.current=null),s.current=!1,o.current&&(o.current=!1,s.current=!0,c())},[c]);t(()=>(document.addEventListener("visibilitychange",v),()=>{document.removeEventListener("visibilitychange",v),i.current&&clearTimeout(i.current)}),[v])}export{n as useUXUnreachableElementTracker};
 //# sourceMappingURL=uxsdk.js.map

package/dist/writer.js

@@ -1,2 +1,2 @@
-export{A as Anchor,B as Badge,c as Banner,G as GuideCard,H as Heading,I as IconSocial,L as List,a as ListOl,N as NavLinks,S as Steps,T as Table,b as Tabs,V as VideoGuide}from"./VideoGuide-BNPKC79p.js";export{B as Blockquote,c as Breadcrumbs,a as Callout,d as Card,b as Code,C as ColorSchemeButton,D as Details,H as Hr,I as Image,U as Update,u as useColorScheme}from"./Update-ByqPw65k.js";export{B as Button}from"./Button-BBxaVRAi.js";import{I as e,a as r}from"./Icon-CbDEiA4L.js";export{b as IconProvider}from"./Icon-CbDEiA4L.js";import t from"react";export{T as Text}from"./TabsAnalytics-OQlfG-3q.js";import"./useUXEvents-C4q-ORmz.js";import"radix-ui";import"lucide-react";import"./useUXClick-DFIG_rVc.js";import"openux-js";function s(e){return e}function o({children:e,className:a}){return t.createElement("pre",{className:`p1vb39qj ${a||""}`},e)}function n(e){return e}var i="TocCard-module_TocCardHost__pT0XJ";function l({title:a,description:r,href:s,className:o,icon:n,as:c}){const l=c||m;return t.createElement("xyd-toccard",{className:`${i} ${o||""}`},t.createElement("div",{part:"container"},t.createElement(l,{part:"link",href:s,target:"_blank",rel:"noreferrer"},t.createElement("div",{part:"title-container"},t.createElement("div",{part:"title"},a),n&&t.createElement(e,{name:n,size:16})),t.createElement("div",{part:"description"},r))))}function m(e){var{children:a,href:s}=e,o=r(e,["children","href"]);return t.createElement("a",Object.assign({href:s},o),a)}export{s as DetailsPropsProps,e as Icon,o as Pre,n as TabsProps,l as TocCard};
+export{A as Anchor,B as Badge,c as Banner,G as GuideCard,H as Heading,I as IconSocial,L as List,a as ListOl,N as NavLinks,S as Steps,T as Table,b as Tabs,V as VideoGuide}from"./VideoGuide-CjFV2soM.js";export{B as Blockquote,c as Breadcrumbs,a as Callout,d as Card,b as Code,C as ColorSchemeButton,D as Details,H as Hr,I as Image,U as Update,u as useColorScheme}from"./Update-C8Ig1-78.js";export{B as Button}from"./Button-D1sRSUU2.js";import{I as e,a as r}from"./Icon-DAUxBCx7.js";export{b as IconProvider}from"./Icon-DAUxBCx7.js";import t from"react";export{T as Text}from"./TabsAnalytics-CunSa7pG.js";import"./useUXEvents-CVHyMwm7.js";import"radix-ui";import"lucide-react";import"./useUXClick-w9Bk-N_Y.js";import"openux-js";function s(e){return e}function o({children:e,className:a}){return t.createElement("pre",{className:`p1vb39qj ${a||""}`},e)}function n(e){return e}var i="TocCard-module_TocCardHost__pT0XJ";function l({title:a,description:r,href:s,className:o,icon:n,as:c}){const l=c||m;return t.createElement("xyd-toccard",{className:`${i} ${o||""}`},t.createElement("div",{part:"container"},t.createElement(l,{part:"link",href:s,target:"_blank",rel:"noreferrer"},t.createElement("div",{part:"title-container"},t.createElement("div",{part:"title"},a),n&&t.createElement(e,{name:n,size:16})),t.createElement("div",{part:"description"},r))))}function m(e){var{children:a,href:s}=e,o=r(e,["children","href"]);return t.createElement("a",Object.assign({href:s},o),a)}export{s as DetailsPropsProps,e as Icon,o as Pre,n as TabsProps,l as TocCard};
 //# sourceMappingURL=writer.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyd-js/components",
-  "version": "0.0.0-build-c7bdbdb-20251129215505",
+  "version": "0.0.0-build-1760f84-20251129221538",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -49,7 +49,7 @@
     "@code-hike/lighter": "^1.0.3",
     "openux-js": "0.0.0-pre.1",
     "react": "^19.1.0",
-    "@xyd-js/core": "0.0.0-build-c7bdbdb-20251129215505"
+    "@xyd-js/core": "0.0.0-build-1760f84-20251129221538"
   },
   "devDependencies": {
     "@linaria/core": "^6.2.0",