@xhub-short/ui 0.1.0-beta.1 → 0.1.0-beta.10

package/dist/components/VirtualSlider/index.d.ts

@@ -0,0 +1,339 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+/**
+ * VirtualSlider Context
+ *
+ * Generic context for VirtualSlider compound components.
+ * Provides slider state and navigation to child components.
+ *
+ * @template T - The type of items in the slider
+ */
+/**
+ * VirtualSlider context value
+ *
+ * @template T - The type of items in the slider
+ */
+interface VirtualSliderContextValue<T> {
+    /** All items in the slider */
+    items: T[];
+    /** Current active index */
+    activeIndex: number;
+    /** Whether user is currently swiping */
+    isSwiping: boolean;
+    /** Current drag offset in pixels */
+    dragOffset: number;
+    /** Container height in pixels */
+    containerHeight: number;
+    /** Navigate to specific index */
+    goToIndex: (index: number) => void;
+    /** Total item count */
+    totalCount: number;
+}
+/**
+ * VirtualSlider context
+ *
+ * Generic context that can hold any item type.
+ * Use VirtualSliderContext.Provider to provide values.
+ *
+ * @internal Use hooks instead of accessing context directly
+ */
+declare const VirtualSliderContext: react.Context<VirtualSliderContextValue<any> | null>;
+/**
+ * Hook to access VirtualSlider context
+ *
+ * @throws Error if used outside VirtualSlider
+ *
+ * @example
+ * ```tsx
+ * function SlotContent<T>() {
+ *   const { items, activeIndex } = useVirtualSliderContext<T>();
+ *   return <div>Item {activeIndex + 1} of {items.length}</div>;
+ * }
+ * ```
+ */
+declare function useVirtualSliderContext<T>(): VirtualSliderContextValue<T>;
+/**
+ * Hook to optionally access VirtualSlider context
+ *
+ * Returns null if not inside a VirtualSlider (doesn't throw).
+ * Useful for components that can work both inside and outside slider.
+ *
+ * @example
+ * ```tsx
+ * function OptionalSlotInfo<T>() {
+ *   const context = useOptionalVirtualSliderContext<T>();
+ *   if (!context) return null;
+ *   return <div>Slide {context.activeIndex + 1}</div>;
+ * }
+ * ```
+ */
+declare function useOptionalVirtualSliderContext<T>(): VirtualSliderContextValue<T> | null;
+/**
+ * Hook to get current active index from slider context
+ *
+ * @throws Error if used outside VirtualSlider
+ */
+declare function useSliderActiveIndex(): number;
+/**
+ * Hook to check if currently swiping
+ *
+ * @throws Error if used outside VirtualSlider
+ */
+declare function useSliderIsSwiping(): boolean;
+
+/**
+ * useSliderPosition Hook
+ *
+ * Calculates position and visibility for slots in a virtual slider.
+ * Uses position-based virtual scrolling (TikTok-style).
+ *
+ * Architecture:
+ * - Only renders slots within the viewport + buffer
+ * - Uses CSS transforms for smooth 60fps scrolling
+ * - No state updates during scroll (uses refs)
+ * - Pure math, no DOM access
+ *
+ * ⚠️ Resize Handling:
+ * This hook recalculates on containerHeight change.
+ * Parent should handle resize transitions (e.g., debounce, or set isResizing=true
+ * to suppress transitions during resize).
+ */
+/**
+ * Position data for a single slot
+ */
+interface SlotPosition {
+    /** Slot index */
+    index: number;
+    /**
+     * Logical Y position from top (px)
+     * Note: This is the logical position, NOT a CSS property.
+     * Use `transform` for actual positioning.
+     * Useful for debugging and testing.
+     */
+    top: number;
+    /** Whether slot is the active (focused) one */
+    isActive: boolean;
+    /**
+     * Absolute distance from active slot (0 = active, 1 = adjacent, etc.)
+     * Always >= 0
+     */
+    distance: number;
+    /**
+     * Signed distance from active slot
+     * Negative = above active, Positive = below active
+     * Useful for direction-aware animations
+     */
+    signedDistance: number;
+    /** CSS transform style */
+    transform: string;
+    /** Opacity for transition effect */
+    opacity: number;
+}
+/**
+ * Options for useSliderPosition hook
+ */
+interface UseSliderPositionOptions {
+    /** Total number of items */
+    totalCount: number;
+    /** Current active index */
+    activeIndex: number;
+    /** Container height in pixels */
+    containerHeight: number;
+    /** Current drag offset in pixels (during swipe) */
+    dragOffset: number;
+    /** Whether user is currently swiping */
+    isSwiping: boolean;
+    /**
+     * Whether container is being resized
+     * When true, opacity transitions may be suppressed
+     */
+    isResizing?: boolean;
+    /** Number of slots to render before/after active (default: 1) */
+    bufferSize?: number;
+}
+/**
+ * Return value from useSliderPosition hook
+ */
+interface UseSliderPositionReturn {
+    /** Positions for all slots that should render */
+    slots: SlotPosition[];
+    /** Current scroll offset (for container transform) */
+    scrollOffset: number;
+    /** Whether at start of items (activeIndex === 0) */
+    isAtStart: boolean;
+    /**
+     * Whether at last index (activeIndex === totalCount - 1)
+     * Note: This is purely positional. Check hasMore to determine
+     * if more content can be loaded.
+     */
+    isAtLastIndex: boolean;
+    /** Clamped active index (guaranteed valid) */
+    clampedActiveIndex: number;
+}
+/**
+ * Calculate slot positions for virtual scrolling
+ *
+ * Key behaviors:
+ * - Active slot is at position 0 (top of viewport)
+ * - Only active + buffer slots are calculated (max 3 by default)
+ * - During swipe, dragOffset shifts all positions
+ * - Smooth transitions via CSS transform
+ *
+ * @example
+ * ```tsx
+ * const { slots, isAtLastIndex } = useSliderPosition({
+ *   totalCount: items.length,
+ *   activeIndex,
+ *   containerHeight: 800,
+ *   dragOffset,
+ *   isSwiping,
+ * });
+ *
+ * slots.forEach(slot => {
+ *   // slot.transform = "translateY(800px)"
+ *   // slot.signedDistance = 1 (below active)
+ * });
+ * ```
+ */
+declare function useSliderPosition(options: UseSliderPositionOptions): UseSliderPositionReturn;
+/**
+ * Calculate the slot index from a Y position
+ * Useful for snap-to-slot logic
+ *
+ * @param yPosition - Current scroll position (negative = scrolled down)
+ * @param containerHeight - Height of each slot
+ * @param totalCount - Total number of slots
+ * @returns Clamped slot index
+ */
+declare function getSlotIndexFromPosition(yPosition: number, containerHeight: number, totalCount: number): number;
+
+/**
+ * VirtualSlider Props
+ *
+ * @template T - The type of items in the slider
+ */
+interface VirtualSliderProps<T> {
+    /** Items to display */
+    items: T[];
+    /** Unique key extractor for each item */
+    keyExtractor: (item: T, index: number) => string;
+    /** Render function for each item */
+    renderItem: (item: T, index: number, isActive: boolean) => ReactNode;
+    /** Current active index */
+    activeIndex: number;
+    /** Whether user is currently swiping */
+    isSwiping: boolean;
+    /** Current drag offset in pixels */
+    dragOffset: number;
+    /** Navigate to specific index */
+    goToIndex: (index: number) => void;
+    /** Called when active index changes */
+    onIndexChange?: (index: number) => void;
+    /** Called when reaching near end of items */
+    onEndReached?: () => void;
+    /** Threshold for triggering onEndReached (default: 2) */
+    endReachedThreshold?: number;
+    /** Number of slots to render before/after active (default: 1) */
+    bufferSize?: number;
+    /** Whether items are loading */
+    isLoading?: boolean;
+    /** Whether more items can be loaded */
+    hasMore?: boolean;
+    /** Custom loading UI */
+    loadingComponent?: ReactNode;
+    /** Custom empty state UI */
+    emptyComponent?: ReactNode;
+    /** Custom end of list UI */
+    endComponent?: ReactNode;
+    /** Loading text (if not using loadingComponent) */
+    loadingText?: string;
+    /** Empty text (if not using emptyComponent) */
+    emptyText?: string;
+    /** End text (if not using endComponent) */
+    endText?: string;
+    /** Container height (default: 100vh via CSS) */
+    height?: number | string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Disable inline transform styles (for direct DOM manipulation) */
+    disableInlineTransforms?: boolean;
+    /** Test ID */
+    testId?: string;
+}
+/**
+ * Generic VirtualSlider Component
+ *
+ * Renders a position-based virtual slider that can handle any content type.
+ * Only active slot + buffer slots are rendered for performance.
+ *
+ * @template T - The type of items in the slider
+ */
+declare function VirtualSlider<T>({ items, keyExtractor, renderItem, activeIndex, isSwiping, dragOffset, goToIndex, onIndexChange, onEndReached, endReachedThreshold, bufferSize, isLoading, hasMore, loadingComponent, emptyComponent, endComponent, loadingText, emptyText, endText, height, className, disableInlineTransforms, testId, }: VirtualSliderProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace VirtualSlider {
+    var displayName: string;
+}
+
+/**
+ * VirtualSlider Constants
+ *
+ * DOM contract constants for VirtualSlider components.
+ * Used for direct DOM manipulation in wired components.
+ */
+/** Root container class */
+declare const SLIDER_CLASS = "sv-slider";
+/** Inner container class */
+declare const SLIDER_CONTAINER_CLASS = "sv-slider__container";
+/** Individual slot class */
+declare const SLIDER_SLOT_CLASS = "sv-slider__slot";
+/** Active slot modifier */
+declare const SLIDER_SLOT_ACTIVE_CLASS = "sv-slider__slot--active";
+/** Adjacent (non-active) slot modifier */
+declare const SLIDER_SLOT_ADJACENT_CLASS = "sv-slider__slot--adjacent";
+/** Transitioning (not swiping) modifier */
+declare const SLIDER_SLOT_TRANSITIONING_CLASS = "sv-slider__slot--transitioning";
+/** Swiping state modifier */
+declare const SLIDER_CONTAINER_SWIPING_CLASS = "sv-slider__container--swiping";
+/** Snapping state modifier */
+declare const SLIDER_CONTAINER_SNAPPING_CLASS = "sv-slider__container--snapping";
+/**
+ * Data attribute for slot index (HTML attribute name)
+ * @example <div data-slot-index="2">
+ */
+declare const SLOT_INDEX_ATTR = "data-slot-index";
+/**
+ * Dataset key for slot index (JavaScript access)
+ * @example element.dataset.slotIndex
+ */
+declare const SLOT_INDEX_DATASET_KEY = "slotIndex";
+/**
+ * Data attribute for active slot flag
+ * @example <div data-slot-active="true">
+ */
+declare const SLOT_ACTIVE_ATTR = "data-slot-active";
+/**
+ * Dataset key for active slot flag
+ * @example element.dataset.slotActive === 'true'
+ */
+declare const SLOT_ACTIVE_DATASET_KEY = "slotActive";
+/** Default buffer size (slots before/after active) */
+declare const DEFAULT_BUFFER_SIZE = 1;
+/** Default end reached threshold */
+declare const DEFAULT_END_REACHED_THRESHOLD = 2;
+/** Default loading text */
+declare const DEFAULT_LOADING_TEXT = "Loading...";
+/** Default empty text */
+declare const DEFAULT_EMPTY_TEXT = "No items";
+/** Default end text */
+declare const DEFAULT_END_TEXT = "You've reached the end";
+
+/**
+ * VirtualSlider CSS Styles
+ *
+ * Generic styles for position-based virtual slider.
+ * Uses sv-slider prefix to avoid conflicts.
+ */
+declare const VIRTUAL_SLIDER_CSS = "\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n * Container\n * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.sv-slider {\n  position: relative;\n  width: 100%;\n  height: 100vh;\n  overflow: hidden;\n  background-color: var(--sv-slider-bg, #000);\n  touch-action: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.sv-slider__container {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n/* Transition during snap (not swiping) */\n.sv-slider__container--snapping {\n  /* Transitions handled by individual slots */\n}\n\n/* During swipe - no transitions for immediate response */\n.sv-slider__container--swiping {\n  /* Slots handle their own transitions */\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n * Slots\n * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.sv-slider__slot {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  will-change: transform, opacity;\n  contain: layout style;\n}\n\n/* Active slot */\n.sv-slider__slot--active {\n  z-index: 2;\n}\n\n/* Adjacent slots (before/after active) */\n.sv-slider__slot--adjacent {\n  z-index: 1;\n}\n\n/* Smooth transition when snapping */\n.sv-slider__slot--transitioning {\n  transition:\n    transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),\n    opacity 0.3s ease;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n * Loading State\n * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.sv-slider__loading {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  background-color: var(--sv-slider-bg, #000);\n  color: var(--sv-slider-text, #fff);\n}\n\n.sv-slider__loading-spinner {\n  width: 40px;\n  height: 40px;\n  border: 3px solid rgba(255, 255, 255, 0.2);\n  border-top-color: var(--sv-color-primary, #fe2c55);\n  border-radius: 50%;\n  animation: sv-slider-spin 0.8s linear infinite;\n}\n\n@keyframes sv-slider-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.sv-slider__loading-text {\n  font-size: 14px;\n  color: var(--sv-slider-text-muted, rgba(255, 255, 255, 0.7));\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n * Empty State\n * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.sv-slider__empty {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  background-color: var(--sv-slider-bg, #000);\n  color: var(--sv-slider-text, #fff);\n}\n\n.sv-slider__empty-icon {\n  font-size: 48px;\n  opacity: 0.5;\n}\n\n.sv-slider__empty-text {\n  font-size: 16px;\n  color: var(--sv-slider-text-muted, rgba(255, 255, 255, 0.7));\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n * End of List\n * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.sv-slider__end {\n  position: absolute;\n  bottom: var(--sv-safe-area-bottom, 20px);\n  left: 0;\n  right: 0;\n  text-align: center;\n  padding: 12px 16px;\n  font-size: 14px;\n  color: var(--sv-slider-text-muted, rgba(255, 255, 255, 0.6));\n  pointer-events: none;\n  z-index: 10;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n * CSS Variables Reference\n * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n *\n * --sv-slider-bg: Background color (default: #000)\n * --sv-slider-text: Text color (default: #fff)\n * --sv-slider-text-muted: Muted text color (default: rgba(255,255,255,0.7))\n * --sv-color-primary: Primary accent color (default: #fe2c55)\n * --sv-safe-area-bottom: Bottom safe area for notched devices\n *\n * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n";
+
+export { DEFAULT_BUFFER_SIZE, DEFAULT_EMPTY_TEXT, DEFAULT_END_REACHED_THRESHOLD, DEFAULT_END_TEXT, DEFAULT_LOADING_TEXT, SLIDER_CLASS, SLIDER_CONTAINER_CLASS, SLIDER_CONTAINER_SNAPPING_CLASS, SLIDER_CONTAINER_SWIPING_CLASS, SLIDER_SLOT_ACTIVE_CLASS, SLIDER_SLOT_ADJACENT_CLASS, SLIDER_SLOT_CLASS, SLIDER_SLOT_TRANSITIONING_CLASS, SLOT_ACTIVE_ATTR, SLOT_ACTIVE_DATASET_KEY, SLOT_INDEX_ATTR, SLOT_INDEX_DATASET_KEY, type SlotPosition, type UseSliderPositionOptions, type UseSliderPositionReturn, VIRTUAL_SLIDER_CSS, VirtualSlider, VirtualSliderContext, type VirtualSliderContextValue, type VirtualSliderProps, getSlotIndexFromPosition, useOptionalVirtualSliderContext, useSliderActiveIndex, useSliderIsSwiping, useSliderPosition, useVirtualSliderContext };

package/dist/components/VirtualSlider/index.js

@@ -0,0 +1 @@
+export { DEFAULT_BUFFER_SIZE, DEFAULT_EMPTY_TEXT, DEFAULT_END_REACHED_THRESHOLD, DEFAULT_END_TEXT, DEFAULT_LOADING_TEXT, SLIDER_CLASS, SLIDER_CONTAINER_CLASS, SLIDER_CONTAINER_SNAPPING_CLASS, SLIDER_CONTAINER_SWIPING_CLASS, SLIDER_SLOT_ACTIVE_CLASS, SLIDER_SLOT_ADJACENT_CLASS, SLIDER_SLOT_CLASS, SLIDER_SLOT_TRANSITIONING_CLASS, SLOT_ACTIVE_ATTR, SLOT_ACTIVE_DATASET_KEY, SLOT_INDEX_ATTR, SLOT_INDEX_DATASET_KEY, VIRTUAL_SLIDER_CSS, VirtualSlider, VirtualSliderContext, getSlotIndexFromPosition, useOptionalVirtualSliderContext, useSliderActiveIndex, useSliderIsSwiping, useSliderPosition, useVirtualSliderContext } from '../../chunk-AQHD6LPS.js';

package/dist/components/icons/index.js

@@ -1 +1 @@
-export { BookmarkFilledIcon, BookmarkIcon, CloseIcon, CommentIcon, HeartFilledIcon, HeartIcon, MoreIcon, MusicIcon, PauseIcon, PlayIcon, PlusIcon, ShareIcon, UserCheckIcon, UserPlusIcon, VerifiedIcon, VolumeIcon, VolumeMutedIcon } from '../../chunk-4YDIRPIN.js';
+export { BookmarkFilledIcon, BookmarkIcon, CloseIcon, CommentIcon, HeartFilledIcon, HeartIcon, MoreIcon, MusicIcon, PauseIcon, PlayIcon, PlusIcon, ShareIcon, UserCheckIcon, UserPlusIcon, VerifiedIcon, VolumeIcon, VolumeMutedIcon } from '../../chunk-ANCP53F3.js';