tempest-react-sdk 0.77.0 → 0.79.0

package/dist/components/RefreshIndicator/RefreshIndicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RefreshIndicator.cjs","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — pull-to-refresh is a gesture with a threshold, a\n * rubber-band offset and a release animation, and the body is those three reading\n * one pointer delta.\n */\nimport { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n    /** Invoked when the user pulls past `threshold` and releases. May be async. */\n    onRefresh: () => void | Promise<void>;\n    /** Scrollable content to wrap. */\n    children: ReactNode;\n    /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n    threshold?: number;\n    /** When true, pull-to-refresh is inert. */\n    disabled?: boolean;\n    className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n    const cap = threshold * 1.5;\n    return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n    onRefresh,\n    children,\n    threshold = 80,\n    disabled,\n    className,\n}: RefreshIndicatorProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const startYRef = useRef<number | null>(null);\n    const [pull, setPull] = useState(0);\n    const [refreshing, setRefreshing] = useState(false);\n    /**\n     * Whether a drag is in progress. Kept in state, not derived from\n     * `startYRef.current`: a ref is not reactive, so reading it during render ties\n     * the rendered class to a value React never re-renders for — it only looked\n     * correct here because the touch handlers happen to call `setPull` too.\n     */\n    const [engaged, setEngaged] = useState(false);\n\n    const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const container = containerRef.current;\n        if (!container || container.scrollTop > 0) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        startYRef.current = touch.clientY;\n        setEngaged(true);\n    };\n\n    const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const startY = startYRef.current;\n        if (startY === null) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        const delta = touch.clientY - startY;\n        if (delta <= 0) {\n            setPull(0);\n            return;\n        }\n        setPull(applyResistance(delta, threshold));\n    };\n\n    const reset = (): void => {\n        startYRef.current = null;\n        setEngaged(false);\n        setPull(0);\n    };\n\n    const handleTouchEnd = async (): Promise<void> => {\n        if (disabled || refreshing) {\n            reset();\n            return;\n        }\n        const startY = startYRef.current;\n        const triggered = startY !== null && pull >= threshold;\n        if (!triggered) {\n            reset();\n            return;\n        }\n        startYRef.current = null;\n        setEngaged(false);\n        setRefreshing(true);\n        setPull(threshold);\n        try {\n            await onRefresh();\n        } finally {\n            setRefreshing(false);\n            setPull(0);\n        }\n    };\n\n    const showIndicator = refreshing || pull > 0;\n    const progress = Math.min(1, pull / threshold);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.wrapper, className)}\n            data-refreshing={refreshing}\n            onTouchStart={handleTouchStart}\n            onTouchMove={handleTouchMove}\n            onTouchEnd={handleTouchEnd}\n        >\n            <div\n                className={styles.indicator}\n                aria-hidden={!showIndicator}\n                style={{\n                    opacity: refreshing ? 1 : progress,\n                    transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n                }}\n            >\n                <Spinner size=\"sm\" label=\"Atualizando\" />\n            </div>\n            <div\n                className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n                style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"2KAuBA,SAAS,EAAgB,EAAkB,EAA2B,CAClE,IAAM,EAAM,EAAY,IACxB,OAAO,KAAK,IAAI,EAAW,EAAG,CAAG,CACrC,CASA,SAAgB,EAAiB,CAC7B,YACA,WACA,YAAY,GACZ,WACA,aACsB,CACtB,IAAM,GAAA,EAAe,EAAA,OAAA,CAAuB,IAAI,EAC1C,GAAA,EAAY,EAAA,OAAA,CAAsB,IAAI,EACtC,CAAC,EAAM,IAAA,EAAW,EAAA,SAAA,CAAS,CAAC,EAC5B,CAAC,EAAY,IAAA,EAAiB,EAAA,SAAA,CAAS,EAAK,EAO5C,CAAC,EAAS,IAAA,EAAc,EAAA,SAAA,CAAS,EAAK,EAEtC,EAAoB,GAA4C,CAClE,GAAI,GAAY,EAAY,OAC5B,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,GAAa,EAAU,UAAY,EAAG,OAC3C,IAAM,EAAQ,EAAM,QAAQ,GACvB,IACL,EAAU,QAAU,EAAM,QAC1B,EAAW,EAAI,EACnB,EAEM,EAAmB,GAA4C,CACjE,GAAI,GAAY,EAAY,OAC5B,IAAM,EAAS,EAAU,QACzB,GAAI,IAAW,KAAM,OACrB,IAAM,EAAQ,EAAM,QAAQ,GAC5B,GAAI,CAAC,EAAO,OACZ,IAAM,EAAQ,EAAM,QAAU,EAC9B,GAAI,GAAS,EAAG,CACZ,EAAQ,CAAC,EACT,MACJ,CACA,EAAQ,EAAgB,EAAO,CAAS,CAAC,CAC7C,EAEM,MAAoB,CACtB,EAAU,QAAU,KACpB,EAAW,EAAK,EAChB,EAAQ,CAAC,CACb,EAEM,EAAiB,SAA2B,CAC9C,GAAI,GAAY,EAAY,CACxB,EAAM,EACN,MACJ,CAGA,GAAI,EAFW,EAAU,UACI,MAAQ,GAAQ,GAC7B,CACZ,EAAM,EACN,MACJ,CACA,EAAU,QAAU,KACpB,EAAW,EAAK,EAChB,EAAc,EAAI,EAClB,EAAQ,CAAS,EACjB,GAAI,CACA,MAAM,EAAU,CACpB,QAAU,CACN,EAAc,EAAK,EACnB,EAAQ,CAAC,CACb,CACJ,EAEM,EAAgB,GAAc,EAAO,EACrC,EAAW,KAAK,IAAI,EAAG,EAAO,CAAS,EAE7C,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EACvC,kBAAiB,EACjB,aAAc,EACd,YAAa,EACb,WAAY,EANhB,SAAA,EAQI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,UAClB,cAAa,CAAC,EACd,MAAO,CACH,QAAS,EAAa,EAAI,EAC1B,UAAW,+BAA+B,EAAgB,EAAO,EAAE,aAAa,EAAW,IAAI,KACnG,EAEA,UAAA,EAAA,EAAA,IAAA,CAAC,EAAA,QAAD,CAAS,KAAK,KAAK,MAAM,aAAe,CAAA,CACvC,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,GAAW,IAAe,EAAA,QAAO,QAAQ,EACxE,MAAO,CAAE,UAAW,cAAc,EAAgB,EAAO,EAAE,IAAK,EAE/D,UACA,CAAA,CACJ,GAEb"}
+{"version":3,"file":"RefreshIndicator.cjs","names":["useRef","useState","cn","styles","Spinner","require_cn","require_Spinner","require_RefreshIndicator_module","react","react_jsx_runtime","applyResistance","cap","threshold","distance","RefreshIndicator","containerRef","startYRef","pull","setPull","refreshing","setRefreshing","engaged","setEngaged","handleTouchStart","disabled","container","touch","event","handleTouchMove","startY","delta","reset","handleTouchEnd","onRefresh","showIndicator","progress","className"],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — pull-to-refresh is a gesture with a threshold, a\n * rubber-band offset and a release animation, and the body is those three reading\n * one pointer delta.\n */\nimport { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n    /** Invoked when the user pulls past `threshold` and releases. May be async. */\n    onRefresh: () => void | Promise<void>;\n    /** Scrollable content to wrap. */\n    children: ReactNode;\n    /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n    threshold?: number;\n    /** When true, pull-to-refresh is inert. */\n    disabled?: boolean;\n    className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n    const cap = threshold * 1.5;\n    return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n    onRefresh,\n    children,\n    threshold = 80,\n    disabled,\n    className,\n}: RefreshIndicatorProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const startYRef = useRef<number | null>(null);\n    const [pull, setPull] = useState(0);\n    const [refreshing, setRefreshing] = useState(false);\n    /**\n     * Whether a drag is in progress. Kept in state, not derived from\n     * `startYRef.current`: a ref is not reactive, so reading it during render ties\n     * the rendered class to a value React never re-renders for — it only looked\n     * correct here because the touch handlers happen to call `setPull` too.\n     */\n    const [engaged, setEngaged] = useState(false);\n\n    const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const container = containerRef.current;\n        if (!container || container.scrollTop > 0) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        startYRef.current = touch.clientY;\n        setEngaged(true);\n    };\n\n    const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const startY = startYRef.current;\n        if (startY === null) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        const delta = touch.clientY - startY;\n        if (delta <= 0) {\n            setPull(0);\n            return;\n        }\n        setPull(applyResistance(delta, threshold));\n    };\n\n    const reset = (): void => {\n        startYRef.current = null;\n        setEngaged(false);\n        setPull(0);\n    };\n\n    const handleTouchEnd = async (): Promise<void> => {\n        if (disabled || refreshing) {\n            reset();\n            return;\n        }\n        const startY = startYRef.current;\n        const triggered = startY !== null && pull >= threshold;\n        if (!triggered) {\n            reset();\n            return;\n        }\n        startYRef.current = null;\n        setEngaged(false);\n        setRefreshing(true);\n        setPull(threshold);\n        try {\n            await onRefresh();\n        } finally {\n            setRefreshing(false);\n            setPull(0);\n        }\n    };\n\n    const showIndicator = refreshing || pull > 0;\n    const progress = Math.min(1, pull / threshold);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.wrapper, className)}\n            data-refreshing={refreshing}\n            onTouchStart={handleTouchStart}\n            onTouchMove={handleTouchMove}\n            onTouchEnd={handleTouchEnd}\n        >\n            <div\n                className={styles.indicator}\n                aria-hidden={!showIndicator}\n                style={{\n                    opacity: refreshing ? 1 : progress,\n                    transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n                }}\n            >\n                <Spinner size=\"sm\" label=\"Atualizando\" />\n            </div>\n            <div\n                className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n                style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"A,2KAuBA,SAASU,EAAgB,EAAkB,EAA2B,CAClE,IAAMC,EAAMC,EAAY,IACxB,OAAO,KAAK,IAAIC,EAAW,EAAGF,CAAG,CACrC,CASA,SAAgBG,EAAiB,CAC7B,YACA,WACA,YAAY,GACZ,WACA,aACsB,CACtB,IAAMC,GAAA,EAAef,EAAAA,OAAAA,CAAuB,IAAI,EAC1CgB,GAAA,EAAYhB,EAAAA,OAAAA,CAAsB,IAAI,EACtC,CAACiB,EAAMC,IAAA,EAAWjB,EAAAA,SAAAA,CAAS,CAAC,EAC5B,CAACkB,EAAYC,IAAA,EAAiBnB,EAAAA,SAAAA,CAAS,EAAK,EAO5C,CAACoB,EAASC,IAAA,EAAcrB,EAAAA,SAAAA,CAAS,EAAK,EAEtCsB,EAAoB,GAA4C,CAClE,GAAIC,GAAYL,EAAY,OAC5B,IAAMM,EAAYV,EAAa,QAC/B,GAAI,CAACU,GAAaA,EAAU,UAAY,EAAG,OAC3C,IAAMC,EAAQC,EAAM,QAAQ,GACvBD,IACL,EAAU,QAAUA,EAAM,QAC1BJ,EAAW,EAAI,EACnB,EAEMM,EAAmB,GAA4C,CACjE,GAAIJ,GAAYL,EAAY,OAC5B,IAAMU,EAASb,EAAU,QACzB,GAAIa,IAAW,KAAM,OACrB,IAAMH,EAAQC,EAAM,QAAQ,GAC5B,GAAI,CAACD,EAAO,OACZ,IAAMI,EAAQJ,EAAM,QAAUG,EAE1BX,EADAY,GAAS,EACD,EAGJpB,EAAgBoB,EAAOlB,CAAS,CADxC,CAEJ,EAEMmB,MAAoB,CACtB,EAAU,QAAU,KACpBT,EAAW,EAAK,EAChBJ,EAAQ,CAAC,CACb,EAEMc,EAAiB,SAA2B,CAC9C,GAAIR,GAAYL,EACZY,EAAM,OAKV,GAAI,EAFWf,EAAU,UACI,MAAQC,GAAQL,GAEzCmB,EAAM,MAGV,GAAU,QAAU,KACpBT,EAAW,EAAK,EAChBF,EAAc,EAAI,EAClBF,EAAQN,CAAS,EACjB,GAAI,CACA,MAAMqB,EAAU,CACpB,QAAU,CACNb,EAAc,EAAK,EACnBF,EAAQ,CAAC,CACb,CAToB,CAUxB,EAEMgB,EAAgBf,GAAcF,EAAO,EACrCkB,EAAW,KAAK,IAAI,EAAGlB,EAAOL,CAAS,EAE7C,OACI,EAAAH,EAAA,KAAA,CAAC,MAAD,CACI,IAAKM,EACL,UAAWb,EAAAA,GAAGC,EAAAA,QAAO,QAASiC,CAAS,EACvC,kBAAiBjB,EACjB,aAAcI,EACd,YAAaK,EACb,WAAYI,EANhB,SAAA,EAQI,EAAAvB,EAAA,IAAA,CAAC,MAAD,CACI,UAAWN,EAAAA,QAAO,UAClB,cAAa,CAAC+B,EACd,MAAO,CACH,QAASf,EAAa,EAAIgB,EAC1B,UAAW,+BAA+BD,EAAgBjB,EAAO,EAAE,aAAakB,EAAW,IAAI,KACnG,EAEA,UAAA,EAAA1B,EAAA,IAAA,CAACL,EAAAA,QAAD,CAAS,KAAK,KAAK,MAAM,aAAe,CAAA,CACvC,CAAA,GACL,EAAAK,EAAA,IAAA,CAAC,MAAD,CACI,UAAWP,EAAAA,GAAGC,EAAAA,QAAO,SAAUkB,GAAWF,IAAehB,EAAAA,QAAO,QAAQ,EACxE,MAAO,CAAE,UAAW,cAAc+B,EAAgBjB,EAAO,EAAE,IAAK,EAE/D,UACA,CAAA,CACJ,C,EAEb,C"}

package/dist/components/RefreshIndicator/RefreshIndicator.js

