@dreamstack-us/section-flow 0.0.1 → 0.0.3

package/README.md

@@ -11,29 +11,19 @@ High-performance, section-first list library for React Native. Drop-in replaceme
 - **Type-Safe**: Full TypeScript support with proper generics
 - **Sticky Headers**: Headers that actually work
 - **Collapsible Sections**: Built-in, no external state needed
-- **Chat UI Ready**: `alignItemsAtEnd`, `maintainScrollAtEnd` support
 
 ## Installation
 
 ```bash
-# Using the short name
 npm install sectionflow
 # or
-bun add sectionflow
-
-# Using the scoped name
 npm install @dreamstack-us/section-flow
-# or
-bun add @dreamstack-us/section-flow
 ```
 
-Both packages are identical - use whichever you prefer.
-
 ## Usage
 
 ```tsx
 import { SectionFlow } from 'sectionflow';
-// or: import { SectionFlow } from '@dreamstack-us/section-flow';
 
 const sections = [
   { key: 'a', title: 'A', data: ['Alice', 'Adam'] },
@@ -49,6 +39,10 @@ const sections = [
 />
 ```
 
+## Documentation
+
+Full documentation available at: https://dreamstack-us.github.io/SectionFlow/
+
 ## License
 
 MIT © DreamStack

package/dist/index.cjs

@@ -1546,7 +1546,8 @@ const styles$2 = react_native.StyleSheet.create({ shadow: {
 		height: 2
 	},
 	shadowOpacity: .1,
-	shadowRadius: 4
+	shadowRadius: 4,
+	backgroundColor: "#fff"
 } });
 const StickyHeaderContainer = (0, react.memo)(StickyHeaderContainerComponent);
 function AnimatedStickyHeaderContainerComponent({ stickySection, animatedTranslateY, sections, renderSectionHeader, horizontal = false, style }) {
@@ -1592,7 +1593,7 @@ const AnimatedStickyHeaderContainer = (0, react.memo)(AnimatedStickyHeaderContai
 * - Absolute positioning with computed layouts
 */
 function SectionFlowInner(props, ref) {
-	const { sections, renderItem, renderSectionHeader, renderSectionFooter, keyExtractor, getItemType, estimatedItemSize = DEFAULT_ESTIMATED_ITEM_SIZE, estimatedSectionHeaderSize = DEFAULT_ESTIMATED_HEADER_SIZE, estimatedSectionFooterSize = 0, horizontal = false, stickySectionHeadersEnabled = true, stickyHeaderStyle, collapsible = false, defaultCollapsed = [], onSectionToggle, maxItemsInRecyclePool, drawDistance = DEFAULT_DRAW_DISTANCE, viewabilityConfig, onViewableItemsChanged, onEndReached, onEndReachedThreshold, style, contentContainerStyle, ListHeaderComponent, ListFooterComponent, ListEmptyComponent, refreshing, onRefresh, extraData, debug = false,...scrollViewProps } = props;
+	const { sections, renderItem, renderSectionHeader, renderSectionFooter, keyExtractor, getItemType, estimatedItemSize = DEFAULT_ESTIMATED_ITEM_SIZE, estimatedSectionHeaderSize = DEFAULT_ESTIMATED_HEADER_SIZE, estimatedSectionFooterSize = 0, horizontal = false, stickySectionHeadersEnabled = true, collapsible = false, defaultCollapsed = [], onSectionToggle, maxItemsInRecyclePool, drawDistance = DEFAULT_DRAW_DISTANCE, viewabilityConfig, onViewableItemsChanged, onEndReached, onEndReachedThreshold, style, contentContainerStyle, ListHeaderComponent, ListFooterComponent, ListEmptyComponent, refreshing, onRefresh, extraData, debug = false,...scrollViewProps } = props;
 	const scrollViewRef = (0, react.useRef)(null);
 	const [viewportSize, setViewportSize] = (0, react.useState)({
 		width: 0,
@@ -1854,8 +1855,7 @@ function SectionFlowInner(props, ref) {
 				translateY: stickyHeaderState.translateY,
 				sections,
 				renderSectionHeader,
-				horizontal,
-				style: stickyHeaderStyle
+				horizontal
 			}),
 			debug && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
 				style: styles$1.debugOverlay,