@flamingo-stack/openframe-frontend-core 0.0.400-snapshot.20260710144905 → 0.0.400

package/dist/components/ui/scroll-fade.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-/**
- * Tracks whether a scrollable element is scrolled away from its top/bottom
- * edge, so edge fades ("scroll shadows") can be shown only where content
- * continues. Attach `scrollRef` to the scrollable element and `update` to its
- * `onScroll`; content/size changes are re-measured via ResizeObserver.
- *
- * Canonical fade pattern shared by chat lists and FilterModal.
- */
-export declare function useScrollFade<T extends HTMLElement = HTMLDivElement>(): {
-    scrollRef: React.RefObject<T | null>;
-    fadeTop: boolean;
-    fadeBottom: boolean;
-    update: () => void;
-};
-export interface ScrollFadeOverlayProps {
-    /** Which edge of the scroll container the fade sits on. */
-    edge: 'top' | 'bottom';
-    /** Whether the fade is currently shown (content continues past this edge). */
-    visible: boolean;
-    /**
-     * CSS color the content fades into — should match the surface behind the
-     * list. Defaults to the page background token.
-     */
-    color?: string;
-    className?: string;
-}
-/**
- * Edge overlay that fades scrollable content into the surface behind it.
- * Render inside a `relative` wrapper around the scrollable element.
- */
-export declare function ScrollFadeOverlay({ edge, visible, color, className, }: ScrollFadeOverlayProps): React.JSX.Element;
-//# sourceMappingURL=scroll-fade.d.ts.map

package/dist/components/ui/scroll-fade.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll-fade.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-fade.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc;;;;;EAqCnE;AAED,MAAM,WAAW,sBAAsB;IACrC,2DAA2D;IAC3D,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtB,8EAA8E;IAC9E,OAAO,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,KAAyB,EACzB,SAAS,GACV,EAAE,sBAAsB,qBAexB"}

package/src/components/ui/scroll-fade.tsx

@@ -1,90 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import { cn } from '../../utils/cn'
-
-/**
- * Tracks whether a scrollable element is scrolled away from its top/bottom
- * edge, so edge fades ("scroll shadows") can be shown only where content
- * continues. Attach `scrollRef` to the scrollable element and `update` to its
- * `onScroll`; content/size changes are re-measured via ResizeObserver.
- *
- * Canonical fade pattern shared by chat lists and FilterModal.
- */
-export function useScrollFade<T extends HTMLElement = HTMLDivElement>() {
-  const scrollRef = React.useRef<T | null>(null)
-  const [fade, setFade] = React.useState({ top: false, bottom: false })
-
-  const update = React.useCallback(() => {
-    const el = scrollRef.current
-    if (!el) return
-    setFade((prev) => {
-      const top = el.scrollTop > 0
-      const bottom = el.scrollHeight - el.scrollTop - el.clientHeight > 1
-      return prev.top === top && prev.bottom === bottom ? prev : { top, bottom }
-    })
-  }, [])
-
-  React.useLayoutEffect(() => {
-    update()
-    const el = scrollRef.current
-    if (!el) return
-    const cleanups: Array<() => void> = []
-    if (typeof ResizeObserver !== 'undefined') {
-      const resizeObserver = new ResizeObserver(update)
-      resizeObserver.observe(el)
-      cleanups.push(() => resizeObserver.disconnect())
-    }
-    // ResizeObserver only sees the container box; content growth (appended
-    // list items) changes scrollHeight without resizing it — watch mutations.
-    if (typeof MutationObserver !== 'undefined') {
-      const mutationObserver = new MutationObserver(update)
-      mutationObserver.observe(el, { childList: true, subtree: true, characterData: true })
-      cleanups.push(() => mutationObserver.disconnect())
-    }
-    return () => {
-      for (const cleanup of cleanups) cleanup()
-    }
-  }, [update])
-
-  return { scrollRef, fadeTop: fade.top, fadeBottom: fade.bottom, update }
-}
-
-export interface ScrollFadeOverlayProps {
-  /** Which edge of the scroll container the fade sits on. */
-  edge: 'top' | 'bottom'
-  /** Whether the fade is currently shown (content continues past this edge). */
-  visible: boolean
-  /**
-   * CSS color the content fades into — should match the surface behind the
-   * list. Defaults to the page background token.
-   */
-  color?: string
-  className?: string
-}
-
-/**
- * Edge overlay that fades scrollable content into the surface behind it.
- * Render inside a `relative` wrapper around the scrollable element.
- */
-export function ScrollFadeOverlay({
-  edge,
-  visible,
-  color = 'var(--color-bg)',
-  className,
-}: ScrollFadeOverlayProps) {
-  return (
-    <div
-      aria-hidden
-      className={cn(
-        'pointer-events-none absolute inset-x-0 h-16 transition-opacity duration-150',
-        edge === 'top' ? 'top-0' : 'bottom-0',
-        visible ? 'opacity-100' : 'opacity-0',
-        className,
-      )}
-      style={{
-        background: `linear-gradient(${edge === 'top' ? '0deg' : '180deg'}, transparent 0%, ${color} 100%)`,
-      }}
-    />
-  )
-}