@@ -22,27 +22,19 @@ function c({ onRefresh: c, children: l, threshold: u = 80, disabled: d, classNam
 		let n = e.touches[0];
 		if (!n) return;
 		let r = n.clientY - t;
-		if (r <= 0) {
-			g(0);
-			return;
-		}
-		g(s(r, u));
+		g(r <= 0 ? 0 : s(r, u));
 	}, C = () => {
 		m.current = null, b(!1), g(0);
 	}, w = async () => {
-		if (d || _) {
-			C();
-			return;
-		}
-		if (!(m.current !== null && h >= u)) {
-			C();
-			return;
-		}
-		m.current = null, b(!1), v(!0), g(u);
-		try {
-			await c();
-		} finally {
-			v(!1), g(0);
+		if (d || _) C();
+		else if (!(m.current !== null && h >= u)) C();
+		else {
+			m.current = null, b(!1), v(!0), g(u);
+			try {
+				await c();
+			} finally {
+				v(!1), g(0);
+			}
 		}
 	}, T = _ || h > 0, E = Math.min(1, h / u);
 	return /* @__PURE__ */ o("div", {

package/dist/components/RefreshIndicator/RefreshIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"RefreshIndicator.js","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — pull-to-refresh is a gesture with a threshold, a\n * rubber-band offset and a release animation, and the body is those three reading\n * one pointer delta.\n */\nimport { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n    /** Invoked when the user pulls past `threshold` and releases. May be async. */\n    onRefresh: () => void | Promise<void>;\n    /** Scrollable content to wrap. */\n    children: ReactNode;\n    /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n    threshold?: number;\n    /** When true, pull-to-refresh is inert. */\n    disabled?: boolean;\n    className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n    const cap = threshold * 1.5;\n    return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n    onRefresh,\n    children,\n    threshold = 80,\n    disabled,\n    className,\n}: RefreshIndicatorProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const startYRef = useRef<number | null>(null);\n    const [pull, setPull] = useState(0);\n    const [refreshing, setRefreshing] = useState(false);\n    /**\n     * Whether a drag is in progress. Kept in state, not derived from\n     * `startYRef.current`: a ref is not reactive, so reading it during render ties\n     * the rendered class to a value React never re-renders for — it only looked\n     * correct here because the touch handlers happen to call `setPull` too.\n     */\n    const [engaged, setEngaged] = useState(false);\n\n    const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const container = containerRef.current;\n        if (!container || container.scrollTop > 0) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        startYRef.current = touch.clientY;\n        setEngaged(true);\n    };\n\n    const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const startY = startYRef.current;\n        if (startY === null) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        const delta = touch.clientY - startY;\n        if (delta <= 0) {\n            setPull(0);\n            return;\n        }\n        setPull(applyResistance(delta, threshold));\n    };\n\n    const reset = (): void => {\n        startYRef.current = null;\n        setEngaged(false);\n        setPull(0);\n    };\n\n    const handleTouchEnd = async (): Promise<void> => {\n        if (disabled || refreshing) {\n            reset();\n            return;\n        }\n        const startY = startYRef.current;\n        const triggered = startY !== null && pull >= threshold;\n        if (!triggered) {\n            reset();\n            return;\n        }\n        startYRef.current = null;\n        setEngaged(false);\n        setRefreshing(true);\n        setPull(threshold);\n        try {\n            await onRefresh();\n        } finally {\n            setRefreshing(false);\n            setPull(0);\n        }\n    };\n\n    const showIndicator = refreshing || pull > 0;\n    const progress = Math.min(1, pull / threshold);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.wrapper, className)}\n            data-refreshing={refreshing}\n            onTouchStart={handleTouchStart}\n            onTouchMove={handleTouchMove}\n            onTouchEnd={handleTouchEnd}\n        >\n            <div\n                className={styles.indicator}\n                aria-hidden={!showIndicator}\n                style={{\n                    opacity: refreshing ? 1 : progress,\n                    transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n                }}\n            >\n                <Spinner size=\"sm\" label=\"Atualizando\" />\n            </div>\n            <div\n                className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n                style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;;AAuBA,SAAS,EAAgB,GAAkB,GAA2B;CAClE,IAAM,IAAM,IAAY;CACxB,OAAO,KAAK,IAAI,IAAW,GAAG,CAAG;AACrC;AASA,SAAgB,EAAiB,EAC7B,cACA,aACA,eAAY,IACZ,aACA,gBACsB;CACtB,IAAM,IAAe,EAAuB,IAAI,GAC1C,IAAY,EAAsB,IAAI,GACtC,CAAC,GAAM,KAAW,EAAS,CAAC,GAC5B,CAAC,GAAY,KAAiB,EAAS,EAAK,GAO5C,CAAC,GAAS,KAAc,EAAS,EAAK,GAEtC,KAAoB,MAA4C;EAClE,IAAI,KAAY,GAAY;EAC5B,IAAM,IAAY,EAAa;EAC/B,IAAI,CAAC,KAAa,EAAU,YAAY,GAAG;EAC3C,IAAM,IAAQ,EAAM,QAAQ;EACvB,MACL,EAAU,UAAU,EAAM,SAC1B,EAAW,EAAI;CACnB,GAEM,KAAmB,MAA4C;EACjE,IAAI,KAAY,GAAY;EAC5B,IAAM,IAAS,EAAU;EACzB,IAAI,MAAW,MAAM;EACrB,IAAM,IAAQ,EAAM,QAAQ;EAC5B,IAAI,CAAC,GAAO;EACZ,IAAM,IAAQ,EAAM,UAAU;EAC9B,IAAI,KAAS,GAAG;GACZ,EAAQ,CAAC;GACT;EACJ;EACA,EAAQ,EAAgB,GAAO,CAAS,CAAC;CAC7C,GAEM,UAAoB;EAGtB,AAFA,EAAU,UAAU,MACpB,EAAW,EAAK,GAChB,EAAQ,CAAC;CACb,GAEM,IAAiB,YAA2B;EAC9C,IAAI,KAAY,GAAY;GACxB,EAAM;GACN;EACJ;EAGA,IAAI,EAFW,EAAU,YACI,QAAQ,KAAQ,IAC7B;GACZ,EAAM;GACN;EACJ;EAIA,AAHA,EAAU,UAAU,MACpB,EAAW,EAAK,GAChB,EAAc,EAAI,GAClB,EAAQ,CAAS;EACjB,IAAI;GACA,MAAM,EAAU;EACpB,UAAU;GAEN,AADA,EAAc,EAAK,GACnB,EAAQ,CAAC;EACb;CACJ,GAEM,IAAgB,KAAc,IAAO,GACrC,IAAW,KAAK,IAAI,GAAG,IAAO,CAAS;CAE7C,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EAAG,EAAO,SAAS,CAAS;EACvC,mBAAiB;EACjB,cAAc;EACd,aAAa;EACb,YAAY;EANhB,UAAA,CAQI,kBAAC,OAAD;GACI,WAAW,EAAO;GAClB,eAAa,CAAC;GACd,OAAO;IACH,SAAS,IAAa,IAAI;IAC1B,WAAW,+BAA+B,IAAgB,IAAO,EAAE,aAAa,IAAW,IAAI;GACnG;GAEA,UAAA,kBAAC,GAAD;IAAS,MAAK;IAAK,OAAM;GAAe,CAAA;EACvC,CAAA,GACL,kBAAC,OAAD;GACI,WAAW,EAAG,EAAO,UAAU,KAAW,MAAe,EAAO,QAAQ;GACxE,OAAO,EAAE,WAAW,cAAc,IAAgB,IAAO,EAAE,KAAK;GAE/D;EACA,CAAA,CACJ;;AAEb"}
+{"version":3,"file":"RefreshIndicator.js","names":["styles","RefreshIndicator_module_default","applyResistance","cap","threshold","distance","RefreshIndicator","containerRef","useRef","startYRef","pull","setPull","useState","refreshing","setRefreshing","engaged","setEngaged","handleTouchStart","disabled","container","touch","event","handleTouchMove","startY","delta","reset","handleTouchEnd","onRefresh","showIndicator","progress","cn","className","Spinner"],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — pull-to-refresh is a gesture with a threshold, a\n * rubber-band offset and a release animation, and the body is those three reading\n * one pointer delta.\n */\nimport { useRef, useState, type ReactNode, type TouchEvent } from \"react\";\nimport { Spinner } from \"@/components/Spinner\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RefreshIndicator.module.css\";\n\nexport interface RefreshIndicatorProps {\n    /** Invoked when the user pulls past `threshold` and releases. May be async. */\n    onRefresh: () => void | Promise<void>;\n    /** Scrollable content to wrap. */\n    children: ReactNode;\n    /** Pixels the user must pull past to trigger a refresh. Defaults to `80`. */\n    threshold?: number;\n    /** When true, pull-to-refresh is inert. */\n    disabled?: boolean;\n    className?: string;\n}\n\n/** Apply resistance so the content lags behind the finger and the pull never runs away. */\nfunction applyResistance(distance: number, threshold: number): number {\n    const cap = threshold * 1.5;\n    return Math.min(distance / 2, cap);\n}\n\n/**\n * RefreshIndicator — pull-to-refresh wrapper for touch devices.\n *\n * Wraps scrollable `children` and listens for a downward drag that starts while the\n * container is scrolled to the top. Pulling past `threshold` and releasing triggers\n * `onRefresh`; the SDK {@link Spinner} is shown while pulling and during the refresh.\n */\nexport function RefreshIndicator({\n    onRefresh,\n    children,\n    threshold = 80,\n    disabled,\n    className,\n}: RefreshIndicatorProps) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const startYRef = useRef<number | null>(null);\n    const [pull, setPull] = useState(0);\n    const [refreshing, setRefreshing] = useState(false);\n    /**\n     * Whether a drag is in progress. Kept in state, not derived from\n     * `startYRef.current`: a ref is not reactive, so reading it during render ties\n     * the rendered class to a value React never re-renders for — it only looked\n     * correct here because the touch handlers happen to call `setPull` too.\n     */\n    const [engaged, setEngaged] = useState(false);\n\n    const handleTouchStart = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const container = containerRef.current;\n        if (!container || container.scrollTop > 0) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        startYRef.current = touch.clientY;\n        setEngaged(true);\n    };\n\n    const handleTouchMove = (event: TouchEvent<HTMLDivElement>): void => {\n        if (disabled || refreshing) return;\n        const startY = startYRef.current;\n        if (startY === null) return;\n        const touch = event.touches[0];\n        if (!touch) return;\n        const delta = touch.clientY - startY;\n        if (delta <= 0) {\n            setPull(0);\n            return;\n        }\n        setPull(applyResistance(delta, threshold));\n    };\n\n    const reset = (): void => {\n        startYRef.current = null;\n        setEngaged(false);\n        setPull(0);\n    };\n\n    const handleTouchEnd = async (): Promise<void> => {\n        if (disabled || refreshing) {\n            reset();\n            return;\n        }\n        const startY = startYRef.current;\n        const triggered = startY !== null && pull >= threshold;\n        if (!triggered) {\n            reset();\n            return;\n        }\n        startYRef.current = null;\n        setEngaged(false);\n        setRefreshing(true);\n        setPull(threshold);\n        try {\n            await onRefresh();\n        } finally {\n            setRefreshing(false);\n            setPull(0);\n        }\n    };\n\n    const showIndicator = refreshing || pull > 0;\n    const progress = Math.min(1, pull / threshold);\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(styles.wrapper, className)}\n            data-refreshing={refreshing}\n            onTouchStart={handleTouchStart}\n            onTouchMove={handleTouchMove}\n            onTouchEnd={handleTouchEnd}\n        >\n            <div\n                className={styles.indicator}\n                aria-hidden={!showIndicator}\n                style={{\n                    opacity: refreshing ? 1 : progress,\n                    transform: `translateX(-50%) translateY(${showIndicator ? pull : 0}px) rotate(${progress * 360}deg)`,\n                }}\n            >\n                <Spinner size=\"sm\" label=\"Atualizando\" />\n            </div>\n            <div\n                className={cn(styles.content, (engaged || refreshing) && styles.dragging)}\n                style={{ transform: `translateY(${showIndicator ? pull : 0}px)` }}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;;AAuBA,SAASE,EAAgB,GAAkB,GAA2B;CAClE,IAAMC,IAAMC,IAAY;CACxB,OAAO,KAAK,IAAIC,IAAW,GAAGF,CAAG;AACrC;AASA,SAAgBG,EAAiB,EAC7B,cACA,aACA,eAAY,IACZ,aACA,gBACsB;CACtB,IAAMC,IAAeC,EAAuB,IAAI,GAC1CC,IAAYD,EAAsB,IAAI,GACtC,CAACE,GAAMC,KAAWC,EAAS,CAAC,GAC5B,CAACC,GAAYC,KAAiBF,EAAS,EAAK,GAO5C,CAACG,GAASC,KAAcJ,EAAS,EAAK,GAEtCK,KAAoB,MAA4C;EAClE,IAAIC,KAAYL,GAAY;EAC5B,IAAMM,IAAYZ,EAAa;EAC/B,IAAI,CAACY,KAAaA,EAAU,YAAY,GAAG;EAC3C,IAAMC,IAAQC,EAAM,QAAQ;EAC5B,AAAKD,MACL,EAAU,UAAUA,EAAM,SAC1BJ,EAAW,EAAI;CACnB,GAEMM,KAAmB,MAA4C;EACjE,IAAIJ,KAAYL,GAAY;EAC5B,IAAMU,IAASd,EAAU;EACzB,IAAIc,MAAW,MAAM;EACrB,IAAMH,IAAQC,EAAM,QAAQ;EAC5B,IAAI,CAACD,GAAO;EACZ,IAAMI,IAAQJ,EAAM,UAAUG;EAC9B,AACIZ,EADAa,KAAS,IACD,IAGJtB,EAAgBsB,GAAOpB,CAAS,CADxC;CAEJ,GAEMqB,UAAoB;EAGtB,AAFA,EAAU,UAAU,MACpBT,EAAW,EAAK,GAChBL,EAAQ,CAAC;CACb,GAEMe,IAAiB,YAA2B;EAC9C,IAAIR,KAAYL,GACZ,EAAM;OAKV,IAAI,EAFWJ,EAAU,YACI,QAAQC,KAAQN,IAEzC,EAAM;OAGV;GAGA,AAHA,EAAU,UAAU,MACpBY,EAAW,EAAK,GAChBF,EAAc,EAAI,GAClBH,EAAQP,CAAS;GACjB,IAAI;IACA,MAAMuB,EAAU;GACpB,UAAU;IAEN,AADAb,EAAc,EAAK,GACnBH,EAAQ,CAAC;GACb;EAToB;CAUxB,GAEMiB,IAAgBf,KAAcH,IAAO,GACrCmB,IAAW,KAAK,IAAI,GAAGnB,IAAON,CAAS;CAE7C,OACI,kBAAC,OAAD;EACI,KAAKG;EACL,WAAWuB,EAAG9B,EAAO,SAAS+B,CAAS;EACvC,mBAAiBlB;EACjB,cAAcI;EACd,aAAaK;EACb,YAAYI;EANhB,UAAA,CAQI,kBAAC,OAAD;GACI,WAAW1B,EAAO;GAClB,eAAa,CAAC4B;GACd,OAAO;IACH,SAASf,IAAa,IAAIgB;IAC1B,WAAW,+BAA+BD,IAAgBlB,IAAO,EAAE,aAAamB,IAAW,IAAI;GACnG;GAEA,UAAA,kBAACG,GAAD;IAAS,MAAK;IAAK,OAAM;GAAe,CAAA;EACvC,CAAA,GACL,kBAAC,OAAD;GACI,WAAWF,EAAG9B,EAAO,UAAUe,KAAWF,MAAeb,EAAO,QAAQ;GACxE,OAAO,EAAE,WAAW,cAAc4B,IAAgBlB,IAAO,EAAE,KAAK;GAE/D;EACA,CAAA,CACJ;;AAEb"}

package/dist/components/RefreshIndicator/RefreshIndicator.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RefreshIndicator.module.cjs","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.module.css"],"sourcesContent":[".wrapper {\n    position: relative;\n    overflow-y: auto;\n    height: 100%;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    -webkit-overflow-scrolling: touch;\n}\n\n.indicator {\n    position: absolute;\n    top: var(--tempest-space-2);\n    left: 50%;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-lg);\n    pointer-events: none;\n    transform: translateX(-50%);\n}\n\n.content {\n    will-change: transform;\n}\n\n.content.dragging {\n    transition: transform 0.2s ease;\n}\n"],"mappings":";"}
+{"version":3,"file":"RefreshIndicator.module.cjs","names":["wrapper","indicator","content","dragging","RefreshIndicator_module_default"],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.module.css"],"sourcesContent":[".wrapper {\n    position: relative;\n    overflow-y: auto;\n    height: 100%;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    -webkit-overflow-scrolling: touch;\n}\n\n.indicator {\n    position: absolute;\n    top: var(--tempest-space-2);\n    left: 50%;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-lg);\n    pointer-events: none;\n    transform: translateX(-50%);\n}\n\n.content {\n    will-change: transform;\n}\n\n.content.dragging {\n    transition: transform 0.2s ease;\n}\n"],"mappings":";"}

package/dist/components/RefreshIndicator/RefreshIndicator.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"RefreshIndicator.module.js","names":[],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.module.css"],"sourcesContent":[".wrapper {\n    position: relative;\n    overflow-y: auto;\n    height: 100%;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    -webkit-overflow-scrolling: touch;\n}\n\n.indicator {\n    position: absolute;\n    top: var(--tempest-space-2);\n    left: 50%;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-lg);\n    pointer-events: none;\n    transform: translateX(-50%);\n}\n\n.content {\n    will-change: transform;\n}\n\n.content.dragging {\n    transition: transform 0.2s ease;\n}\n"],"mappings":";"}
+{"version":3,"file":"RefreshIndicator.module.js","names":["wrapper","indicator","content","dragging","RefreshIndicator_module_default"],"sources":["../../../src/components/RefreshIndicator/RefreshIndicator.module.css"],"sourcesContent":[".wrapper {\n    position: relative;\n    overflow-y: auto;\n    height: 100%;\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n    -webkit-overflow-scrolling: touch;\n}\n\n.indicator {\n    position: absolute;\n    top: var(--tempest-space-2);\n    left: 50%;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-lg);\n    pointer-events: none;\n    transform: translateX(-50%);\n}\n\n.content {\n    will-change: transform;\n}\n\n.content.dragging {\n    transition: transform 0.2s ease;\n}\n"],"mappings":";"}

package/dist/components/RelativeTime/RelativeTime.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RelativeTime.cjs","names":[],"sources":["../../../src/components/RelativeTime/RelativeTime.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { relativeTime } from \"@/utils/relative-time\";\n\nexport interface RelativeTimeProps extends HTMLAttributes<HTMLTimeElement> {\n    /** The instant to render relative to now. */\n    date: Date | string | number;\n    /** Output language. Defaults to \"pt\". */\n    locale?: \"pt\" | \"en\";\n}\n\n/**\n * Render a date as a human-friendly relative-time string (e.g. \"5 min atrás\")\n * inside a semantic `<time>` element with a machine-readable `dateTime`.\n *\n * Delegates the wording to the `relativeTime` util; \"pt\" maps to its \"pt-BR\"\n * locale.\n *\n * @example\n * <RelativeTime date={post.createdAt} locale=\"en\" />\n */\nexport function RelativeTime({ date, locale = \"pt\", ...props }: RelativeTimeProps) {\n    const target = date instanceof Date ? date : new Date(date);\n    const iso = Number.isNaN(target.getTime()) ? undefined : target.toISOString();\n    const label = relativeTime(date, { locale: locale === \"pt\" ? \"pt-BR\" : \"en\" });\n\n    return (\n        <time dateTime={iso} {...props}>\n            {label}\n        </time>\n    );\n}\n"],"mappings":"oFAoBA,SAAgB,EAAa,CAAE,OAAM,SAAS,KAAM,GAAG,GAA4B,CAC/E,IAAM,EAAS,aAAgB,KAAO,EAAO,IAAI,KAAK,CAAI,EACpD,EAAM,OAAO,MAAM,EAAO,QAAQ,CAAC,EAAI,IAAA,GAAY,EAAO,YAAY,EACtE,EAAQ,EAAA,aAAa,EAAM,CAAE,OAAQ,IAAW,KAAO,QAAU,IAAK,CAAC,EAE7E,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,SAAU,EAAK,GAAI,EACpB,SAAA,CACC,CAAA,CAEd"}
+{"version":3,"file":"RelativeTime.cjs","names":["relativeTime","require_relative_time","react_jsx_runtime","RelativeTime","props","target","date","iso","label","locale"],"sources":["../../../src/components/RelativeTime/RelativeTime.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { relativeTime } from \"@/utils/relative-time\";\n\nexport interface RelativeTimeProps extends HTMLAttributes<HTMLTimeElement> {\n    /** The instant to render relative to now. */\n    date: Date | string | number;\n    /** Output language. Defaults to \"pt\". */\n    locale?: \"pt\" | \"en\";\n}\n\n/**\n * Render a date as a human-friendly relative-time string (e.g. \"5 min atrás\")\n * inside a semantic `<time>` element with a machine-readable `dateTime`.\n *\n * Delegates the wording to the `relativeTime` util; \"pt\" maps to its \"pt-BR\"\n * locale.\n *\n * @example\n * <RelativeTime date={post.createdAt} locale=\"en\" />\n */\nexport function RelativeTime({ date, locale = \"pt\", ...props }: RelativeTimeProps) {\n    const target = date instanceof Date ? date : new Date(date);\n    const iso = Number.isNaN(target.getTime()) ? undefined : target.toISOString();\n    const label = relativeTime(date, { locale: locale === \"pt\" ? \"pt-BR\" : \"en\" });\n\n    return (\n        <time dateTime={iso} {...props}>\n            {label}\n        </time>\n    );\n}\n"],"mappings":"A,oFAoBA,SAAgBG,EAAa,CAAE,OAAM,SAAS,KAAM,GAAGC,GAA4B,CAC/E,IAAMC,EAASC,aAAgB,KAAOA,EAAO,IAAI,KAAKA,CAAI,EACpDC,EAAM,OAAO,MAAMF,EAAO,QAAQ,CAAC,EAAI,IAAA,GAAYA,EAAO,YAAY,EACtEG,EAAQR,EAAAA,aAAaM,EAAM,CAAE,OAAQG,IAAW,KAAO,QAAU,IAAK,CAAC,EAE7E,OACI,EAAAP,EAAA,IAAA,CAAC,OAAD,CAAM,SAAUK,EAAK,GAAIH,EACpB,SAAAI,CACC,CAAA,CAEd,C"}

package/dist/components/RelativeTime/RelativeTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelativeTime.js","names":[],"sources":["../../../src/components/RelativeTime/RelativeTime.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { relativeTime } from \"@/utils/relative-time\";\n\nexport interface RelativeTimeProps extends HTMLAttributes<HTMLTimeElement> {\n    /** The instant to render relative to now. */\n    date: Date | string | number;\n    /** Output language. Defaults to \"pt\". */\n    locale?: \"pt\" | \"en\";\n}\n\n/**\n * Render a date as a human-friendly relative-time string (e.g. \"5 min atrás\")\n * inside a semantic `<time>` element with a machine-readable `dateTime`.\n *\n * Delegates the wording to the `relativeTime` util; \"pt\" maps to its \"pt-BR\"\n * locale.\n *\n * @example\n * <RelativeTime date={post.createdAt} locale=\"en\" />\n */\nexport function RelativeTime({ date, locale = \"pt\", ...props }: RelativeTimeProps) {\n    const target = date instanceof Date ? date : new Date(date);\n    const iso = Number.isNaN(target.getTime()) ? undefined : target.toISOString();\n    const label = relativeTime(date, { locale: locale === \"pt\" ? \"pt-BR\" : \"en\" });\n\n    return (\n        <time dateTime={iso} {...props}>\n            {label}\n        </time>\n    );\n}\n"],"mappings":";;;AAoBA,SAAgB,EAAa,EAAE,SAAM,YAAS,MAAM,GAAG,KAA4B;CAC/E,IAAM,IAAS,aAAgB,OAAO,IAAO,IAAI,KAAK,CAAI,GACpD,IAAM,OAAO,MAAM,EAAO,QAAQ,CAAC,IAAI,KAAA,IAAY,EAAO,YAAY,GACtE,IAAQ,EAAa,GAAM,EAAE,QAAQ,MAAW,OAAO,UAAU,KAAK,CAAC;CAE7E,OACI,kBAAC,QAAD;EAAM,UAAU;EAAK,GAAI;EACpB,UAAA;CACC,CAAA;AAEd"}
+{"version":3,"file":"RelativeTime.js","names":["RelativeTime","props","target","date","iso","label","relativeTime","locale"],"sources":["../../../src/components/RelativeTime/RelativeTime.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { relativeTime } from \"@/utils/relative-time\";\n\nexport interface RelativeTimeProps extends HTMLAttributes<HTMLTimeElement> {\n    /** The instant to render relative to now. */\n    date: Date | string | number;\n    /** Output language. Defaults to \"pt\". */\n    locale?: \"pt\" | \"en\";\n}\n\n/**\n * Render a date as a human-friendly relative-time string (e.g. \"5 min atrás\")\n * inside a semantic `<time>` element with a machine-readable `dateTime`.\n *\n * Delegates the wording to the `relativeTime` util; \"pt\" maps to its \"pt-BR\"\n * locale.\n *\n * @example\n * <RelativeTime date={post.createdAt} locale=\"en\" />\n */\nexport function RelativeTime({ date, locale = \"pt\", ...props }: RelativeTimeProps) {\n    const target = date instanceof Date ? date : new Date(date);\n    const iso = Number.isNaN(target.getTime()) ? undefined : target.toISOString();\n    const label = relativeTime(date, { locale: locale === \"pt\" ? \"pt-BR\" : \"en\" });\n\n    return (\n        <time dateTime={iso} {...props}>\n            {label}\n        </time>\n    );\n}\n"],"mappings":";;;AAoBA,SAAgBA,EAAa,EAAE,SAAM,YAAS,MAAM,GAAGC,KAA4B;CAC/E,IAAMC,IAASC,aAAgB,OAAOA,IAAO,IAAI,KAAKA,CAAI,GACpDC,IAAM,OAAO,MAAMF,EAAO,QAAQ,CAAC,IAAI,KAAA,IAAYA,EAAO,YAAY,GACtEG,IAAQC,EAAaH,GAAM,EAAE,QAAQI,MAAW,OAAO,UAAU,KAAK,CAAC;CAE7E,OACI,kBAAC,QAAD;EAAM,UAAUH;EAAK,GAAIH;EACpB,UAAAI;CACC,CAAA;AAEd"}

package/dist/components/Resizable/Resizable.cjs

@@ -1,2 +1,2 @@
-const e=require("../../utils/cn.cjs"),t=require("./Resizable.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=2;function a(e,t,n){return Math.min(n,Math.max(t,e))}function o({direction:o=`horizontal`,defaultSize:s=50,min:c=10,max:l=90,children:u,className:d,...f}){let[p,m]=(0,n.useState)(()=>a(s,c,l)),h=(0,n.useRef)(null),[g,_]=u,v=o===`horizontal`,y=(0,n.useCallback)((e,t)=>{let n=h.current;if(!n)return;let r=n.getBoundingClientRect(),i=v?r.width:r.height;if(i<=0)return;let o=(v?e-r.left:t-r.top)/i*100;m(a(o,c,l))},[v,c,l]),b=(0,n.useCallback)(e=>{e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId);let t=e=>{y(e.clientX,e.clientY)},n=()=>{window.removeEventListener(`pointermove`,t),window.removeEventListener(`pointerup`,n)};window.addEventListener(`pointermove`,t),window.addEventListener(`pointerup`,n)},[y]),x=(0,n.useCallback)(e=>{let t=0;if(v?e.key===`ArrowRight`?t=i:e.key===`ArrowLeft`&&(t=-2):e.key===`ArrowDown`?t=i:e.key===`ArrowUp`&&(t=-2),e.key===`Home`){e.preventDefault(),m(c);return}if(e.key===`End`){e.preventDefault(),m(l);return}t!==0&&(e.preventDefault(),m(e=>a(e+t,c,l)))},[v,c,l]);return(0,r.jsxs)(`div`,{ref:h,className:e.cn(t.default.root,v?t.default.horizontal:t.default.vertical,d),...f,children:[(0,r.jsx)(`div`,{className:t.default.pane,style:{flexBasis:`${p}%`},children:g}),(0,r.jsx)(`div`,{role:`separator`,"aria-orientation":v?`vertical`:`horizontal`,"aria-valuenow":Math.round(p),"aria-valuemin":c,"aria-valuemax":l,tabIndex:0,className:t.default.divider,onPointerDown:b,onKeyDown:x,children:(0,r.jsx)(`span`,{className:t.default.handle,"aria-hidden":`true`})}),(0,r.jsx)(`div`,{className:t.default.pane,style:{flexBasis:`${100-p}%`},children:_})]})}exports.Resizable=o;
+const e=require("../../utils/cn.cjs"),t=require("./Resizable.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=2;function a(e,t,n){return Math.min(n,Math.max(t,e))}function o({direction:o=`horizontal`,defaultSize:s=50,min:c=10,max:l=90,children:u,className:d,...f}){let[p,m]=(0,n.useState)(()=>a(s,c,l)),h=(0,n.useRef)(null),[g,_]=u,v=o===`horizontal`,y=(0,n.useCallback)((e,t)=>{let n=h.current;if(!n)return;let r=n.getBoundingClientRect(),i=v?r.width:r.height;if(i<=0)return;let o=(v?e-r.left:t-r.top)/i*100;m(a(o,c,l))},[v,c,l]),b=(0,n.useCallback)(e=>{e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId);let t=e=>{y(e.clientX,e.clientY)},n=()=>{window.removeEventListener(`pointermove`,t),window.removeEventListener(`pointerup`,n)};window.addEventListener(`pointermove`,t),window.addEventListener(`pointerup`,n)},[y]),x=(0,n.useCallback)(e=>{let t=0;v?e.key===`ArrowRight`?t=i:e.key===`ArrowLeft`&&(t=-2):e.key===`ArrowDown`?t=i:e.key===`ArrowUp`&&(t=-2),e.key===`Home`?(e.preventDefault(),m(c)):e.key===`End`?(e.preventDefault(),m(l)):t!==0&&(e.preventDefault(),m(e=>a(e+t,c,l)))},[v,c,l]);return(0,r.jsxs)(`div`,{ref:h,className:e.cn(t.default.root,v?t.default.horizontal:t.default.vertical,d),...f,children:[(0,r.jsx)(`div`,{className:t.default.pane,style:{flexBasis:`${p}%`},children:g}),(0,r.jsx)(`div`,{role:`separator`,"aria-orientation":v?`vertical`:`horizontal`,"aria-valuenow":Math.round(p),"aria-valuemin":c,"aria-valuemax":l,tabIndex:0,className:t.default.divider,onPointerDown:b,onKeyDown:x,children:(0,r.jsx)(`span`,{className:t.default.handle,"aria-hidden":`true`})}),(0,r.jsx)(`div`,{className:t.default.pane,style:{flexBasis:`${100-p}%`},children:_})]})}exports.Resizable=o;
 //# sourceMappingURL=Resizable.cjs.map

package/dist/components/Resizable/Resizable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.cjs","names":[],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — the body owns the pointer capture, the min/max\n * clamp and the keyboard resize step; all three write the same size and must agree\n * on the bounds.\n */\nimport { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Split orientation. `horizontal` (default) places panes side by side. */\n    direction?: ResizableDirection;\n    /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n    defaultSize?: number;\n    /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n    min?: number;\n    /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n    max?: number;\n    /** Exactly two panes — `[paneA, paneB]`. */\n    children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n    direction = \"horizontal\",\n    defaultSize = 50,\n    min = 10,\n    max = 90,\n    children,\n    className,\n    ...props\n}: ResizableProps) {\n    const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [paneA, paneB] = children;\n    const isHorizontal = direction === \"horizontal\";\n\n    const updateFromPointer = useCallback(\n        (clientX: number, clientY: number): void => {\n            const container = containerRef.current;\n            if (!container) return;\n            const rect = container.getBoundingClientRect();\n            const total = isHorizontal ? rect.width : rect.height;\n            if (total <= 0) return;\n            const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n            const percent = (offset / total) * 100;\n            setSize(clamp(percent, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<HTMLDivElement>): void => {\n            event.preventDefault();\n            const divider = event.currentTarget;\n            divider.setPointerCapture(event.pointerId);\n\n            const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n                updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n            };\n            const handleUp = (): void => {\n                window.removeEventListener(\"pointermove\", handleMove);\n                window.removeEventListener(\"pointerup\", handleUp);\n            };\n\n            window.addEventListener(\"pointermove\", handleMove);\n            window.addEventListener(\"pointerup\", handleUp);\n        },\n        [updateFromPointer],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>): void => {\n            let delta = 0;\n            if (isHorizontal) {\n                if (event.key === \"ArrowRight\") delta = KEY_STEP;\n                else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n            } else {\n                if (event.key === \"ArrowDown\") delta = KEY_STEP;\n                else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n            }\n            if (event.key === \"Home\") {\n                event.preventDefault();\n                setSize(min);\n                return;\n            }\n            if (event.key === \"End\") {\n                event.preventDefault();\n                setSize(max);\n                return;\n            }\n            if (delta === 0) return;\n            event.preventDefault();\n            setSize((current) => clamp(current + delta, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(\n                styles.root,\n                isHorizontal ? styles.horizontal : styles.vertical,\n                className,\n            )}\n            {...props}\n        >\n            <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n                {paneA}\n            </div>\n            <div\n                role=\"separator\"\n                aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n                aria-valuenow={Math.round(size)}\n                aria-valuemin={min}\n                aria-valuemax={max}\n                tabIndex={0}\n                className={styles.divider}\n                onPointerDown={handlePointerDown}\n                onKeyDown={handleKeyDown}\n            >\n                <span className={styles.handle} aria-hidden=\"true\" />\n            </div>\n            <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n                {paneB}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"gIAyBA,IAAM,EAAW,EAUjB,SAAS,EAAM,EAAe,EAAa,EAAqB,CAC5D,OAAO,KAAK,IAAI,EAAK,KAAK,IAAI,EAAK,CAAK,CAAC,CAC7C,CASA,SAAgB,EAAU,CACtB,YAAY,aACZ,cAAc,GACd,MAAM,GACN,MAAM,GACN,WACA,YACA,GAAG,GACY,CACf,GAAM,CAAC,EAAM,IAAA,EAAW,EAAA,SAAA,KAAuB,EAAM,EAAa,EAAK,CAAG,CAAC,EACrE,GAAA,EAAe,EAAA,OAAA,CAA8B,IAAI,EACjD,CAAC,EAAO,GAAS,EACjB,EAAe,IAAc,aAE7B,GAAA,EAAoB,EAAA,YAAA,EACrB,EAAiB,IAA0B,CACxC,IAAM,EAAY,EAAa,QAC/B,GAAI,CAAC,EAAW,OAChB,IAAM,EAAO,EAAU,sBAAsB,EACvC,EAAQ,EAAe,EAAK,MAAQ,EAAK,OAC/C,GAAI,GAAS,EAAG,OAEhB,IAAM,GADS,EAAe,EAAU,EAAK,KAAO,EAAU,EAAK,KACzC,EAAS,IACnC,EAAQ,EAAM,EAAS,EAAK,CAAG,CAAC,CACpC,EACA,CAAC,EAAc,EAAK,CAAG,CAC3B,EAEM,GAAA,EAAoB,EAAA,YAAA,CACrB,GAA8C,CAC3C,EAAM,eAAe,EAErB,EADsB,cACd,kBAAkB,EAAM,SAAS,EAEzC,IAAM,EAAc,GAA6C,CAC7D,EAAkB,EAAU,QAAS,EAAU,OAAO,CAC1D,EACM,MAAuB,CACzB,OAAO,oBAAoB,cAAe,CAAU,EACpD,OAAO,oBAAoB,YAAa,CAAQ,CACpD,EAEA,OAAO,iBAAiB,cAAe,CAAU,EACjD,OAAO,iBAAiB,YAAa,CAAQ,CACjD,EACA,CAAC,CAAiB,CACtB,EAEM,GAAA,EAAgB,EAAA,YAAA,CACjB,GAA+C,CAC5C,IAAI,EAAQ,EAQZ,GAPI,EACI,EAAM,MAAQ,aAAc,EAAQ,EAC/B,EAAM,MAAQ,cAAa,EAAQ,IAExC,EAAM,MAAQ,YAAa,EAAQ,EAC9B,EAAM,MAAQ,YAAW,EAAQ,IAE1C,EAAM,MAAQ,OAAQ,CACtB,EAAM,eAAe,EACrB,EAAQ,CAAG,EACX,MACJ,CACA,GAAI,EAAM,MAAQ,MAAO,CACrB,EAAM,eAAe,EACrB,EAAQ,CAAG,EACX,MACJ,CACI,IAAU,IACd,EAAM,eAAe,EACrB,EAAS,GAAY,EAAM,EAAU,EAAO,EAAK,CAAG,CAAC,EACzD,EACA,CAAC,EAAc,EAAK,CAAG,CAC3B,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,IAAK,EACL,UAAW,EAAA,GACP,EAAA,QAAO,KACP,EAAe,EAAA,QAAO,WAAa,EAAA,QAAO,SAC1C,CACJ,EACA,GAAI,EAPR,SAAA,EASI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAG,EAAK,EAAG,EACvD,SAAA,CACA,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,YACL,mBAAkB,EAAe,WAAa,aAC9C,gBAAe,KAAK,MAAM,CAAI,EAC9B,gBAAe,EACf,gBAAe,EACf,SAAU,EACV,UAAW,EAAA,QAAO,QAClB,cAAe,EACf,UAAW,EAEX,UAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,OAAQ,cAAY,MAAQ,CAAA,CACnD,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAG,IAAM,EAAK,EAAG,EAC7D,SAAA,CACA,CAAA,CACJ,GAEb"}
+{"version":3,"file":"Resizable.cjs","names":["useState","useRef","useCallback","cn","styles","require_cn","require_Resizable_module","react","react_jsx_runtime","KEY_STEP","clamp","max","min","value","Resizable","props","size","setSize","defaultSize","containerRef","paneA","paneB","children","isHorizontal","direction","updateFromPointer","container","rect","total","percent","clientX","clientY","handlePointerDown","event","handleMove","moveEvent","handleUp","handleKeyDown","delta","current","className"],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — the body owns the pointer capture, the min/max\n * clamp and the keyboard resize step; all three write the same size and must agree\n * on the bounds.\n */\nimport { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Split orientation. `horizontal` (default) places panes side by side. */\n    direction?: ResizableDirection;\n    /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n    defaultSize?: number;\n    /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n    min?: number;\n    /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n    max?: number;\n    /** Exactly two panes — `[paneA, paneB]`. */\n    children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n    direction = \"horizontal\",\n    defaultSize = 50,\n    min = 10,\n    max = 90,\n    children,\n    className,\n    ...props\n}: ResizableProps) {\n    const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [paneA, paneB] = children;\n    const isHorizontal = direction === \"horizontal\";\n\n    const updateFromPointer = useCallback(\n        (clientX: number, clientY: number): void => {\n            const container = containerRef.current;\n            if (!container) return;\n            const rect = container.getBoundingClientRect();\n            const total = isHorizontal ? rect.width : rect.height;\n            if (total <= 0) return;\n            const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n            const percent = (offset / total) * 100;\n            setSize(clamp(percent, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<HTMLDivElement>): void => {\n            event.preventDefault();\n            const divider = event.currentTarget;\n            divider.setPointerCapture(event.pointerId);\n\n            const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n                updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n            };\n            const handleUp = (): void => {\n                window.removeEventListener(\"pointermove\", handleMove);\n                window.removeEventListener(\"pointerup\", handleUp);\n            };\n\n            window.addEventListener(\"pointermove\", handleMove);\n            window.addEventListener(\"pointerup\", handleUp);\n        },\n        [updateFromPointer],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>): void => {\n            let delta = 0;\n            if (isHorizontal) {\n                if (event.key === \"ArrowRight\") delta = KEY_STEP;\n                else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n            } else {\n                if (event.key === \"ArrowDown\") delta = KEY_STEP;\n                else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n            }\n            if (event.key === \"Home\") {\n                event.preventDefault();\n                setSize(min);\n                return;\n            }\n            if (event.key === \"End\") {\n                event.preventDefault();\n                setSize(max);\n                return;\n            }\n            if (delta === 0) return;\n            event.preventDefault();\n            setSize((current) => clamp(current + delta, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(\n                styles.root,\n                isHorizontal ? styles.horizontal : styles.vertical,\n                className,\n            )}\n            {...props}\n        >\n            <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n                {paneA}\n            </div>\n            <div\n                role=\"separator\"\n                aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n                aria-valuenow={Math.round(size)}\n                aria-valuemin={min}\n                aria-valuemax={max}\n                tabIndex={0}\n                className={styles.divider}\n                onPointerDown={handlePointerDown}\n                onKeyDown={handleKeyDown}\n            >\n                <span className={styles.handle} aria-hidden=\"true\" />\n            </div>\n            <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n                {paneB}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"A,gIAyBA,IAAMS,EAAW,EAUjB,SAASC,EAAM,EAAe,EAAa,EAAqB,CAC5D,OAAO,KAAK,IAAIC,EAAK,KAAK,IAAIC,EAAKC,CAAK,CAAC,CAC7C,CASA,SAAgBC,EAAU,CACtB,YAAY,aACZ,cAAc,GACd,MAAM,GACN,MAAM,GACN,WACA,YACA,GAAGC,GACY,CACf,GAAM,CAACC,EAAMC,IAAA,EAAWjB,EAAAA,SAAAA,KAAuBU,EAAMQ,EAAaN,EAAKD,CAAG,CAAC,EACrEQ,GAAA,EAAelB,EAAAA,OAAAA,CAA8B,IAAI,EACjD,CAACmB,EAAOC,GAASC,EACjBC,EAAeC,IAAc,aAE7BC,GAAA,EAAoBvB,EAAAA,YAAAA,EACrB,EAAiB,IAA0B,CACxC,IAAMwB,EAAYP,EAAa,QAC/B,GAAI,CAACO,EAAW,OAChB,IAAMC,EAAOD,EAAU,sBAAsB,EACvCE,EAAQL,EAAeI,EAAK,MAAQA,EAAK,OAC/C,GAAIC,GAAS,EAAG,OAEhB,IAAMC,GADSN,EAAeO,EAAUH,EAAK,KAAOI,EAAUJ,EAAK,KACzCC,EAAS,IACnCX,EAAQP,EAAMmB,EAASjB,EAAKD,CAAG,CAAC,CACpC,EACA,CAACY,EAAcX,EAAKD,CAAG,CAC3B,EAEMqB,GAAA,EAAoB9B,EAAAA,YAAAA,CACrB,GAA8C,CAC3C+B,EAAM,eAAe,EAErBA,EADsB,cACd,kBAAkBA,EAAM,SAAS,EAEzC,IAAMC,EAAc,GAA6C,CAC7DT,EAAkBU,EAAU,QAASA,EAAU,OAAO,CAC1D,EACMC,MAAuB,CACzB,OAAO,oBAAoB,cAAeF,CAAU,EACpD,OAAO,oBAAoB,YAAaE,CAAQ,CACpD,EAEA,OAAO,iBAAiB,cAAeF,CAAU,EACjD,OAAO,iBAAiB,YAAaE,CAAQ,CACjD,EACA,CAACX,CAAiB,CACtB,EAEMY,GAAA,EAAgBnC,EAAAA,YAAAA,CACjB,GAA+C,CAC5C,IAAIoC,EAAQ,EACRf,EACIU,EAAM,MAAQ,aAAc,EAAQxB,EAC/BwB,EAAM,MAAQ,cAAa,EAAQ,IAExCA,EAAM,MAAQ,YAAa,EAAQxB,EAC9BwB,EAAM,MAAQ,YAAW,EAAQ,IAE1CA,EAAM,MAAQ,QACdA,EAAM,eAAe,EACrBhB,EAAQL,CAAG,GAGXqB,EAAM,MAAQ,OACdA,EAAM,eAAe,EACrBhB,EAAQN,CAAG,GAGX2B,IAAU,IACdL,EAAM,eAAe,EACrBhB,EAAS,GAAYP,EAAM6B,EAAUD,EAAO1B,EAAKD,CAAG,CAAC,EACzD,EACA,CAACY,EAAcX,EAAKD,CAAG,CAC3B,EAEA,OACI,EAAAH,EAAA,KAAA,CAAC,MAAD,CACI,IAAKW,EACL,UAAWhB,EAAAA,GACPC,EAAAA,QAAO,KACPmB,EAAenB,EAAAA,QAAO,WAAaA,EAAAA,QAAO,SAC1CoC,CACJ,EACA,GAAIzB,EAPR,SAAA,EASI,EAAAP,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAGY,EAAK,EAAG,EACvD,SAAAI,CACA,CAAA,GACL,EAAAZ,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,YACL,mBAAkBe,EAAe,WAAa,aAC9C,gBAAe,KAAK,MAAMP,CAAI,EAC9B,gBAAeJ,EACf,gBAAeD,EACf,SAAU,EACV,UAAWP,EAAAA,QAAO,QAClB,cAAe4B,EACf,UAAWK,EAEX,UAAA,EAAA7B,EAAA,IAAA,CAAC,OAAD,CAAM,UAAWJ,EAAAA,QAAO,OAAQ,cAAY,MAAQ,CAAA,CACnD,CAAA,GACL,EAAAI,EAAA,IAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,QAAO,KAAM,MAAO,CAAE,UAAW,GAAG,IAAMY,EAAK,EAAG,EAC7D,SAAAK,CACA,CAAA,CACJ,C,EAEb,C"}

package/dist/components/Resizable/Resizable.js

@@ -29,15 +29,7 @@ function l({ direction: l = "horizontal", defaultSize: u = 50, min: d = 10, max:
 		window.addEventListener("pointermove", t), window.addEventListener("pointerup", n);
 	}, [S]), w = n((e) => {
 		let t = 0;
-		if (x ? e.key === "ArrowRight" ? t = s : e.key === "ArrowLeft" && (t = -2) : e.key === "ArrowDown" ? t = s : e.key === "ArrowUp" && (t = -2), e.key === "Home") {
-			e.preventDefault(), _(d);
-			return;
-		}
-		if (e.key === "End") {
-			e.preventDefault(), _(f);
-			return;
-		}
-		t !== 0 && (e.preventDefault(), _((e) => c(e + t, d, f)));
+		x ? e.key === "ArrowRight" ? t = s : e.key === "ArrowLeft" && (t = -2) : e.key === "ArrowDown" ? t = s : e.key === "ArrowUp" && (t = -2), e.key === "Home" ? (e.preventDefault(), _(d)) : e.key === "End" ? (e.preventDefault(), _(f)) : t !== 0 && (e.preventDefault(), _((e) => c(e + t, d, f)));
 	}, [
 		x,
 		d,

package/dist/components/Resizable/Resizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.js","names":[],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — the body owns the pointer capture, the min/max\n * clamp and the keyboard resize step; all three write the same size and must agree\n * on the bounds.\n */\nimport { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Split orientation. `horizontal` (default) places panes side by side. */\n    direction?: ResizableDirection;\n    /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n    defaultSize?: number;\n    /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n    min?: number;\n    /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n    max?: number;\n    /** Exactly two panes — `[paneA, paneB]`. */\n    children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n    direction = \"horizontal\",\n    defaultSize = 50,\n    min = 10,\n    max = 90,\n    children,\n    className,\n    ...props\n}: ResizableProps) {\n    const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [paneA, paneB] = children;\n    const isHorizontal = direction === \"horizontal\";\n\n    const updateFromPointer = useCallback(\n        (clientX: number, clientY: number): void => {\n            const container = containerRef.current;\n            if (!container) return;\n            const rect = container.getBoundingClientRect();\n            const total = isHorizontal ? rect.width : rect.height;\n            if (total <= 0) return;\n            const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n            const percent = (offset / total) * 100;\n            setSize(clamp(percent, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<HTMLDivElement>): void => {\n            event.preventDefault();\n            const divider = event.currentTarget;\n            divider.setPointerCapture(event.pointerId);\n\n            const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n                updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n            };\n            const handleUp = (): void => {\n                window.removeEventListener(\"pointermove\", handleMove);\n                window.removeEventListener(\"pointerup\", handleUp);\n            };\n\n            window.addEventListener(\"pointermove\", handleMove);\n            window.addEventListener(\"pointerup\", handleUp);\n        },\n        [updateFromPointer],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>): void => {\n            let delta = 0;\n            if (isHorizontal) {\n                if (event.key === \"ArrowRight\") delta = KEY_STEP;\n                else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n            } else {\n                if (event.key === \"ArrowDown\") delta = KEY_STEP;\n                else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n            }\n            if (event.key === \"Home\") {\n                event.preventDefault();\n                setSize(min);\n                return;\n            }\n            if (event.key === \"End\") {\n                event.preventDefault();\n                setSize(max);\n                return;\n            }\n            if (delta === 0) return;\n            event.preventDefault();\n            setSize((current) => clamp(current + delta, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(\n                styles.root,\n                isHorizontal ? styles.horizontal : styles.vertical,\n                className,\n            )}\n            {...props}\n        >\n            <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n                {paneA}\n            </div>\n            <div\n                role=\"separator\"\n                aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n                aria-valuenow={Math.round(size)}\n                aria-valuemin={min}\n                aria-valuemax={max}\n                tabIndex={0}\n                className={styles.divider}\n                onPointerDown={handlePointerDown}\n                onKeyDown={handleKeyDown}\n            >\n                <span className={styles.handle} aria-hidden=\"true\" />\n            </div>\n            <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n                {paneB}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;AAyBA,IAAM,IAAW;AAUjB,SAAS,EAAM,GAAe,GAAa,GAAqB;CAC5D,OAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,CAAK,CAAC;AAC7C;AASA,SAAgB,EAAU,EACtB,eAAY,cACZ,iBAAc,IACd,SAAM,IACN,SAAM,IACN,aACA,cACA,GAAG,KACY;CACf,IAAM,CAAC,GAAM,KAAW,QAAuB,EAAM,GAAa,GAAK,CAAG,CAAC,GACrE,IAAe,EAA8B,IAAI,GACjD,CAAC,GAAO,KAAS,GACjB,IAAe,MAAc,cAE7B,IAAoB,GACrB,GAAiB,MAA0B;EACxC,IAAM,IAAY,EAAa;EAC/B,IAAI,CAAC,GAAW;EAChB,IAAM,IAAO,EAAU,sBAAsB,GACvC,IAAQ,IAAe,EAAK,QAAQ,EAAK;EAC/C,IAAI,KAAS,GAAG;EAEhB,IAAM,KADS,IAAe,IAAU,EAAK,OAAO,IAAU,EAAK,OACzC,IAAS;EACnC,EAAQ,EAAM,GAAS,GAAK,CAAG,CAAC;CACpC,GACA;EAAC;EAAc;EAAK;CAAG,CAC3B,GAEM,IAAoB,GACrB,MAA8C;EAG3C,AAFA,EAAM,eAAe,GAErB,EADsB,cACd,kBAAkB,EAAM,SAAS;EAEzC,IAAM,KAAc,MAA6C;GAC7D,EAAkB,EAAU,SAAS,EAAU,OAAO;EAC1D,GACM,UAAuB;GAEzB,AADA,OAAO,oBAAoB,eAAe,CAAU,GACpD,OAAO,oBAAoB,aAAa,CAAQ;EACpD;EAGA,AADA,OAAO,iBAAiB,eAAe,CAAU,GACjD,OAAO,iBAAiB,aAAa,CAAQ;CACjD,GACA,CAAC,CAAiB,CACtB,GAEM,IAAgB,GACjB,MAA+C;EAC5C,IAAI,IAAQ;EAQZ,IAPI,IACI,EAAM,QAAQ,eAAc,IAAQ,IAC/B,EAAM,QAAQ,gBAAa,IAAQ,MAExC,EAAM,QAAQ,cAAa,IAAQ,IAC9B,EAAM,QAAQ,cAAW,IAAQ,KAE1C,EAAM,QAAQ,QAAQ;GAEtB,AADA,EAAM,eAAe,GACrB,EAAQ,CAAG;GACX;EACJ;EACA,IAAI,EAAM,QAAQ,OAAO;GAErB,AADA,EAAM,eAAe,GACrB,EAAQ,CAAG;GACX;EACJ;EACI,MAAU,MACd,EAAM,eAAe,GACrB,GAAS,MAAY,EAAM,IAAU,GAAO,GAAK,CAAG,CAAC;CACzD,GACA;EAAC;EAAc;EAAK;CAAG,CAC3B;CAEA,OACI,kBAAC,OAAD;EACI,KAAK;EACL,WAAW,EACP,EAAO,MACP,IAAe,EAAO,aAAa,EAAO,UAC1C,CACJ;EACA,GAAI;EAPR,UAAA;GASI,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,OAAO,EAAE,WAAW,GAAG,EAAK,GAAG;IACvD,UAAA;GACA,CAAA;GACL,kBAAC,OAAD;IACI,MAAK;IACL,oBAAkB,IAAe,aAAa;IAC9C,iBAAe,KAAK,MAAM,CAAI;IAC9B,iBAAe;IACf,iBAAe;IACf,UAAU;IACV,WAAW,EAAO;IAClB,eAAe;IACf,WAAW;IAEX,UAAA,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAQ,eAAY;IAAQ,CAAA;GACnD,CAAA;GACL,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAM,OAAO,EAAE,WAAW,GAAG,MAAM,EAAK,GAAG;IAC7D,UAAA;GACA,CAAA;EACJ;;AAEb"}
+{"version":3,"file":"Resizable.js","names":["styles","Resizable_module_default","KEY_STEP","clamp","max","min","value","Resizable","props","size","setSize","useState","defaultSize","containerRef","useRef","paneA","paneB","children","isHorizontal","direction","updateFromPointer","useCallback","container","rect","total","percent","clientX","clientY","handlePointerDown","event","handleMove","moveEvent","handleUp","handleKeyDown","delta","current","cn","className"],"sources":["../../../src/components/Resizable/Resizable.tsx"],"sourcesContent":["/**\n * @tempest-limits function-lines — the body owns the pointer capture, the min/max\n * clamp and the keyboard resize step; all three write the same size and must agree\n * on the bounds.\n */\nimport { useCallback, useRef, useState } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, PointerEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Resizable.module.css\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\nexport interface ResizableProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** Split orientation. `horizontal` (default) places panes side by side. */\n    direction?: ResizableDirection;\n    /** Initial size of the first pane, as a percentage. Defaults to `50`. */\n    defaultSize?: number;\n    /** Lower clamp for the first pane size, in percent. Defaults to `10`. */\n    min?: number;\n    /** Upper clamp for the first pane size, in percent. Defaults to `90`. */\n    max?: number;\n    /** Exactly two panes — `[paneA, paneB]`. */\n    children: [ReactNode, ReactNode];\n}\n\nconst KEY_STEP = 2;\n\n/**\n * Clamp a number into the inclusive `[min, max]` range.\n *\n * @param value - The value to clamp.\n * @param min - Lower bound.\n * @param max - Upper bound.\n * @returns The clamped value.\n */\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.min(max, Math.max(min, value));\n}\n\n/**\n * A two-pane split layout with a draggable divider. The first pane is sized via\n * `flex-basis` as a percentage; the second pane fills the rest. Drag the divider\n * with a pointer, or focus it and use the arrow keys to adjust by 2% steps.\n *\n * The size is clamped to `[min, max]` at all times.\n */\nexport function Resizable({\n    direction = \"horizontal\",\n    defaultSize = 50,\n    min = 10,\n    max = 90,\n    children,\n    className,\n    ...props\n}: ResizableProps) {\n    const [size, setSize] = useState<number>(() => clamp(defaultSize, min, max));\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [paneA, paneB] = children;\n    const isHorizontal = direction === \"horizontal\";\n\n    const updateFromPointer = useCallback(\n        (clientX: number, clientY: number): void => {\n            const container = containerRef.current;\n            if (!container) return;\n            const rect = container.getBoundingClientRect();\n            const total = isHorizontal ? rect.width : rect.height;\n            if (total <= 0) return;\n            const offset = isHorizontal ? clientX - rect.left : clientY - rect.top;\n            const percent = (offset / total) * 100;\n            setSize(clamp(percent, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<HTMLDivElement>): void => {\n            event.preventDefault();\n            const divider = event.currentTarget;\n            divider.setPointerCapture(event.pointerId);\n\n            const handleMove = (moveEvent: globalThis.PointerEvent): void => {\n                updateFromPointer(moveEvent.clientX, moveEvent.clientY);\n            };\n            const handleUp = (): void => {\n                window.removeEventListener(\"pointermove\", handleMove);\n                window.removeEventListener(\"pointerup\", handleUp);\n            };\n\n            window.addEventListener(\"pointermove\", handleMove);\n            window.addEventListener(\"pointerup\", handleUp);\n        },\n        [updateFromPointer],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>): void => {\n            let delta = 0;\n            if (isHorizontal) {\n                if (event.key === \"ArrowRight\") delta = KEY_STEP;\n                else if (event.key === \"ArrowLeft\") delta = -KEY_STEP;\n            } else {\n                if (event.key === \"ArrowDown\") delta = KEY_STEP;\n                else if (event.key === \"ArrowUp\") delta = -KEY_STEP;\n            }\n            if (event.key === \"Home\") {\n                event.preventDefault();\n                setSize(min);\n                return;\n            }\n            if (event.key === \"End\") {\n                event.preventDefault();\n                setSize(max);\n                return;\n            }\n            if (delta === 0) return;\n            event.preventDefault();\n            setSize((current) => clamp(current + delta, min, max));\n        },\n        [isHorizontal, min, max],\n    );\n\n    return (\n        <div\n            ref={containerRef}\n            className={cn(\n                styles.root,\n                isHorizontal ? styles.horizontal : styles.vertical,\n                className,\n            )}\n            {...props}\n        >\n            <div className={styles.pane} style={{ flexBasis: `${size}%` }}>\n                {paneA}\n            </div>\n            <div\n                role=\"separator\"\n                aria-orientation={isHorizontal ? \"vertical\" : \"horizontal\"}\n                aria-valuenow={Math.round(size)}\n                aria-valuemin={min}\n                aria-valuemax={max}\n                tabIndex={0}\n                className={styles.divider}\n                onPointerDown={handlePointerDown}\n                onKeyDown={handleKeyDown}\n            >\n                <span className={styles.handle} aria-hidden=\"true\" />\n            </div>\n            <div className={styles.pane} style={{ flexBasis: `${100 - size}%` }}>\n                {paneB}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;AAyBA,IAAME,IAAW;AAUjB,SAASC,EAAM,GAAe,GAAa,GAAqB;CAC5D,OAAO,KAAK,IAAIC,GAAK,KAAK,IAAIC,GAAKC,CAAK,CAAC;AAC7C;AASA,SAAgBC,EAAU,EACtB,eAAY,cACZ,iBAAc,IACd,SAAM,IACN,SAAM,IACN,aACA,cACA,GAAGC,KACY;CACf,IAAM,CAACC,GAAMC,KAAWC,QAAuBR,EAAMS,GAAaP,GAAKD,CAAG,CAAC,GACrES,IAAeC,EAA8B,IAAI,GACjD,CAACC,GAAOC,KAASC,GACjBC,IAAeC,MAAc,cAE7BC,IAAoBC,GACrB,GAAiB,MAA0B;EACxC,IAAMC,IAAYT,EAAa;EAC/B,IAAI,CAACS,GAAW;EAChB,IAAMC,IAAOD,EAAU,sBAAsB,GACvCE,IAAQN,IAAeK,EAAK,QAAQA,EAAK;EAC/C,IAAIC,KAAS,GAAG;EAEhB,IAAMC,KADSP,IAAeQ,IAAUH,EAAK,OAAOI,IAAUJ,EAAK,OACzCC,IAAS;EACnC,EAAQrB,EAAMsB,GAASpB,GAAKD,CAAG,CAAC;CACpC,GACA;EAACc;EAAcb;EAAKD;CAAG,CAC3B,GAEMwB,IAAoBP,GACrB,MAA8C;EAG3C,AAFAQ,EAAM,eAAe,GAErBA,EADsB,cACd,kBAAkBA,EAAM,SAAS;EAEzC,IAAMC,KAAc,MAA6C;GAC7D,EAAkBC,EAAU,SAASA,EAAU,OAAO;EAC1D,GACMC,UAAuB;GAEzB,AADA,OAAO,oBAAoB,eAAeF,CAAU,GACpD,OAAO,oBAAoB,aAAaE,CAAQ;EACpD;EAGA,AADA,OAAO,iBAAiB,eAAeF,CAAU,GACjD,OAAO,iBAAiB,aAAaE,CAAQ;CACjD,GACA,CAACZ,CAAiB,CACtB,GAEMa,IAAgBZ,GACjB,MAA+C;EAC5C,IAAIa,IAAQ;EAQZ,AAPIhB,IACIW,EAAM,QAAQ,eAAc,IAAQ3B,IAC/B2B,EAAM,QAAQ,gBAAa,IAAQ,MAExCA,EAAM,QAAQ,cAAa,IAAQ3B,IAC9B2B,EAAM,QAAQ,cAAW,IAAQ,KAE1CA,EAAM,QAAQ,UACdA,EAAM,eAAe,GACrBnB,EAAQL,CAAG,KAGXwB,EAAM,QAAQ,SACdA,EAAM,eAAe,GACrBnB,EAAQN,CAAG,KAGX8B,MAAU,MACdL,EAAM,eAAe,GACrBnB,GAAS,MAAYP,EAAMgC,IAAUD,GAAO7B,GAAKD,CAAG,CAAC;CACzD,GACA;EAACc;EAAcb;EAAKD;CAAG,CAC3B;CAEA,OACI,kBAAC,OAAD;EACI,KAAKS;EACL,WAAWuB,EACPpC,EAAO,MACPkB,IAAelB,EAAO,aAAaA,EAAO,UAC1CqC,CACJ;EACA,GAAI7B;EAPR,UAAA;GASI,kBAAC,OAAD;IAAK,WAAWR,EAAO;IAAM,OAAO,EAAE,WAAW,GAAGS,EAAK,GAAG;IACvD,UAAAM;GACA,CAAA;GACL,kBAAC,OAAD;IACI,MAAK;IACL,oBAAkBG,IAAe,aAAa;IAC9C,iBAAe,KAAK,MAAMT,CAAI;IAC9B,iBAAeJ;IACf,iBAAeD;IACf,UAAU;IACV,WAAWJ,EAAO;IAClB,eAAe4B;IACf,WAAWK;IAEX,UAAA,kBAAC,QAAD;KAAM,WAAWjC,EAAO;KAAQ,eAAY;IAAQ,CAAA;GACnD,CAAA;GACL,kBAAC,OAAD;IAAK,WAAWA,EAAO;IAAM,OAAO,EAAE,WAAW,GAAG,MAAMS,EAAK,GAAG;IAC7D,UAAAO;GACA,CAAA;EACJ;;AAEb"}

package/dist/components/Resizable/Resizable.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.module.cjs","names":[],"sources":["../../../src/components/Resizable/Resizable.module.css"],"sourcesContent":[".root {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n}\n\n.horizontal {\n    flex-direction: row;\n}\n\n.vertical {\n    flex-direction: column;\n}\n\n.pane {\n    flex-grow: 0;\n    flex-shrink: 0;\n    min-width: 0;\n    min-height: 0;\n    overflow: auto;\n}\n\n.divider {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--tempest-border);\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n    touch-action: none;\n    user-select: none;\n}\n\n.divider:hover,\n.divider:focus-visible {\n    background-color: var(--tempest-primary);\n}\n\n.divider:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.horizontal > .divider {\n    width: 6px;\n    height: 100%;\n    cursor: col-resize;\n}\n\n.vertical > .divider {\n    width: 100%;\n    height: 6px;\n    cursor: row-resize;\n}\n\n.handle {\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    opacity: 0.7;\n}\n\n.horizontal > .divider .handle {\n    width: 2px;\n    height: 24px;\n}\n\n.vertical > .divider .handle {\n    width: 24px;\n    height: 2px;\n}\n"],"mappings":";"}
+{"version":3,"file":"Resizable.module.cjs","names":["root","horizontal","vertical","pane","divider","handle","Resizable_module_default"],"sources":["../../../src/components/Resizable/Resizable.module.css"],"sourcesContent":[".root {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n}\n\n.horizontal {\n    flex-direction: row;\n}\n\n.vertical {\n    flex-direction: column;\n}\n\n.pane {\n    flex-grow: 0;\n    flex-shrink: 0;\n    min-width: 0;\n    min-height: 0;\n    overflow: auto;\n}\n\n.divider {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--tempest-border);\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n    touch-action: none;\n    user-select: none;\n}\n\n.divider:hover,\n.divider:focus-visible {\n    background-color: var(--tempest-primary);\n}\n\n.divider:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.horizontal > .divider {\n    width: 6px;\n    height: 100%;\n    cursor: col-resize;\n}\n\n.vertical > .divider {\n    width: 100%;\n    height: 6px;\n    cursor: row-resize;\n}\n\n.handle {\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    opacity: 0.7;\n}\n\n.horizontal > .divider .handle {\n    width: 2px;\n    height: 24px;\n}\n\n.vertical > .divider .handle {\n    width: 24px;\n    height: 2px;\n}\n"],"mappings":";"}

package/dist/components/Resizable/Resizable.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.module.js","names":[],"sources":["../../../src/components/Resizable/Resizable.module.css"],"sourcesContent":[".root {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n}\n\n.horizontal {\n    flex-direction: row;\n}\n\n.vertical {\n    flex-direction: column;\n}\n\n.pane {\n    flex-grow: 0;\n    flex-shrink: 0;\n    min-width: 0;\n    min-height: 0;\n    overflow: auto;\n}\n\n.divider {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--tempest-border);\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n    touch-action: none;\n    user-select: none;\n}\n\n.divider:hover,\n.divider:focus-visible {\n    background-color: var(--tempest-primary);\n}\n\n.divider:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.horizontal > .divider {\n    width: 6px;\n    height: 100%;\n    cursor: col-resize;\n}\n\n.vertical > .divider {\n    width: 100%;\n    height: 6px;\n    cursor: row-resize;\n}\n\n.handle {\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    opacity: 0.7;\n}\n\n.horizontal > .divider .handle {\n    width: 2px;\n    height: 24px;\n}\n\n.vertical > .divider .handle {\n    width: 24px;\n    height: 2px;\n}\n"],"mappings":";"}
+{"version":3,"file":"Resizable.module.js","names":["root","horizontal","vertical","pane","divider","handle","Resizable_module_default"],"sources":["../../../src/components/Resizable/Resizable.module.css"],"sourcesContent":[".root {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n}\n\n.horizontal {\n    flex-direction: row;\n}\n\n.vertical {\n    flex-direction: column;\n}\n\n.pane {\n    flex-grow: 0;\n    flex-shrink: 0;\n    min-width: 0;\n    min-height: 0;\n    overflow: auto;\n}\n\n.divider {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--tempest-border);\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n    touch-action: none;\n    user-select: none;\n}\n\n.divider:hover,\n.divider:focus-visible {\n    background-color: var(--tempest-primary);\n}\n\n.divider:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.horizontal > .divider {\n    width: 6px;\n    height: 100%;\n    cursor: col-resize;\n}\n\n.vertical > .divider {\n    width: 100%;\n    height: 6px;\n    cursor: row-resize;\n}\n\n.handle {\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface);\n    opacity: 0.7;\n}\n\n.horizontal > .divider .handle {\n    width: 2px;\n    height: 24px;\n}\n\n.vertical > .divider .handle {\n    width: 24px;\n    height: 2px;\n}\n"],"mappings":";"}

package/dist/components/Responsive/Responsive.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Responsive.cjs","names":[],"sources":["../../../src/components/Responsive/Responsive.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useBreakpoint, type Breakpoint } from \"@/hooks/use-breakpoint\";\n\nexport interface ShowProps {\n    /** Render children only when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Render children only when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Render only on specific breakpoints. Wins over `above`/`below` when set. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\nfunction shouldRender(\n    current: Breakpoint,\n    above: Breakpoint | undefined,\n    below: Breakpoint | undefined,\n    only: Breakpoint | Breakpoint[] | undefined,\n    helpers: { above: (bp: Breakpoint) => boolean; below: (bp: Breakpoint) => boolean },\n): boolean {\n    if (only) {\n        const list = Array.isArray(only) ? only : [only];\n        return list.includes(current);\n    }\n    if (above && !helpers.above(above)) return false;\n    if (below && !helpers.below(below)) return false;\n    return true;\n}\n\n/**\n * Conditionally render children based on the viewport breakpoint.\n *\n * - `above` — render when viewport width is `>=` the given breakpoint.\n * - `below` — render when viewport width is `<` the given breakpoint.\n * - `only` — render only on the listed breakpoint(s).\n *\n * SSR-safe: first render uses `xs` (renders mobile content first); the\n * component re-renders once `useBreakpoint` has the real viewport width.\n */\nexport function Show({ above, below, only, children }: ShowProps): ReactNode {\n    const bp = useBreakpoint();\n    if (!shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n\nexport interface HideProps {\n    /** Hide children when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Hide children when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Hide on specific breakpoints. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\n/** Inverse of `<Show>` — hides children when the condition matches. */\nexport function Hide({ above, below, only, children }: HideProps): ReactNode {\n    const bp = useBreakpoint();\n    if (shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n"],"mappings":"kDAaA,SAAS,EACL,EACA,EACA,EACA,EACA,EACO,CAOP,OANI,GACa,MAAM,QAAQ,CAAI,EAAI,EAAO,CAAC,CAAI,EAAA,CACnC,SAAS,CAAO,EAGhC,EADI,GAAS,CAAC,EAAQ,MAAM,CAAK,GAC7B,GAAS,CAAC,EAAQ,MAAM,CAAK,EAErC,CAYA,SAAgB,EAAK,CAAE,QAAO,QAAO,OAAM,YAAkC,CACzE,IAAM,EAAK,EAAA,cAAc,EAEzB,OADK,EAAa,EAAG,QAAS,EAAO,EAAO,EAAM,CAAE,EAC7C,EADuD,IAElE,CAaA,SAAgB,EAAK,CAAE,QAAO,QAAO,OAAM,YAAkC,CACzE,IAAM,EAAK,EAAA,cAAc,EAEzB,OADI,EAAa,EAAG,QAAS,EAAO,EAAO,EAAM,CAAE,EAAU,KACtD,CACX"}
+{"version":3,"file":"Responsive.cjs","names":["useBreakpoint","require_use_breakpoint","shouldRender","only","current","above","helpers","below","Show","bp","children","Hide"],"sources":["../../../src/components/Responsive/Responsive.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useBreakpoint, type Breakpoint } from \"@/hooks/use-breakpoint\";\n\nexport interface ShowProps {\n    /** Render children only when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Render children only when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Render only on specific breakpoints. Wins over `above`/`below` when set. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\nfunction shouldRender(\n    current: Breakpoint,\n    above: Breakpoint | undefined,\n    below: Breakpoint | undefined,\n    only: Breakpoint | Breakpoint[] | undefined,\n    helpers: { above: (bp: Breakpoint) => boolean; below: (bp: Breakpoint) => boolean },\n): boolean {\n    if (only) {\n        const list = Array.isArray(only) ? only : [only];\n        return list.includes(current);\n    }\n    if (above && !helpers.above(above)) return false;\n    if (below && !helpers.below(below)) return false;\n    return true;\n}\n\n/**\n * Conditionally render children based on the viewport breakpoint.\n *\n * - `above` — render when viewport width is `>=` the given breakpoint.\n * - `below` — render when viewport width is `<` the given breakpoint.\n * - `only` — render only on the listed breakpoint(s).\n *\n * SSR-safe: first render uses `xs` (renders mobile content first); the\n * component re-renders once `useBreakpoint` has the real viewport width.\n */\nexport function Show({ above, below, only, children }: ShowProps): ReactNode {\n    const bp = useBreakpoint();\n    if (!shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n\nexport interface HideProps {\n    /** Hide children when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Hide children when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Hide on specific breakpoints. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\n/** Inverse of `<Show>` — hides children when the condition matches. */\nexport function Hide({ above, below, only, children }: HideProps): ReactNode {\n    const bp = useBreakpoint();\n    if (shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n"],"mappings":"A,kDAaA,SAASE,EACL,EACA,EACA,EACA,EACA,EACO,CAOP,OANIC,GACa,MAAM,QAAQA,CAAI,EAAIA,EAAO,CAACA,CAAI,EAAA,CACnC,SAASC,CAAO,EAGhC,EADIC,GAAS,CAACC,EAAQ,MAAMD,CAAK,GAC7BE,GAAS,CAACD,EAAQ,MAAMC,CAAK,EAErC,CAYA,SAAgBC,EAAK,CAAE,QAAO,QAAO,OAAM,YAAkC,CACzE,IAAMC,EAAKT,EAAAA,cAAc,EAEzB,OADKE,EAAaO,EAAG,QAASJ,EAAOE,EAAOJ,EAAMM,CAAE,EAC7CC,EADuD,IAElE,CAaA,SAAgBC,EAAK,CAAE,QAAO,QAAO,OAAM,YAAkC,CACzE,IAAMF,EAAKT,EAAAA,cAAc,EAEzB,OADIE,EAAaO,EAAG,QAASJ,EAAOE,EAAOJ,EAAMM,CAAE,EAAU,KACtDC,CACX,C"}

package/dist/components/Responsive/Responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Responsive.js","names":[],"sources":["../../../src/components/Responsive/Responsive.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useBreakpoint, type Breakpoint } from \"@/hooks/use-breakpoint\";\n\nexport interface ShowProps {\n    /** Render children only when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Render children only when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Render only on specific breakpoints. Wins over `above`/`below` when set. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\nfunction shouldRender(\n    current: Breakpoint,\n    above: Breakpoint | undefined,\n    below: Breakpoint | undefined,\n    only: Breakpoint | Breakpoint[] | undefined,\n    helpers: { above: (bp: Breakpoint) => boolean; below: (bp: Breakpoint) => boolean },\n): boolean {\n    if (only) {\n        const list = Array.isArray(only) ? only : [only];\n        return list.includes(current);\n    }\n    if (above && !helpers.above(above)) return false;\n    if (below && !helpers.below(below)) return false;\n    return true;\n}\n\n/**\n * Conditionally render children based on the viewport breakpoint.\n *\n * - `above` — render when viewport width is `>=` the given breakpoint.\n * - `below` — render when viewport width is `<` the given breakpoint.\n * - `only` — render only on the listed breakpoint(s).\n *\n * SSR-safe: first render uses `xs` (renders mobile content first); the\n * component re-renders once `useBreakpoint` has the real viewport width.\n */\nexport function Show({ above, below, only, children }: ShowProps): ReactNode {\n    const bp = useBreakpoint();\n    if (!shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n\nexport interface HideProps {\n    /** Hide children when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Hide children when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Hide on specific breakpoints. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\n/** Inverse of `<Show>` — hides children when the condition matches. */\nexport function Hide({ above, below, only, children }: HideProps): ReactNode {\n    const bp = useBreakpoint();\n    if (shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n"],"mappings":";;AAaA,SAAS,EACL,GACA,GACA,GACA,GACA,GACO;CAOP,OANI,KACa,MAAM,QAAQ,CAAI,IAAI,IAAO,CAAC,CAAI,EAAA,CACnC,SAAS,CAAO,IAGhC,EADI,KAAS,CAAC,EAAQ,MAAM,CAAK,KAC7B,KAAS,CAAC,EAAQ,MAAM,CAAK;AAErC;AAYA,SAAgB,EAAK,EAAE,UAAO,UAAO,SAAM,eAAkC;CACzE,IAAM,IAAK,EAAc;CAEzB,OADK,EAAa,EAAG,SAAS,GAAO,GAAO,GAAM,CAAE,IAC7C,IADuD;AAElE;AAaA,SAAgB,EAAK,EAAE,UAAO,UAAO,SAAM,eAAkC;CACzE,IAAM,IAAK,EAAc;CAEzB,OADI,EAAa,EAAG,SAAS,GAAO,GAAO,GAAM,CAAE,IAAU,OACtD;AACX"}
+{"version":3,"file":"Responsive.js","names":["shouldRender","only","current","above","helpers","below","Show","bp","useBreakpoint","children","Hide"],"sources":["../../../src/components/Responsive/Responsive.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useBreakpoint, type Breakpoint } from \"@/hooks/use-breakpoint\";\n\nexport interface ShowProps {\n    /** Render children only when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Render children only when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Render only on specific breakpoints. Wins over `above`/`below` when set. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\nfunction shouldRender(\n    current: Breakpoint,\n    above: Breakpoint | undefined,\n    below: Breakpoint | undefined,\n    only: Breakpoint | Breakpoint[] | undefined,\n    helpers: { above: (bp: Breakpoint) => boolean; below: (bp: Breakpoint) => boolean },\n): boolean {\n    if (only) {\n        const list = Array.isArray(only) ? only : [only];\n        return list.includes(current);\n    }\n    if (above && !helpers.above(above)) return false;\n    if (below && !helpers.below(below)) return false;\n    return true;\n}\n\n/**\n * Conditionally render children based on the viewport breakpoint.\n *\n * - `above` — render when viewport width is `>=` the given breakpoint.\n * - `below` — render when viewport width is `<` the given breakpoint.\n * - `only` — render only on the listed breakpoint(s).\n *\n * SSR-safe: first render uses `xs` (renders mobile content first); the\n * component re-renders once `useBreakpoint` has the real viewport width.\n */\nexport function Show({ above, below, only, children }: ShowProps): ReactNode {\n    const bp = useBreakpoint();\n    if (!shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n\nexport interface HideProps {\n    /** Hide children when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Hide children when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Hide on specific breakpoints. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\n/** Inverse of `<Show>` — hides children when the condition matches. */\nexport function Hide({ above, below, only, children }: HideProps): ReactNode {\n    const bp = useBreakpoint();\n    if (shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n"],"mappings":";;AAaA,SAASA,EACL,GACA,GACA,GACA,GACA,GACO;CAOP,OANIC,KACa,MAAM,QAAQA,CAAI,IAAIA,IAAO,CAACA,CAAI,EAAA,CACnC,SAASC,CAAO,IAGhC,EADIC,KAAS,CAACC,EAAQ,MAAMD,CAAK,KAC7BE,KAAS,CAACD,EAAQ,MAAMC,CAAK;AAErC;AAYA,SAAgBC,EAAK,EAAE,UAAO,UAAO,SAAM,eAAkC;CACzE,IAAMC,IAAKC,EAAc;CAEzB,OADKR,EAAaO,EAAG,SAASJ,GAAOE,GAAOJ,GAAMM,CAAE,IAC7CE,IADuD;AAElE;AAaA,SAAgBC,EAAK,EAAE,UAAO,UAAO,SAAM,eAAkC;CACzE,IAAMH,IAAKC,EAAc;CAEzB,OADIR,EAAaO,EAAG,SAASJ,GAAOE,GAAOJ,GAAMM,CAAE,IAAU,OACtDE;AACX"}

package/dist/components/Reveal/Reveal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Reveal.cjs","names":[],"sources":["../../../src/components/Reveal/Reveal.tsx"],"sourcesContent":["import type { CSSProperties, ElementType, HTMLAttributes, JSX, RefObject } from \"react\";\nimport { useEffect, useRef, useState, useSyncExternalStore } from \"react\";\nimport { useIntersectionObserver } from \"@/hooks/use-intersection-observer\";\nimport { cn } from \"@/utils/cn\";\nimport { RATIO_EPSILON, effectiveThreshold } from \"./reveal-threshold\";\nimport styles from \"./Reveal.module.css\";\n\n/** Direction the content travels from, or `\"fade\"` / `\"scale\"` for no travel. */\nexport type RevealVariant = \"fade\" | \"up\" | \"down\" | \"left\" | \"right\" | \"scale\";\n\n/** Visual state written to `data-state`. */\nexport type RevealState = \"static\" | \"hidden\" | \"shown\";\n\nexport interface RevealProps extends HTMLAttributes<HTMLElement> {\n    /** Intrinsic element to render, e.g. `\"li\"` inside a list. Defaults to `\"div\"`. */\n    as?: keyof JSX.IntrinsicElements;\n    /** How the content enters. Defaults to `\"up\"`. */\n    variant?: RevealVariant;\n    /** Wait before the entrance starts, in ms. Stagger siblings with `index * step`. */\n    delay?: number;\n    /** Length of the entrance, in ms. Defaults to `--tempest-duration-slower`. */\n    duration?: number;\n    /** Reveal once and stop observing. With `false`, it hides again once fully out of view. Defaults to `true`. */\n    once?: boolean;\n    /**\n     * Fraction of the element — or of the viewport, when the element is taller\n     * than it — that must be visible to reveal. Defaults to `0.15`.\n     */\n    threshold?: number;\n    /** Margin around the root, as in `IntersectionObserver`. Defaults to `\"0px\"`. */\n    rootMargin?: string;\n}\n\n/** A ref that never points at an element, used to switch the observer off. */\nconst DETACHED: RefObject<Element | null> = { current: null };\n\n/**\n * Subscribe function for a snapshot that never changes after mount.\n *\n * @returns A no-op unsubscribe.\n */\nfunction subscribeNever(): () => void {\n    return () => undefined;\n}\n\n/**\n * Whether this environment can observe intersections.\n *\n * @returns `true` when `IntersectionObserver` exists.\n */\nfunction canObserve(): boolean {\n    return typeof IntersectionObserver !== \"undefined\";\n}\n\n/**\n * Server snapshot: never hide content that was rendered without JavaScript.\n *\n * @returns Always `false`.\n */\nfunction cannotObserve(): boolean {\n    return false;\n}\n\n/**\n * Animate content into view the first time it is scrolled to.\n *\n * The three failure modes of a hand-rolled version are handled here, not left to\n * the docs:\n *\n * - **Reduced motion.** Under `prefers-reduced-motion: reduce` the stylesheet\n *   pins the element visible with no transform and no transition, whatever\n *   state it is in — so the setting also wins when it changes mid-session.\n * - **No `IntersectionObserver`** (old engines, some crawlers, tests): the\n *   element stays in the `\"static\"` state, which is plain visible content. It is\n *   never hidden waiting for an observation that cannot come.\n * - **Taller than the viewport.** A box three viewports tall never reaches a\n *   ratio of 0.5, so a raw observer with that threshold never reveals it. The\n *   threshold is rescaled by the highest ratio the element can reach (see\n *   `effectiveThreshold`), read from the first observation.\n *\n * Content is hidden only when the client can observe: the server snapshot of\n * `useSyncExternalStore` is `\"static\"`, so markup rendered without JavaScript —\n * or before hydration — is visible. The transition is declared on the `\"shown\"`\n * state only, so the switch to `\"hidden\"` on mount is instant instead of a\n * fade-out, and with `once={false}` leaving the viewport hides without motion.\n *\n * With `once={false}` the element hides only once it is fully out of view. Hiding\n * on the threshold would oscillate: the hidden state translates the box, which\n * moves it back across the same threshold.\n *\n * @example\n * <ul>\n *   {steps.map((step, index) => (\n *     <Reveal key={step.id} as=\"li\" delay={index * 80}>\n *       {step.title}\n *     </Reveal>\n *   ))}\n * </ul>\n */\nexport function Reveal({\n    as = \"div\",\n    variant = \"up\",\n    delay,\n    duration,\n    once = true,\n    threshold = 0.15,\n    rootMargin = \"0px\",\n    className,\n    style,\n    children,\n    ...props\n}: RevealProps) {\n    const ref = useRef<HTMLElement>(null);\n    const observable = useSyncExternalStore(subscribeNever, canObserve, cannotObserve);\n    const [shown, setShown] = useState<boolean>(false);\n    const [rescaled, setRescaled] = useState<{ requested: number; value: number }>({\n        requested: threshold,\n        value: threshold,\n    });\n    const observeAt = rescaled.requested === threshold ? rescaled.value : threshold;\n    const settled = once && shown;\n\n    const entry = useIntersectionObserver(observable && !settled ? ref : DETACHED, {\n        rootMargin,\n        threshold: observeAt,\n    });\n\n    useEffect(() => {\n        if (!entry) return;\n        const target = effectiveThreshold(threshold, entry);\n        if (Math.abs(target - observeAt) > RATIO_EPSILON) {\n            setRescaled({ requested: threshold, value: target });\n        }\n        if (entry.isIntersecting && entry.intersectionRatio + RATIO_EPSILON >= target) {\n            setShown(true);\n        } else if (!once && !entry.isIntersecting) {\n            setShown(false);\n        }\n    }, [entry, threshold, observeAt, once]);\n\n    const state: RevealState = !observable ? \"static\" : shown ? \"shown\" : \"hidden\";\n    const timing: Record<string, string> = {};\n    if (delay !== undefined) timing[\"--tempest-reveal-delay\"] = `${delay}ms`;\n    if (duration !== undefined) timing[\"--tempest-reveal-duration\"] = `${duration}ms`;\n\n    const Tag = as as ElementType;\n\n    return (\n        <Tag\n            {...props}\n            ref={ref}\n            className={cn(styles.reveal, className)}\n            style={{ ...timing, ...style } as CSSProperties}\n            data-state={state}\n            data-variant={variant}\n        >\n            {children}\n        </Tag>\n    );\n}\n"],"mappings":"wNAkCA,IAAM,EAAsC,CAAE,QAAS,IAAK,EAO5D,SAAS,GAA6B,CAClC,UAAa,IAAA,EACjB,CAOA,SAAS,GAAsB,CAC3B,OAAO,OAAO,qBAAyB,GAC3C,CAOA,SAAS,GAAyB,CAC9B,MAAO,EACX,CAsCA,SAAgB,EAAO,CACnB,KAAK,MACL,UAAU,KACV,QACA,WACA,OAAO,GACP,YAAY,IACZ,aAAa,MACb,YACA,QACA,WACA,GAAG,GACS,CACZ,IAAM,GAAA,EAAM,EAAA,OAAA,CAAoB,IAAI,EAC9B,GAAA,EAAa,EAAA,qBAAA,CAAqB,EAAgB,EAAY,CAAa,EAC3E,CAAC,EAAO,IAAA,EAAY,EAAA,SAAA,CAAkB,EAAK,EAC3C,CAAC,EAAU,IAAA,EAAe,EAAA,SAAA,CAA+C,CAC3E,UAAW,EACX,MAAO,CACX,CAAC,EACK,EAAY,EAAS,YAAc,EAAY,EAAS,MAAQ,EAGhE,EAAQ,EAAA,wBAAwB,GAAc,EAFpC,GAAQ,GAEuC,EAAM,EAAU,CAC3E,aACA,UAAW,CACf,CAAC,GAED,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAO,OACZ,IAAM,EAAS,EAAA,mBAAmB,EAAW,CAAK,EAC9C,KAAK,IAAI,EAAS,CAAS,EAAA,MAC3B,EAAY,CAAE,UAAW,EAAW,MAAO,CAAO,CAAC,EAEnD,EAAM,gBAAkB,EAAM,kBAAA,MAAqC,EACnE,EAAS,EAAI,EACN,CAAC,GAAQ,CAAC,EAAM,gBACvB,EAAS,EAAK,CAEtB,EAAG,CAAC,EAAO,EAAW,EAAW,CAAI,CAAC,EAEtC,IAAM,EAAsB,EAAwB,EAAQ,QAAU,SAA7B,SACnC,EAAiC,CAAC,EAMxC,OALI,IAAU,IAAA,KAAW,EAAO,0BAA4B,GAAG,EAAM,KACjE,IAAa,IAAA,KAAW,EAAO,6BAA+B,GAAG,EAAS,MAK1E,EAAA,EAAA,IAAA,CAAC,EAAD,CACI,GAAI,EACC,MACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,CAAS,EACtC,MAAO,CAAE,GAAG,EAAQ,GAAG,CAAM,EAC7B,aAAY,EACZ,eAAc,EAEb,UACA,CAAA,CAEb"}
+{"version":3,"file":"Reveal.cjs","names":["useRef","useSyncExternalStore","useState","useIntersectionObserver","effectiveThreshold","Tag","cn","styles","require_cn","require_use_intersection_observer","require_reveal_threshold","require_Reveal_module","react","react_jsx_runtime","DETACHED","subscribeNever","canObserve","cannotObserve","Reveal","props","ref","observable","shown","setShown","rescaled","setRescaled","threshold","observeAt","entry","once","target","state","timing","delay","duration","as","className","style","variant"],"sources":["../../../src/components/Reveal/Reveal.tsx"],"sourcesContent":["import type { CSSProperties, ElementType, HTMLAttributes, JSX, RefObject } from \"react\";\nimport { useEffect, useRef, useState, useSyncExternalStore } from \"react\";\nimport { useIntersectionObserver } from \"@/hooks/use-intersection-observer\";\nimport { cn } from \"@/utils/cn\";\nimport { RATIO_EPSILON, effectiveThreshold } from \"./reveal-threshold\";\nimport styles from \"./Reveal.module.css\";\n\n/** Direction the content travels from, or `\"fade\"` / `\"scale\"` for no travel. */\nexport type RevealVariant = \"fade\" | \"up\" | \"down\" | \"left\" | \"right\" | \"scale\";\n\n/** Visual state written to `data-state`. */\nexport type RevealState = \"static\" | \"hidden\" | \"shown\";\n\nexport interface RevealProps extends HTMLAttributes<HTMLElement> {\n    /** Intrinsic element to render, e.g. `\"li\"` inside a list. Defaults to `\"div\"`. */\n    as?: keyof JSX.IntrinsicElements;\n    /** How the content enters. Defaults to `\"up\"`. */\n    variant?: RevealVariant;\n    /** Wait before the entrance starts, in ms. Stagger siblings with `index * step`. */\n    delay?: number;\n    /** Length of the entrance, in ms. Defaults to `--tempest-duration-slower`. */\n    duration?: number;\n    /** Reveal once and stop observing. With `false`, it hides again once fully out of view. Defaults to `true`. */\n    once?: boolean;\n    /**\n     * Fraction of the element — or of the viewport, when the element is taller\n     * than it — that must be visible to reveal. Defaults to `0.15`.\n     */\n    threshold?: number;\n    /** Margin around the root, as in `IntersectionObserver`. Defaults to `\"0px\"`. */\n    rootMargin?: string;\n}\n\n/** A ref that never points at an element, used to switch the observer off. */\nconst DETACHED: RefObject<Element | null> = { current: null };\n\n/**\n * Subscribe function for a snapshot that never changes after mount.\n *\n * @returns A no-op unsubscribe.\n */\nfunction subscribeNever(): () => void {\n    return () => undefined;\n}\n\n/**\n * Whether this environment can observe intersections.\n *\n * @returns `true` when `IntersectionObserver` exists.\n */\nfunction canObserve(): boolean {\n    return typeof IntersectionObserver !== \"undefined\";\n}\n\n/**\n * Server snapshot: never hide content that was rendered without JavaScript.\n *\n * @returns Always `false`.\n */\nfunction cannotObserve(): boolean {\n    return false;\n}\n\n/**\n * Animate content into view the first time it is scrolled to.\n *\n * The three failure modes of a hand-rolled version are handled here, not left to\n * the docs:\n *\n * - **Reduced motion.** Under `prefers-reduced-motion: reduce` the stylesheet\n *   pins the element visible with no transform and no transition, whatever\n *   state it is in — so the setting also wins when it changes mid-session.\n * - **No `IntersectionObserver`** (old engines, some crawlers, tests): the\n *   element stays in the `\"static\"` state, which is plain visible content. It is\n *   never hidden waiting for an observation that cannot come.\n * - **Taller than the viewport.** A box three viewports tall never reaches a\n *   ratio of 0.5, so a raw observer with that threshold never reveals it. The\n *   threshold is rescaled by the highest ratio the element can reach (see\n *   `effectiveThreshold`), read from the first observation.\n *\n * Content is hidden only when the client can observe: the server snapshot of\n * `useSyncExternalStore` is `\"static\"`, so markup rendered without JavaScript —\n * or before hydration — is visible. The transition is declared on the `\"shown\"`\n * state only, so the switch to `\"hidden\"` on mount is instant instead of a\n * fade-out, and with `once={false}` leaving the viewport hides without motion.\n *\n * With `once={false}` the element hides only once it is fully out of view. Hiding\n * on the threshold would oscillate: the hidden state translates the box, which\n * moves it back across the same threshold.\n *\n * @example\n * <ul>\n *   {steps.map((step, index) => (\n *     <Reveal key={step.id} as=\"li\" delay={index * 80}>\n *       {step.title}\n *     </Reveal>\n *   ))}\n * </ul>\n */\nexport function Reveal({\n    as = \"div\",\n    variant = \"up\",\n    delay,\n    duration,\n    once = true,\n    threshold = 0.15,\n    rootMargin = \"0px\",\n    className,\n    style,\n    children,\n    ...props\n}: RevealProps) {\n    const ref = useRef<HTMLElement>(null);\n    const observable = useSyncExternalStore(subscribeNever, canObserve, cannotObserve);\n    const [shown, setShown] = useState<boolean>(false);\n    const [rescaled, setRescaled] = useState<{ requested: number; value: number }>({\n        requested: threshold,\n        value: threshold,\n    });\n    const observeAt = rescaled.requested === threshold ? rescaled.value : threshold;\n    const settled = once && shown;\n\n    const entry = useIntersectionObserver(observable && !settled ? ref : DETACHED, {\n        rootMargin,\n        threshold: observeAt,\n    });\n\n    useEffect(() => {\n        if (!entry) return;\n        const target = effectiveThreshold(threshold, entry);\n        if (Math.abs(target - observeAt) > RATIO_EPSILON) {\n            setRescaled({ requested: threshold, value: target });\n        }\n        if (entry.isIntersecting && entry.intersectionRatio + RATIO_EPSILON >= target) {\n            setShown(true);\n        } else if (!once && !entry.isIntersecting) {\n            setShown(false);\n        }\n    }, [entry, threshold, observeAt, once]);\n\n    const state: RevealState = !observable ? \"static\" : shown ? \"shown\" : \"hidden\";\n    const timing: Record<string, string> = {};\n    if (delay !== undefined) timing[\"--tempest-reveal-delay\"] = `${delay}ms`;\n    if (duration !== undefined) timing[\"--tempest-reveal-duration\"] = `${duration}ms`;\n\n    const Tag = as as ElementType;\n\n    return (\n        <Tag\n            {...props}\n            ref={ref}\n            className={cn(styles.reveal, className)}\n            style={{ ...timing, ...style } as CSSProperties}\n            data-state={state}\n            data-variant={variant}\n        >\n            {children}\n        </Tag>\n    );\n}\n"],"mappings":"A,wNAkCA,IAAMc,EAAsC,CAAE,QAAS,IAAK,EAO5D,SAASC,GAA6B,CAClC,UAAa,IAAA,EACjB,CAOA,SAASC,GAAsB,CAC3B,OAAO,OAAO,qBAAyB,GAC3C,CAOA,SAASC,GAAyB,CAC9B,MAAO,EACX,CAsCA,SAAgBC,EAAO,CACnB,KAAK,MACL,UAAU,KACV,QACA,WACA,OAAO,GACP,YAAY,IACZ,aAAa,MACb,YACA,QACA,WACA,GAAGC,GACS,CACZ,IAAMC,GAAA,EAAMpB,EAAAA,OAAAA,CAAoB,IAAI,EAC9BqB,GAAA,EAAapB,EAAAA,qBAAAA,CAAqBc,EAAgBC,EAAYC,CAAa,EAC3E,CAACK,EAAOC,IAAA,EAAYrB,EAAAA,SAAAA,CAAkB,EAAK,EAC3C,CAACsB,EAAUC,IAAA,EAAevB,EAAAA,SAAAA,CAA+C,CAC3E,UAAWwB,EACX,MAAOA,CACX,CAAC,EACKC,EAAYH,EAAS,YAAcE,EAAYF,EAAS,MAAQE,EAGhEE,EAAQzB,EAAAA,wBAAwBkB,GAAc,EAFpCQ,GAAQP,GAEuCF,EAAMN,EAAU,CAC3E,aACA,UAAWa,CACf,CAAC,GAED,EAAAf,EAAA,UAAA,KAAgB,CACZ,GAAI,CAACgB,EAAO,OACZ,IAAME,EAAS1B,EAAAA,mBAAmBsB,EAAWE,CAAK,EAC9C,KAAK,IAAIE,EAASH,CAAS,EAAA,MAC3BF,EAAY,CAAE,UAAWC,EAAW,MAAOI,CAAO,CAAC,EAEnDF,EAAM,gBAAkBA,EAAM,kBAAA,MAAqCE,EACnEP,EAAS,EAAI,EACN,CAACM,GAAQ,CAACD,EAAM,gBACvBL,EAAS,EAAK,CAEtB,EAAG,CAACK,EAAOF,EAAWC,EAAWE,CAAI,CAAC,EAEtC,IAAME,EAAsBV,EAAwBC,EAAQ,QAAU,SAA7B,SACnCU,EAAiC,CAAC,EAMxC,OALIC,IAAU,IAAA,KAAW,EAAO,0BAA4B,GAAGA,EAAM,KACjEC,IAAa,IAAA,KAAW,EAAO,6BAA+B,GAAGA,EAAS,MAK1E,EAAArB,EAAA,IAAA,CAACR,EAAD,CACI,GAAIc,EACC,MACL,UAAWb,EAAAA,GAAGC,EAAAA,QAAO,OAAQ6B,CAAS,EACtC,MAAO,CAAE,GAAGJ,EAAQ,GAAGK,CAAM,EAC7B,aAAYN,EACZ,eAAcO,EAEb,UACA,CAAA,CAEb,C"}

package/dist/components/Reveal/Reveal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Reveal.js","names":[],"sources":["../../../src/components/Reveal/Reveal.tsx"],"sourcesContent":["import type { CSSProperties, ElementType, HTMLAttributes, JSX, RefObject } from \"react\";\nimport { useEffect, useRef, useState, useSyncExternalStore } from \"react\";\nimport { useIntersectionObserver } from \"@/hooks/use-intersection-observer\";\nimport { cn } from \"@/utils/cn\";\nimport { RATIO_EPSILON, effectiveThreshold } from \"./reveal-threshold\";\nimport styles from \"./Reveal.module.css\";\n\n/** Direction the content travels from, or `\"fade\"` / `\"scale\"` for no travel. */\nexport type RevealVariant = \"fade\" | \"up\" | \"down\" | \"left\" | \"right\" | \"scale\";\n\n/** Visual state written to `data-state`. */\nexport type RevealState = \"static\" | \"hidden\" | \"shown\";\n\nexport interface RevealProps extends HTMLAttributes<HTMLElement> {\n    /** Intrinsic element to render, e.g. `\"li\"` inside a list. Defaults to `\"div\"`. */\n    as?: keyof JSX.IntrinsicElements;\n    /** How the content enters. Defaults to `\"up\"`. */\n    variant?: RevealVariant;\n    /** Wait before the entrance starts, in ms. Stagger siblings with `index * step`. */\n    delay?: number;\n    /** Length of the entrance, in ms. Defaults to `--tempest-duration-slower`. */\n    duration?: number;\n    /** Reveal once and stop observing. With `false`, it hides again once fully out of view. Defaults to `true`. */\n    once?: boolean;\n    /**\n     * Fraction of the element — or of the viewport, when the element is taller\n     * than it — that must be visible to reveal. Defaults to `0.15`.\n     */\n    threshold?: number;\n    /** Margin around the root, as in `IntersectionObserver`. Defaults to `\"0px\"`. */\n    rootMargin?: string;\n}\n\n/** A ref that never points at an element, used to switch the observer off. */\nconst DETACHED: RefObject<Element | null> = { current: null };\n\n/**\n * Subscribe function for a snapshot that never changes after mount.\n *\n * @returns A no-op unsubscribe.\n */\nfunction subscribeNever(): () => void {\n    return () => undefined;\n}\n\n/**\n * Whether this environment can observe intersections.\n *\n * @returns `true` when `IntersectionObserver` exists.\n */\nfunction canObserve(): boolean {\n    return typeof IntersectionObserver !== \"undefined\";\n}\n\n/**\n * Server snapshot: never hide content that was rendered without JavaScript.\n *\n * @returns Always `false`.\n */\nfunction cannotObserve(): boolean {\n    return false;\n}\n\n/**\n * Animate content into view the first time it is scrolled to.\n *\n * The three failure modes of a hand-rolled version are handled here, not left to\n * the docs:\n *\n * - **Reduced motion.** Under `prefers-reduced-motion: reduce` the stylesheet\n *   pins the element visible with no transform and no transition, whatever\n *   state it is in — so the setting also wins when it changes mid-session.\n * - **No `IntersectionObserver`** (old engines, some crawlers, tests): the\n *   element stays in the `\"static\"` state, which is plain visible content. It is\n *   never hidden waiting for an observation that cannot come.\n * - **Taller than the viewport.** A box three viewports tall never reaches a\n *   ratio of 0.5, so a raw observer with that threshold never reveals it. The\n *   threshold is rescaled by the highest ratio the element can reach (see\n *   `effectiveThreshold`), read from the first observation.\n *\n * Content is hidden only when the client can observe: the server snapshot of\n * `useSyncExternalStore` is `\"static\"`, so markup rendered without JavaScript —\n * or before hydration — is visible. The transition is declared on the `\"shown\"`\n * state only, so the switch to `\"hidden\"` on mount is instant instead of a\n * fade-out, and with `once={false}` leaving the viewport hides without motion.\n *\n * With `once={false}` the element hides only once it is fully out of view. Hiding\n * on the threshold would oscillate: the hidden state translates the box, which\n * moves it back across the same threshold.\n *\n * @example\n * <ul>\n *   {steps.map((step, index) => (\n *     <Reveal key={step.id} as=\"li\" delay={index * 80}>\n *       {step.title}\n *     </Reveal>\n *   ))}\n * </ul>\n */\nexport function Reveal({\n    as = \"div\",\n    variant = \"up\",\n    delay,\n    duration,\n    once = true,\n    threshold = 0.15,\n    rootMargin = \"0px\",\n    className,\n    style,\n    children,\n    ...props\n}: RevealProps) {\n    const ref = useRef<HTMLElement>(null);\n    const observable = useSyncExternalStore(subscribeNever, canObserve, cannotObserve);\n    const [shown, setShown] = useState<boolean>(false);\n    const [rescaled, setRescaled] = useState<{ requested: number; value: number }>({\n        requested: threshold,\n        value: threshold,\n    });\n    const observeAt = rescaled.requested === threshold ? rescaled.value : threshold;\n    const settled = once && shown;\n\n    const entry = useIntersectionObserver(observable && !settled ? ref : DETACHED, {\n        rootMargin,\n        threshold: observeAt,\n    });\n\n    useEffect(() => {\n        if (!entry) return;\n        const target = effectiveThreshold(threshold, entry);\n        if (Math.abs(target - observeAt) > RATIO_EPSILON) {\n            setRescaled({ requested: threshold, value: target });\n        }\n        if (entry.isIntersecting && entry.intersectionRatio + RATIO_EPSILON >= target) {\n            setShown(true);\n        } else if (!once && !entry.isIntersecting) {\n            setShown(false);\n        }\n    }, [entry, threshold, observeAt, once]);\n\n    const state: RevealState = !observable ? \"static\" : shown ? \"shown\" : \"hidden\";\n    const timing: Record<string, string> = {};\n    if (delay !== undefined) timing[\"--tempest-reveal-delay\"] = `${delay}ms`;\n    if (duration !== undefined) timing[\"--tempest-reveal-duration\"] = `${duration}ms`;\n\n    const Tag = as as ElementType;\n\n    return (\n        <Tag\n            {...props}\n            ref={ref}\n            className={cn(styles.reveal, className)}\n            style={{ ...timing, ...style } as CSSProperties}\n            data-state={state}\n            data-variant={variant}\n        >\n            {children}\n        </Tag>\n    );\n}\n"],"mappings":";;;;;;;AAkCA,IAAM,IAAsC,EAAE,SAAS,KAAK;AAO5D,SAAS,IAA6B;CAClC,aAAa,KAAA;AACjB;AAOA,SAAS,IAAsB;CAC3B,OAAO,OAAO,uBAAyB;AAC3C;AAOA,SAAS,IAAyB;CAC9B,OAAO;AACX;AAsCA,SAAgB,EAAO,EACnB,QAAK,OACL,aAAU,MACV,UACA,aACA,UAAO,IACP,eAAY,KACZ,gBAAa,OACb,cACA,UACA,aACA,GAAG,KACS;CACZ,IAAM,IAAM,EAAoB,IAAI,GAC9B,IAAa,EAAqB,GAAgB,GAAY,CAAa,GAC3E,CAAC,GAAO,KAAY,EAAkB,EAAK,GAC3C,CAAC,GAAU,KAAe,EAA+C;EAC3E,WAAW;EACX,OAAO;CACX,CAAC,GACK,IAAY,EAAS,cAAc,IAAY,EAAS,QAAQ,GAGhE,IAAQ,EAAwB,KAAc,EAFpC,KAAQ,KAEuC,IAAM,GAAU;EAC3E;EACA,WAAW;CACf,CAAC;CAED,QAAgB;EACZ,IAAI,CAAC,GAAO;EACZ,IAAM,IAAS,EAAmB,GAAW,CAAK;EAIlD,AAHI,KAAK,IAAI,IAAS,CAAS,IAAA,QAC3B,EAAY;GAAE,WAAW;GAAW,OAAO;EAAO,CAAC,GAEnD,EAAM,kBAAkB,EAAM,oBAAA,QAAqC,IACnE,EAAS,EAAI,IACN,CAAC,KAAQ,CAAC,EAAM,kBACvB,EAAS,EAAK;CAEtB,GAAG;EAAC;EAAO;EAAW;EAAW;CAAI,CAAC;CAEtC,IAAM,IAAsB,IAAwB,IAAQ,UAAU,WAA7B,UACnC,IAAiC,CAAC;CAMxC,OALI,MAAU,KAAA,MAAW,EAAO,4BAA4B,GAAG,EAAM,MACjE,MAAa,KAAA,MAAW,EAAO,+BAA+B,GAAG,EAAS,MAK1E,kBAAC,GAAD;EACI,GAAI;EACC;EACL,WAAW,EAAG,EAAO,QAAQ,CAAS;EACtC,OAAO;GAAE,GAAG;GAAQ,GAAG;EAAM;EAC7B,cAAY;EACZ,gBAAc;EAEb;CACA,CAAA;AAEb"}
+{"version":3,"file":"Reveal.js","names":["Tag","styles","Reveal_module_default","DETACHED","subscribeNever","canObserve","cannotObserve","Reveal","props","ref","useRef","observable","useSyncExternalStore","shown","setShown","useState","rescaled","setRescaled","threshold","observeAt","entry","useIntersectionObserver","once","target","effectiveThreshold","state","timing","delay","duration","as","cn","className","style","variant"],"sources":["../../../src/components/Reveal/Reveal.tsx"],"sourcesContent":["import type { CSSProperties, ElementType, HTMLAttributes, JSX, RefObject } from \"react\";\nimport { useEffect, useRef, useState, useSyncExternalStore } from \"react\";\nimport { useIntersectionObserver } from \"@/hooks/use-intersection-observer\";\nimport { cn } from \"@/utils/cn\";\nimport { RATIO_EPSILON, effectiveThreshold } from \"./reveal-threshold\";\nimport styles from \"./Reveal.module.css\";\n\n/** Direction the content travels from, or `\"fade\"` / `\"scale\"` for no travel. */\nexport type RevealVariant = \"fade\" | \"up\" | \"down\" | \"left\" | \"right\" | \"scale\";\n\n/** Visual state written to `data-state`. */\nexport type RevealState = \"static\" | \"hidden\" | \"shown\";\n\nexport interface RevealProps extends HTMLAttributes<HTMLElement> {\n    /** Intrinsic element to render, e.g. `\"li\"` inside a list. Defaults to `\"div\"`. */\n    as?: keyof JSX.IntrinsicElements;\n    /** How the content enters. Defaults to `\"up\"`. */\n    variant?: RevealVariant;\n    /** Wait before the entrance starts, in ms. Stagger siblings with `index * step`. */\n    delay?: number;\n    /** Length of the entrance, in ms. Defaults to `--tempest-duration-slower`. */\n    duration?: number;\n    /** Reveal once and stop observing. With `false`, it hides again once fully out of view. Defaults to `true`. */\n    once?: boolean;\n    /**\n     * Fraction of the element — or of the viewport, when the element is taller\n     * than it — that must be visible to reveal. Defaults to `0.15`.\n     */\n    threshold?: number;\n    /** Margin around the root, as in `IntersectionObserver`. Defaults to `\"0px\"`. */\n    rootMargin?: string;\n}\n\n/** A ref that never points at an element, used to switch the observer off. */\nconst DETACHED: RefObject<Element | null> = { current: null };\n\n/**\n * Subscribe function for a snapshot that never changes after mount.\n *\n * @returns A no-op unsubscribe.\n */\nfunction subscribeNever(): () => void {\n    return () => undefined;\n}\n\n/**\n * Whether this environment can observe intersections.\n *\n * @returns `true` when `IntersectionObserver` exists.\n */\nfunction canObserve(): boolean {\n    return typeof IntersectionObserver !== \"undefined\";\n}\n\n/**\n * Server snapshot: never hide content that was rendered without JavaScript.\n *\n * @returns Always `false`.\n */\nfunction cannotObserve(): boolean {\n    return false;\n}\n\n/**\n * Animate content into view the first time it is scrolled to.\n *\n * The three failure modes of a hand-rolled version are handled here, not left to\n * the docs:\n *\n * - **Reduced motion.** Under `prefers-reduced-motion: reduce` the stylesheet\n *   pins the element visible with no transform and no transition, whatever\n *   state it is in — so the setting also wins when it changes mid-session.\n * - **No `IntersectionObserver`** (old engines, some crawlers, tests): the\n *   element stays in the `\"static\"` state, which is plain visible content. It is\n *   never hidden waiting for an observation that cannot come.\n * - **Taller than the viewport.** A box three viewports tall never reaches a\n *   ratio of 0.5, so a raw observer with that threshold never reveals it. The\n *   threshold is rescaled by the highest ratio the element can reach (see\n *   `effectiveThreshold`), read from the first observation.\n *\n * Content is hidden only when the client can observe: the server snapshot of\n * `useSyncExternalStore` is `\"static\"`, so markup rendered without JavaScript —\n * or before hydration — is visible. The transition is declared on the `\"shown\"`\n * state only, so the switch to `\"hidden\"` on mount is instant instead of a\n * fade-out, and with `once={false}` leaving the viewport hides without motion.\n *\n * With `once={false}` the element hides only once it is fully out of view. Hiding\n * on the threshold would oscillate: the hidden state translates the box, which\n * moves it back across the same threshold.\n *\n * @example\n * <ul>\n *   {steps.map((step, index) => (\n *     <Reveal key={step.id} as=\"li\" delay={index * 80}>\n *       {step.title}\n *     </Reveal>\n *   ))}\n * </ul>\n */\nexport function Reveal({\n    as = \"div\",\n    variant = \"up\",\n    delay,\n    duration,\n    once = true,\n    threshold = 0.15,\n    rootMargin = \"0px\",\n    className,\n    style,\n    children,\n    ...props\n}: RevealProps) {\n    const ref = useRef<HTMLElement>(null);\n    const observable = useSyncExternalStore(subscribeNever, canObserve, cannotObserve);\n    const [shown, setShown] = useState<boolean>(false);\n    const [rescaled, setRescaled] = useState<{ requested: number; value: number }>({\n        requested: threshold,\n        value: threshold,\n    });\n    const observeAt = rescaled.requested === threshold ? rescaled.value : threshold;\n    const settled = once && shown;\n\n    const entry = useIntersectionObserver(observable && !settled ? ref : DETACHED, {\n        rootMargin,\n        threshold: observeAt,\n    });\n\n    useEffect(() => {\n        if (!entry) return;\n        const target = effectiveThreshold(threshold, entry);\n        if (Math.abs(target - observeAt) > RATIO_EPSILON) {\n            setRescaled({ requested: threshold, value: target });\n        }\n        if (entry.isIntersecting && entry.intersectionRatio + RATIO_EPSILON >= target) {\n            setShown(true);\n        } else if (!once && !entry.isIntersecting) {\n            setShown(false);\n        }\n    }, [entry, threshold, observeAt, once]);\n\n    const state: RevealState = !observable ? \"static\" : shown ? \"shown\" : \"hidden\";\n    const timing: Record<string, string> = {};\n    if (delay !== undefined) timing[\"--tempest-reveal-delay\"] = `${delay}ms`;\n    if (duration !== undefined) timing[\"--tempest-reveal-duration\"] = `${duration}ms`;\n\n    const Tag = as as ElementType;\n\n    return (\n        <Tag\n            {...props}\n            ref={ref}\n            className={cn(styles.reveal, className)}\n            style={{ ...timing, ...style } as CSSProperties}\n            data-state={state}\n            data-variant={variant}\n        >\n            {children}\n        </Tag>\n    );\n}\n"],"mappings":";;;;;;;AAkCA,IAAMG,IAAsC,EAAE,SAAS,KAAK;AAO5D,SAASC,IAA6B;CAClC,aAAa,KAAA;AACjB;AAOA,SAASC,IAAsB;CAC3B,OAAO,OAAO,uBAAyB;AAC3C;AAOA,SAASC,IAAyB;CAC9B,OAAO;AACX;AAsCA,SAAgBC,EAAO,EACnB,QAAK,OACL,aAAU,MACV,UACA,aACA,UAAO,IACP,eAAY,KACZ,gBAAa,OACb,cACA,UACA,aACA,GAAGC,KACS;CACZ,IAAMC,IAAMC,EAAoB,IAAI,GAC9BC,IAAaC,EAAqBR,GAAgBC,GAAYC,CAAa,GAC3E,CAACO,GAAOC,KAAYC,EAAkB,EAAK,GAC3C,CAACC,GAAUC,KAAeF,EAA+C;EAC3E,WAAWG;EACX,OAAOA;CACX,CAAC,GACKC,IAAYH,EAAS,cAAcE,IAAYF,EAAS,QAAQE,GAGhEE,IAAQC,EAAwBV,KAAc,EAFpCW,KAAQT,KAEuCJ,IAAMN,GAAU;EAC3E;EACA,WAAWgB;CACf,CAAC;CAED,QAAgB;EACZ,IAAI,CAACC,GAAO;EACZ,IAAMG,IAASC,EAAmBN,GAAWE,CAAK;EAIlD,AAHI,KAAK,IAAIG,IAASJ,CAAS,IAAA,QAC3BF,EAAY;GAAE,WAAWC;GAAW,OAAOK;EAAO,CAAC,GAEnDH,EAAM,kBAAkBA,EAAM,oBAAA,QAAqCG,IACnET,EAAS,EAAI,IACN,CAACQ,KAAQ,CAACF,EAAM,kBACvBN,EAAS,EAAK;CAEtB,GAAG;EAACM;EAAOF;EAAWC;EAAWG;CAAI,CAAC;CAEtC,IAAMG,IAAsBd,IAAwBE,IAAQ,UAAU,WAA7B,UACnCa,IAAiC,CAAC;CAMxC,OALIC,MAAU,KAAA,MAAW,EAAO,4BAA4B,GAAGA,EAAM,MACjEC,MAAa,KAAA,MAAW,EAAO,+BAA+B,GAAGA,EAAS,MAK1E,kBAAC5B,GAAD;EACI,GAAIQ;EACC;EACL,WAAWsB,EAAG7B,EAAO,QAAQ8B,CAAS;EACtC,OAAO;GAAE,GAAGL;GAAQ,GAAGM;EAAM;EAC7B,cAAYP;EACZ,gBAAcQ;EAEb;CACA,CAAA;AAEb"}

package/dist/components/Reveal/Reveal.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Reveal.module.cjs","names":[],"sources":["../../../src/components/Reveal/Reveal.module.css"],"sourcesContent":[".reveal[data-state=\"hidden\"] {\n    opacity: 0;\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"up\"] {\n    transform: translate3d(0, var(--tempest-reveal-distance, 1.5rem), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"down\"] {\n    transform: translate3d(0, calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"left\"] {\n    transform: translate3d(var(--tempest-reveal-distance, 1.5rem), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"right\"] {\n    transform: translate3d(calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"scale\"] {\n    transform: scale(var(--tempest-reveal-scale, 0.95));\n}\n\n.reveal[data-state=\"shown\"] {\n    opacity: 1;\n    transform: none;\n    transition:\n        opacity var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-out)),\n        transform var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-emphasized));\n    transition-delay: var(--tempest-reveal-delay, 0ms);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .reveal[data-state][data-variant] {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Reveal.module.cjs","names":["reveal","Reveal_module_default"],"sources":["../../../src/components/Reveal/Reveal.module.css"],"sourcesContent":[".reveal[data-state=\"hidden\"] {\n    opacity: 0;\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"up\"] {\n    transform: translate3d(0, var(--tempest-reveal-distance, 1.5rem), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"down\"] {\n    transform: translate3d(0, calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"left\"] {\n    transform: translate3d(var(--tempest-reveal-distance, 1.5rem), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"right\"] {\n    transform: translate3d(calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"scale\"] {\n    transform: scale(var(--tempest-reveal-scale, 0.95));\n}\n\n.reveal[data-state=\"shown\"] {\n    opacity: 1;\n    transform: none;\n    transition:\n        opacity var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-out)),\n        transform var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-emphasized));\n    transition-delay: var(--tempest-reveal-delay, 0ms);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .reveal[data-state][data-variant] {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/Reveal/Reveal.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Reveal.module.js","names":[],"sources":["../../../src/components/Reveal/Reveal.module.css"],"sourcesContent":[".reveal[data-state=\"hidden\"] {\n    opacity: 0;\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"up\"] {\n    transform: translate3d(0, var(--tempest-reveal-distance, 1.5rem), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"down\"] {\n    transform: translate3d(0, calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"left\"] {\n    transform: translate3d(var(--tempest-reveal-distance, 1.5rem), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"right\"] {\n    transform: translate3d(calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"scale\"] {\n    transform: scale(var(--tempest-reveal-scale, 0.95));\n}\n\n.reveal[data-state=\"shown\"] {\n    opacity: 1;\n    transform: none;\n    transition:\n        opacity var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-out)),\n        transform var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-emphasized));\n    transition-delay: var(--tempest-reveal-delay, 0ms);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .reveal[data-state][data-variant] {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Reveal.module.js","names":["reveal","Reveal_module_default"],"sources":["../../../src/components/Reveal/Reveal.module.css"],"sourcesContent":[".reveal[data-state=\"hidden\"] {\n    opacity: 0;\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"up\"] {\n    transform: translate3d(0, var(--tempest-reveal-distance, 1.5rem), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"down\"] {\n    transform: translate3d(0, calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"left\"] {\n    transform: translate3d(var(--tempest-reveal-distance, 1.5rem), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"right\"] {\n    transform: translate3d(calc(-1 * var(--tempest-reveal-distance, 1.5rem)), 0, 0);\n}\n\n.reveal[data-state=\"hidden\"][data-variant=\"scale\"] {\n    transform: scale(var(--tempest-reveal-scale, 0.95));\n}\n\n.reveal[data-state=\"shown\"] {\n    opacity: 1;\n    transform: none;\n    transition:\n        opacity var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-out)),\n        transform var(--tempest-reveal-duration, var(--tempest-duration-slower))\n            var(--tempest-reveal-easing, var(--tempest-ease-emphasized));\n    transition-delay: var(--tempest-reveal-delay, 0ms);\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .reveal[data-state][data-variant] {\n        opacity: 1;\n        transform: none;\n        transition: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/Reveal/reveal-threshold.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"reveal-threshold.cjs","names":[],"sources":["../../../src/components/Reveal/reveal-threshold.ts"],"sourcesContent":["/**\n * Tolerance for comparing intersection ratios.\n *\n * Browsers report `intersectionRatio` as the quotient of two rounded areas, so a\n * box sitting exactly on its threshold can come back a hair below it. Without\n * the slack the observer fires (it crossed) and the comparison says it did not.\n */\nexport const RATIO_EPSILON = 0.001;\n\n/**\n * Highest `intersectionRatio` the target can ever reach inside the root.\n *\n * A box taller (or wider) than the root never fits in it: a section three\n * viewports tall tops out at a ratio of about 0.33. Any threshold above that is\n * unreachable, and an observer asked for it never reports the crossing.\n *\n * @param entry - An observation of the target; only its geometry is read.\n * @returns A value in `(0, 1]`, or `1` when the geometry is unknown (no\n *   `rootBounds`, as in a cross-origin iframe, or an empty box).\n */\nexport function reachableRatio(entry: IntersectionObserverEntry): number {\n    const root = entry.rootBounds;\n    const box = entry.boundingClientRect;\n    if (!root || box.width <= 0 || box.height <= 0) return 1;\n    return Math.min(1, root.height / box.height) * Math.min(1, root.width / box.width);\n}\n\n/**\n * The threshold `Reveal` actually observes with, given the one it was asked for.\n *\n * The requested threshold is read as \"this fraction of whichever is smaller,\n * the element or the viewport\". For a box that fits, that is the plain ratio;\n * for a box taller than the viewport it scales the threshold by the reachable\n * ratio, so `threshold={0.5}` on a 3-viewport section reveals once it fills\n * half the viewport instead of never.\n *\n * @param threshold - The requested threshold, in `[0, 1]`.\n * @param entry - The latest observation, or `null` before the first one.\n * @returns The threshold to observe with.\n */\nexport function effectiveThreshold(\n    threshold: number,\n    entry: IntersectionObserverEntry | null,\n): number {\n    if (!entry) return threshold;\n    return threshold * reachableRatio(entry);\n}\n"],"mappings":"AAOA,IAAa,EAAgB,KAa7B,SAAgB,EAAe,EAA0C,CACrE,IAAM,EAAO,EAAM,WACb,EAAM,EAAM,mBAElB,MADI,CAAC,GAAQ,EAAI,OAAS,GAAK,EAAI,QAAU,EAAU,EAChD,KAAK,IAAI,EAAG,EAAK,OAAS,EAAI,MAAM,EAAI,KAAK,IAAI,EAAG,EAAK,MAAQ,EAAI,KAAK,CACrF,CAeA,SAAgB,EACZ,EACA,EACM,CAEN,OADK,EACE,EAAY,EAAe,CAAK,EADpB,CAEvB"}
+{"version":3,"file":"reveal-threshold.cjs","names":["RATIO_EPSILON","reachableRatio","root","entry","box","effectiveThreshold","threshold"],"sources":["../../../src/components/Reveal/reveal-threshold.ts"],"sourcesContent":["/**\n * Tolerance for comparing intersection ratios.\n *\n * Browsers report `intersectionRatio` as the quotient of two rounded areas, so a\n * box sitting exactly on its threshold can come back a hair below it. Without\n * the slack the observer fires (it crossed) and the comparison says it did not.\n */\nexport const RATIO_EPSILON = 0.001;\n\n/**\n * Highest `intersectionRatio` the target can ever reach inside the root.\n *\n * A box taller (or wider) than the root never fits in it: a section three\n * viewports tall tops out at a ratio of about 0.33. Any threshold above that is\n * unreachable, and an observer asked for it never reports the crossing.\n *\n * @param entry - An observation of the target; only its geometry is read.\n * @returns A value in `(0, 1]`, or `1` when the geometry is unknown (no\n *   `rootBounds`, as in a cross-origin iframe, or an empty box).\n */\nexport function reachableRatio(entry: IntersectionObserverEntry): number {\n    const root = entry.rootBounds;\n    const box = entry.boundingClientRect;\n    if (!root || box.width <= 0 || box.height <= 0) return 1;\n    return Math.min(1, root.height / box.height) * Math.min(1, root.width / box.width);\n}\n\n/**\n * The threshold `Reveal` actually observes with, given the one it was asked for.\n *\n * The requested threshold is read as \"this fraction of whichever is smaller,\n * the element or the viewport\". For a box that fits, that is the plain ratio;\n * for a box taller than the viewport it scales the threshold by the reachable\n * ratio, so `threshold={0.5}` on a 3-viewport section reveals once it fills\n * half the viewport instead of never.\n *\n * @param threshold - The requested threshold, in `[0, 1]`.\n * @param entry - The latest observation, or `null` before the first one.\n * @returns The threshold to observe with.\n */\nexport function effectiveThreshold(\n    threshold: number,\n    entry: IntersectionObserverEntry | null,\n): number {\n    if (!entry) return threshold;\n    return threshold * reachableRatio(entry);\n}\n"],"mappings":"AAOA,IAAaA,EAAgB,KAa7B,SAAgBC,EAAe,EAA0C,CACrE,IAAMC,EAAOC,EAAM,WACbC,EAAMD,EAAM,mBAElB,MADI,CAACD,GAAQE,EAAI,OAAS,GAAKA,EAAI,QAAU,EAAU,EAChD,KAAK,IAAI,EAAGF,EAAK,OAASE,EAAI,MAAM,EAAI,KAAK,IAAI,EAAGF,EAAK,MAAQE,EAAI,KAAK,CACrF,CAeA,SAAgBC,EACZ,EACA,EACM,CAEN,OADKF,EACEG,EAAYL,EAAeE,CAAK,EADpBG,CAEvB,C"}

package/dist/components/Reveal/reveal-threshold.js.map

@@ -1 +1 @@
-{"version":3,"file":"reveal-threshold.js","names":[],"sources":["../../../src/components/Reveal/reveal-threshold.ts"],"sourcesContent":["/**\n * Tolerance for comparing intersection ratios.\n *\n * Browsers report `intersectionRatio` as the quotient of two rounded areas, so a\n * box sitting exactly on its threshold can come back a hair below it. Without\n * the slack the observer fires (it crossed) and the comparison says it did not.\n */\nexport const RATIO_EPSILON = 0.001;\n\n/**\n * Highest `intersectionRatio` the target can ever reach inside the root.\n *\n * A box taller (or wider) than the root never fits in it: a section three\n * viewports tall tops out at a ratio of about 0.33. Any threshold above that is\n * unreachable, and an observer asked for it never reports the crossing.\n *\n * @param entry - An observation of the target; only its geometry is read.\n * @returns A value in `(0, 1]`, or `1` when the geometry is unknown (no\n *   `rootBounds`, as in a cross-origin iframe, or an empty box).\n */\nexport function reachableRatio(entry: IntersectionObserverEntry): number {\n    const root = entry.rootBounds;\n    const box = entry.boundingClientRect;\n    if (!root || box.width <= 0 || box.height <= 0) return 1;\n    return Math.min(1, root.height / box.height) * Math.min(1, root.width / box.width);\n}\n\n/**\n * The threshold `Reveal` actually observes with, given the one it was asked for.\n *\n * The requested threshold is read as \"this fraction of whichever is smaller,\n * the element or the viewport\". For a box that fits, that is the plain ratio;\n * for a box taller than the viewport it scales the threshold by the reachable\n * ratio, so `threshold={0.5}` on a 3-viewport section reveals once it fills\n * half the viewport instead of never.\n *\n * @param threshold - The requested threshold, in `[0, 1]`.\n * @param entry - The latest observation, or `null` before the first one.\n * @returns The threshold to observe with.\n */\nexport function effectiveThreshold(\n    threshold: number,\n    entry: IntersectionObserverEntry | null,\n): number {\n    if (!entry) return threshold;\n    return threshold * reachableRatio(entry);\n}\n"],"mappings":";AAOA,IAAa,IAAgB;AAa7B,SAAgB,EAAe,GAA0C;CACrE,IAAM,IAAO,EAAM,YACb,IAAM,EAAM;CAElB,OADI,CAAC,KAAQ,EAAI,SAAS,KAAK,EAAI,UAAU,IAAU,IAChD,KAAK,IAAI,GAAG,EAAK,SAAS,EAAI,MAAM,IAAI,KAAK,IAAI,GAAG,EAAK,QAAQ,EAAI,KAAK;AACrF;AAeA,SAAgB,EACZ,GACA,GACM;CAEN,OADK,IACE,IAAY,EAAe,CAAK,IADpB;AAEvB"}
+{"version":3,"file":"reveal-threshold.js","names":["RATIO_EPSILON","reachableRatio","root","entry","box","effectiveThreshold","threshold"],"sources":["../../../src/components/Reveal/reveal-threshold.ts"],"sourcesContent":["/**\n * Tolerance for comparing intersection ratios.\n *\n * Browsers report `intersectionRatio` as the quotient of two rounded areas, so a\n * box sitting exactly on its threshold can come back a hair below it. Without\n * the slack the observer fires (it crossed) and the comparison says it did not.\n */\nexport const RATIO_EPSILON = 0.001;\n\n/**\n * Highest `intersectionRatio` the target can ever reach inside the root.\n *\n * A box taller (or wider) than the root never fits in it: a section three\n * viewports tall tops out at a ratio of about 0.33. Any threshold above that is\n * unreachable, and an observer asked for it never reports the crossing.\n *\n * @param entry - An observation of the target; only its geometry is read.\n * @returns A value in `(0, 1]`, or `1` when the geometry is unknown (no\n *   `rootBounds`, as in a cross-origin iframe, or an empty box).\n */\nexport function reachableRatio(entry: IntersectionObserverEntry): number {\n    const root = entry.rootBounds;\n    const box = entry.boundingClientRect;\n    if (!root || box.width <= 0 || box.height <= 0) return 1;\n    return Math.min(1, root.height / box.height) * Math.min(1, root.width / box.width);\n}\n\n/**\n * The threshold `Reveal` actually observes with, given the one it was asked for.\n *\n * The requested threshold is read as \"this fraction of whichever is smaller,\n * the element or the viewport\". For a box that fits, that is the plain ratio;\n * for a box taller than the viewport it scales the threshold by the reachable\n * ratio, so `threshold={0.5}` on a 3-viewport section reveals once it fills\n * half the viewport instead of never.\n *\n * @param threshold - The requested threshold, in `[0, 1]`.\n * @param entry - The latest observation, or `null` before the first one.\n * @returns The threshold to observe with.\n */\nexport function effectiveThreshold(\n    threshold: number,\n    entry: IntersectionObserverEntry | null,\n): number {\n    if (!entry) return threshold;\n    return threshold * reachableRatio(entry);\n}\n"],"mappings":";AAOA,IAAaA,IAAgB;AAa7B,SAAgBC,EAAe,GAA0C;CACrE,IAAMC,IAAOC,EAAM,YACbC,IAAMD,EAAM;CAElB,OADI,CAACD,KAAQE,EAAI,SAAS,KAAKA,EAAI,UAAU,IAAU,IAChD,KAAK,IAAI,GAAGF,EAAK,SAASE,EAAI,MAAM,IAAI,KAAK,IAAI,GAAGF,EAAK,QAAQE,EAAI,KAAK;AACrF;AAeA,SAAgBC,EACZ,GACA,GACM;CAEN,OADKF,IACEG,IAAYL,EAAeE,CAAK,IADpBG;AAEvB"}

package/dist/components/SafeArea/SafeArea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SafeArea.cjs","names":[],"sources":["../../../src/components/SafeArea/SafeArea.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SafeArea.module.css\";\n\nexport type SafeAreaEdge = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface SafeAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Edges to pad. Default `[\"top\",\"right\",\"bottom\",\"left\"]` (all). */\n    edges?: SafeAreaEdge[];\n    /** Render as inline (use `display: contents`). */\n    inline?: boolean;\n    children?: ReactNode;\n}\n\nconst ALL_EDGES: SafeAreaEdge[] = [\"top\", \"right\", \"bottom\", \"left\"];\n\n/**\n * Apply `env(safe-area-inset-*)` padding so content avoids iOS notch /\n * Android navbar / device chrome. Wrap the outermost container of pages\n * with sticky headers/footers.\n *\n * @example\n * <SafeArea edges={[\"top\"]}>\n *     <Navbar />\n * </SafeArea>\n */\nexport function SafeArea({\n    edges = ALL_EDGES,\n    inline = false,\n    className,\n    children,\n    ...props\n}: SafeAreaProps) {\n    return (\n        <div\n            className={cn(\n                styles.safe,\n                inline && styles.inline,\n                edges.includes(\"top\") && styles.top,\n                edges.includes(\"right\") && styles.right,\n                edges.includes(\"bottom\") && styles.bottom,\n                edges.includes(\"left\") && styles.left,\n                className,\n            )}\n            data-edges={edges.join(\" \")}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":"4GAcA,IAAM,EAA4B,CAAC,MAAO,QAAS,SAAU,MAAM,EAYnE,SAAgB,EAAS,CACrB,QAAQ,EACR,SAAS,GACT,YACA,WACA,GAAG,GACW,CACd,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,KACP,GAAU,EAAA,QAAO,OACjB,EAAM,SAAS,KAAK,GAAK,EAAA,QAAO,IAChC,EAAM,SAAS,OAAO,GAAK,EAAA,QAAO,MAClC,EAAM,SAAS,QAAQ,GAAK,EAAA,QAAO,OACnC,EAAM,SAAS,MAAM,GAAK,EAAA,QAAO,KACjC,CACJ,EACA,aAAY,EAAM,KAAK,GAAG,EAC1B,GAAI,EAEH,UACA,CAAA,CAEb"}
+{"version":3,"file":"SafeArea.cjs","names":["cn","styles","require_cn","require_SafeArea_module","react_jsx_runtime","ALL_EDGES","SafeArea","props","inline","edges","className"],"sources":["../../../src/components/SafeArea/SafeArea.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SafeArea.module.css\";\n\nexport type SafeAreaEdge = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface SafeAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Edges to pad. Default `[\"top\",\"right\",\"bottom\",\"left\"]` (all). */\n    edges?: SafeAreaEdge[];\n    /** Render as inline (use `display: contents`). */\n    inline?: boolean;\n    children?: ReactNode;\n}\n\nconst ALL_EDGES: SafeAreaEdge[] = [\"top\", \"right\", \"bottom\", \"left\"];\n\n/**\n * Apply `env(safe-area-inset-*)` padding so content avoids iOS notch /\n * Android navbar / device chrome. Wrap the outermost container of pages\n * with sticky headers/footers.\n *\n * @example\n * <SafeArea edges={[\"top\"]}>\n *     <Navbar />\n * </SafeArea>\n */\nexport function SafeArea({\n    edges = ALL_EDGES,\n    inline = false,\n    className,\n    children,\n    ...props\n}: SafeAreaProps) {\n    return (\n        <div\n            className={cn(\n                styles.safe,\n                inline && styles.inline,\n                edges.includes(\"top\") && styles.top,\n                edges.includes(\"right\") && styles.right,\n                edges.includes(\"bottom\") && styles.bottom,\n                edges.includes(\"left\") && styles.left,\n                className,\n            )}\n            data-edges={edges.join(\" \")}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":"A,4GAcA,IAAMK,EAA4B,CAAC,MAAO,QAAS,SAAU,MAAM,EAYnE,SAAgBC,EAAS,CACrB,QAAQD,EACR,SAAS,GACT,YACA,WACA,GAAGE,GACW,CACd,OACI,EAAAH,EAAA,IAAA,CAAC,MAAD,CACI,UAAWJ,EAAAA,GACPC,EAAAA,QAAO,KACPO,GAAUP,EAAAA,QAAO,OACjBQ,EAAM,SAAS,KAAK,GAAKR,EAAAA,QAAO,IAChCQ,EAAM,SAAS,OAAO,GAAKR,EAAAA,QAAO,MAClCQ,EAAM,SAAS,QAAQ,GAAKR,EAAAA,QAAO,OACnCQ,EAAM,SAAS,MAAM,GAAKR,EAAAA,QAAO,KACjCS,CACJ,EACA,aAAYD,EAAM,KAAK,GAAG,EAC1B,GAAIF,EAEH,UACA,CAAA,CAEb,C"}

package/dist/components/SafeArea/SafeArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeArea.js","names":[],"sources":["../../../src/components/SafeArea/SafeArea.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SafeArea.module.css\";\n\nexport type SafeAreaEdge = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface SafeAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Edges to pad. Default `[\"top\",\"right\",\"bottom\",\"left\"]` (all). */\n    edges?: SafeAreaEdge[];\n    /** Render as inline (use `display: contents`). */\n    inline?: boolean;\n    children?: ReactNode;\n}\n\nconst ALL_EDGES: SafeAreaEdge[] = [\"top\", \"right\", \"bottom\", \"left\"];\n\n/**\n * Apply `env(safe-area-inset-*)` padding so content avoids iOS notch /\n * Android navbar / device chrome. Wrap the outermost container of pages\n * with sticky headers/footers.\n *\n * @example\n * <SafeArea edges={[\"top\"]}>\n *     <Navbar />\n * </SafeArea>\n */\nexport function SafeArea({\n    edges = ALL_EDGES,\n    inline = false,\n    className,\n    children,\n    ...props\n}: SafeAreaProps) {\n    return (\n        <div\n            className={cn(\n                styles.safe,\n                inline && styles.inline,\n                edges.includes(\"top\") && styles.top,\n                edges.includes(\"right\") && styles.right,\n                edges.includes(\"bottom\") && styles.bottom,\n                edges.includes(\"left\") && styles.left,\n                className,\n            )}\n            data-edges={edges.join(\" \")}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AAcA,IAAM,IAA4B;CAAC;CAAO;CAAS;CAAU;AAAM;AAYnE,SAAgB,EAAS,EACrB,WAAQ,GACR,YAAS,IACT,cACA,aACA,GAAG,KACW;CACd,OACI,kBAAC,OAAD;EACI,WAAW,EACP,EAAO,MACP,KAAU,EAAO,QACjB,EAAM,SAAS,KAAK,KAAK,EAAO,KAChC,EAAM,SAAS,OAAO,KAAK,EAAO,OAClC,EAAM,SAAS,QAAQ,KAAK,EAAO,QACnC,EAAM,SAAS,MAAM,KAAK,EAAO,MACjC,CACJ;EACA,cAAY,EAAM,KAAK,GAAG;EAC1B,GAAI;EAEH;CACA,CAAA;AAEb"}
+{"version":3,"file":"SafeArea.js","names":["styles","SafeArea_module_default","ALL_EDGES","SafeArea","props","cn","inline","edges","className"],"sources":["../../../src/components/SafeArea/SafeArea.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SafeArea.module.css\";\n\nexport type SafeAreaEdge = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface SafeAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Edges to pad. Default `[\"top\",\"right\",\"bottom\",\"left\"]` (all). */\n    edges?: SafeAreaEdge[];\n    /** Render as inline (use `display: contents`). */\n    inline?: boolean;\n    children?: ReactNode;\n}\n\nconst ALL_EDGES: SafeAreaEdge[] = [\"top\", \"right\", \"bottom\", \"left\"];\n\n/**\n * Apply `env(safe-area-inset-*)` padding so content avoids iOS notch /\n * Android navbar / device chrome. Wrap the outermost container of pages\n * with sticky headers/footers.\n *\n * @example\n * <SafeArea edges={[\"top\"]}>\n *     <Navbar />\n * </SafeArea>\n */\nexport function SafeArea({\n    edges = ALL_EDGES,\n    inline = false,\n    className,\n    children,\n    ...props\n}: SafeAreaProps) {\n    return (\n        <div\n            className={cn(\n                styles.safe,\n                inline && styles.inline,\n                edges.includes(\"top\") && styles.top,\n                edges.includes(\"right\") && styles.right,\n                edges.includes(\"bottom\") && styles.bottom,\n                edges.includes(\"left\") && styles.left,\n                className,\n            )}\n            data-edges={edges.join(\" \")}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AAcA,IAAME,IAA4B;CAAC;CAAO;CAAS;CAAU;AAAM;AAYnE,SAAgBC,EAAS,EACrB,WAAQD,GACR,YAAS,IACT,cACA,aACA,GAAGE,KACW;CACd,OACI,kBAAC,OAAD;EACI,WAAWC,EACPL,EAAO,MACPM,KAAUN,EAAO,QACjBO,EAAM,SAAS,KAAK,KAAKP,EAAO,KAChCO,EAAM,SAAS,OAAO,KAAKP,EAAO,OAClCO,EAAM,SAAS,QAAQ,KAAKP,EAAO,QACnCO,EAAM,SAAS,MAAM,KAAKP,EAAO,MACjCQ,CACJ;EACA,cAAYD,EAAM,KAAK,GAAG;EAC1B,GAAIH;EAEH;CACA,CAAA;AAEb"}

package/dist/components/SafeArea/SafeArea.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SafeArea.module.cjs","names":[],"sources":["../../../src/components/SafeArea/SafeArea.module.css"],"sourcesContent":[".safe {\n    display: block;\n}\n\n.safe.inline {\n    display: contents;\n}\n\n.top {\n    padding-top: env(safe-area-inset-top, 0px);\n}\n\n.right {\n    padding-right: env(safe-area-inset-right, 0px);\n}\n\n.bottom {\n    padding-bottom: env(safe-area-inset-bottom, 0px);\n}\n\n.left {\n    padding-left: env(safe-area-inset-left, 0px);\n}\n"],"mappings":";"}
+{"version":3,"file":"SafeArea.module.cjs","names":["safe","inline","top","right","bottom","left","SafeArea_module_default"],"sources":["../../../src/components/SafeArea/SafeArea.module.css"],"sourcesContent":[".safe {\n    display: block;\n}\n\n.safe.inline {\n    display: contents;\n}\n\n.top {\n    padding-top: env(safe-area-inset-top, 0px);\n}\n\n.right {\n    padding-right: env(safe-area-inset-right, 0px);\n}\n\n.bottom {\n    padding-bottom: env(safe-area-inset-bottom, 0px);\n}\n\n.left {\n    padding-left: env(safe-area-inset-left, 0px);\n}\n"],"mappings":";"}

package/dist/components/SafeArea/SafeArea.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"SafeArea.module.js","names":[],"sources":["../../../src/components/SafeArea/SafeArea.module.css"],"sourcesContent":[".safe {\n    display: block;\n}\n\n.safe.inline {\n    display: contents;\n}\n\n.top {\n    padding-top: env(safe-area-inset-top, 0px);\n}\n\n.right {\n    padding-right: env(safe-area-inset-right, 0px);\n}\n\n.bottom {\n    padding-bottom: env(safe-area-inset-bottom, 0px);\n}\n\n.left {\n    padding-left: env(safe-area-inset-left, 0px);\n}\n"],"mappings":";"}
+{"version":3,"file":"SafeArea.module.js","names":["safe","inline","top","right","bottom","left","SafeArea_module_default"],"sources":["../../../src/components/SafeArea/SafeArea.module.css"],"sourcesContent":[".safe {\n    display: block;\n}\n\n.safe.inline {\n    display: contents;\n}\n\n.top {\n    padding-top: env(safe-area-inset-top, 0px);\n}\n\n.right {\n    padding-right: env(safe-area-inset-right, 0px);\n}\n\n.bottom {\n    padding-bottom: env(safe-area-inset-bottom, 0px);\n}\n\n.left {\n    padding-left: env(safe-area-inset-left, 0px);\n}\n"],"mappings":";"}