@pathscale/ui 1.1.20 → 1.1.22

package/dist/components/theme-color-picker/hueShift.js

@@ -102,7 +102,7 @@ const HARMONY_SETTINGS = {
         },
         "--color-accent": {
             l: 62,
-            c: 0.14
+            c: 0.2
         },
         "--color-accent-content": {
             l: 98,
@@ -279,18 +279,21 @@ const BASE_COLORS = {
         }
     }
 };
-const BASE_CHROMA_BOOST = 0.025;
+const BASE_CHROMA_BOOST = {
+    light: 0,
+    dark: 0.025
+};
 const GRADIENT_COLORS = {
     light: {
         "--gradient-start": {
             h: 347,
-            s: 47,
-            l: 93
+            s: 8,
+            l: 96
         },
         "--gradient-end": {
             h: 199,
-            s: 45,
-            l: 93
+            s: 8,
+            l: 97
         }
     },
     dark: {
@@ -400,10 +403,12 @@ function applyHueShift(targetHue, saturation = 100, lightnessOffset = 0) {
         root.style.setProperty(varName, shifted);
     }
     const baseColors = BASE_COLORS[resolvedTheme];
+    const baseBoost = BASE_CHROMA_BOOST[resolvedTheme];
     for (const [varName, color] of Object.entries(baseColors)){
-        const baseChroma = Math.max(color.c, BASE_CHROMA_BOOST);
+        const baseChroma = Math.max(color.c, baseBoost);
         const scaledChroma = baseChroma * chromaScale;
-        const shifted = toOklch(clampL(color.l), scaledChroma, oklchHue);
+        const hue = baseBoost > 0 ? oklchHue : color.h;
+        const shifted = toOklch(clampL(color.l), scaledChroma, hue);
         root.style.setProperty(varName, shifted);
     }
     const nfAccentSettings = NF_ACCENT_SETTINGS[resolvedTheme];

package/dist/index.d.ts

@@ -142,4 +142,6 @@ export { VideoPreview, type VideoPreviewProps } from "./components/video-preview
 export { default as WindowMockup, type WindowMockupProps, } from "./components/windowmockup";
 export * from "./stores";
 export * from "./motion";
+export { useVirtualRows } from "./primitives/virtualizer";
+export type { UseVirtualRowsOptions, UseVirtualRowsResult, VirtualRowsRange, } from "./primitives/virtualizer";
 export { default } from "./components/connectionstatus";

package/dist/index.js

@@ -97,6 +97,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__components_switch_field_index_js_dc69eedf
 import * as __WEBPACK_EXTERNAL_MODULE__components_tooltip_index_js_427fd6e7__ from "./components/tooltip/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__components_video_preview_index_js_0c69d184__ from "./components/video-preview/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__components_windowmockup_index_js_9f194367__ from "./components/windowmockup/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__primitives_virtualizer_index_js_7a1688c2__ from "./primitives/virtualizer/index.js";
 export * from "./stores/index.js";
 export * from "./motion/index.js";
 var __webpack_exports__Accordion = __WEBPACK_EXTERNAL_MODULE__components_accordion_index_js_d86d1bdc__["default"];
@@ -286,4 +287,5 @@ var __webpack_exports__useTableModel = __WEBPACK_EXTERNAL_MODULE__components_tab
 var __webpack_exports__useTablePagination = __WEBPACK_EXTERNAL_MODULE__components_table_index_js_90ad19bc__.useTablePagination;
 var __webpack_exports__useTableSelection = __WEBPACK_EXTERNAL_MODULE__components_table_index_js_90ad19bc__.useTableSelection;
 var __webpack_exports__useTableSorting = __WEBPACK_EXTERNAL_MODULE__components_table_index_js_90ad19bc__.useTableSorting;
-export { __webpack_exports__Accordion as Accordion, __webpack_exports__Alert as Alert, __webpack_exports__AlertContent as AlertContent, __webpack_exports__AlertDescription as AlertDescription, __webpack_exports__AlertIndicator as AlertIndicator, __webpack_exports__AlertRoot as AlertRoot, __webpack_exports__AlertTitle as AlertTitle, __webpack_exports__AlphaSlider as AlphaSlider, __webpack_exports__Artboard as Artboard, __webpack_exports__Avatar as Avatar, __webpack_exports__AvatarFallback as AvatarFallback, __webpack_exports__AvatarImage as AvatarImage, __webpack_exports__AvatarRoot as AvatarRoot, __webpack_exports__Background as Background, __webpack_exports__Badge as Badge, __webpack_exports__BottomSheet as BottomSheet, __webpack_exports__Breadcrumbs as Breadcrumbs, __webpack_exports__BreadcrumbsItem as BreadcrumbsItem, __webpack_exports__BreadcrumbsRoot as BreadcrumbsRoot, __webpack_exports__BrowserMockup as BrowserMockup, __webpack_exports__Button as Button, __webpack_exports__Calendar as Calendar, __webpack_exports__Card as Card, __webpack_exports__Carousel as Carousel, __webpack_exports__ChatBubble as ChatBubble, __webpack_exports__Checkbox as Checkbox, __webpack_exports__CodeMockup as CodeMockup, __webpack_exports__CodeMockupLine as CodeMockupLine, __webpack_exports__Collapse as Collapse, __webpack_exports__CollapseContent as CollapseContent, __webpack_exports__CollapseDetails as CollapseDetails, __webpack_exports__CollapseTitle as CollapseTitle, __webpack_exports__ColorArea as ColorArea, __webpack_exports__ColorField as ColorField, __webpack_exports__ColorInput as ColorInput, __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__ColorPickerContext as ColorPickerContext, __webpack_exports__ColorPickerFlowerSelector as ColorPickerFlowerSelector, __webpack_exports__ColorPickerGradientSelector as ColorPickerGradientSelector, __webpack_exports__ColorPickerWheelSelector as ColorPickerWheelSelector, __webpack_exports__ColorPreview as ColorPreview, __webpack_exports__ColorSlider as ColorSlider, __webpack_exports__ColorSwatch as ColorSwatch, __webpack_exports__ColorSwatchPicker as ColorSwatchPicker, __webpack_exports__ColorSwatches as ColorSwatches, __webpack_exports__ColorWheel as ColorWheel, __webpack_exports__ColorWheelFlower as ColorWheelFlower, __webpack_exports__ConfirmDialog as ConfirmDialog, __webpack_exports__ConnectionStatus as ConnectionStatus, __webpack_exports__CookieConsent as CookieConsent, __webpack_exports__CopyButton as CopyButton, __webpack_exports__Countdown as Countdown, __webpack_exports__Diff as Diff, __webpack_exports__Divider as Divider, __webpack_exports__Dock as Dock, __webpack_exports__Drawer as Drawer, __webpack_exports__DrawerBackdrop as DrawerBackdrop, __webpack_exports__DrawerBody as DrawerBody, __webpack_exports__DrawerClose as DrawerClose, __webpack_exports__DrawerCloseTrigger as DrawerCloseTrigger, __webpack_exports__DrawerContent as DrawerContent, __webpack_exports__DrawerDialog as DrawerDialog, __webpack_exports__DrawerFooter as DrawerFooter, __webpack_exports__DrawerHandle as DrawerHandle, __webpack_exports__DrawerHeader as DrawerHeader, __webpack_exports__DrawerHeading as DrawerHeading, __webpack_exports__DrawerRoot as DrawerRoot, __webpack_exports__DrawerTrigger as DrawerTrigger, __webpack_exports__Dropdown as Dropdown, __webpack_exports__DropdownSelect as DropdownSelect, __webpack_exports__EmptyState as EmptyState, __webpack_exports__EnhancedTable as EnhancedTable, __webpack_exports__Fieldset as Fieldset, __webpack_exports__FileInput as FileInput, __webpack_exports__FirefoxPWABanner as FirefoxPWABanner, __webpack_exports__Flex as Flex, __webpack_exports__FloatingDock as FloatingDock, __webpack_exports__Footer as Footer, __webpack_exports__Form as Form, __webpack_exports__FormActions as FormActions, __webpack_exports__GlassPanel as GlassPanel, __webpack_exports__GlowCard as GlowCard, __webpack_exports__Grid as Grid, __webpack_exports__Hero as Hero, __webpack_exports__HueSlider as HueSlider, __webpack_exports__I18nContext as I18nContext, __webpack_exports__I18nProvider as I18nProvider, __webpack_exports__Icon as Icon, __webpack_exports__ImmersiveLanding as ImmersiveLanding, __webpack_exports__ImmersiveLandingContext as ImmersiveLandingContext, __webpack_exports__Indicator as Indicator, __webpack_exports__Input as Input, __webpack_exports__Join as Join, __webpack_exports__Kbd as Kbd, __webpack_exports__LanguageSwitcher as LanguageSwitcher, __webpack_exports__LegacyColorPicker as LegacyColorPicker, __webpack_exports__LightnessSlider as LightnessSlider, __webpack_exports__Link as Link, __webpack_exports__LiveChatBubble as LiveChatBubble, __webpack_exports__LiveChatPanel as LiveChatPanel, __webpack_exports__Loading as Loading, __webpack_exports__Mask as Mask, __webpack_exports__Menu as Menu, __webpack_exports__Modal as Modal, __webpack_exports__Navbar as Navbar, __webpack_exports__NoiseBackground as NoiseBackground, __webpack_exports__PWAInstallPrompt as PWAInstallPrompt, __webpack_exports__Pagination as Pagination, __webpack_exports__PhoneMockup as PhoneMockup, __webpack_exports__Progress as Progress, __webpack_exports__ProgressFill as ProgressFill, __webpack_exports__ProgressOutput as ProgressOutput, __webpack_exports__ProgressRoot as ProgressRoot, __webpack_exports__ProgressTrack as ProgressTrack, __webpack_exports__PropsTable as PropsTable, __webpack_exports__RadialProgress as RadialProgress, __webpack_exports__Radio as Radio, __webpack_exports__RadioGroup as RadioGroup, __webpack_exports__Range as Range, __webpack_exports__Rating as Rating, __webpack_exports__SaturationBrightness as SaturationBrightness, __webpack_exports__Select as Select, __webpack_exports__ShowcaseBlock as ShowcaseBlock, __webpack_exports__ShowcaseSection as ShowcaseSection, __webpack_exports__Sidenav as Sidenav, __webpack_exports__SidenavButton as SidenavButton, __webpack_exports__SidenavGroup as SidenavGroup, __webpack_exports__SidenavItem as SidenavItem, __webpack_exports__SidenavLink as SidenavLink, __webpack_exports__SidenavMenu as SidenavMenu, __webpack_exports__SizePicker as SizePicker, __webpack_exports__Skeleton as Skeleton, __webpack_exports__SkipLink as SkipLink, __webpack_exports__SliderField as SliderField, __webpack_exports__Stack as Stack, __webpack_exports__StatCard as StatCard, __webpack_exports__Stats as Stats, __webpack_exports__Status as Status, __webpack_exports__Steps as Steps, __webpack_exports__StreamingTable as StreamingTable, __webpack_exports__Summary as Summary, __webpack_exports__SvgBackground as SvgBackground, __webpack_exports__Swap as Swap, __webpack_exports__SwitchField as SwitchField, __webpack_exports__Table as Table, __webpack_exports__Tabs as Tabs, __webpack_exports__Textarea as Textarea, __webpack_exports__ThemeColorPicker as ThemeColorPicker, __webpack_exports__Timeline as Timeline, __webpack_exports__TimelineEnd as TimelineEnd, __webpack_exports__TimelineItem as TimelineItem, __webpack_exports__TimelineMiddle as TimelineMiddle, __webpack_exports__TimelineStart as TimelineStart, __webpack_exports__Toast as Toast, __webpack_exports__ToastContainer as ToastContainer, __webpack_exports__ToastStack as ToastStack, __webpack_exports__Toggle as Toggle, __webpack_exports__Tooltip as Tooltip, __webpack_exports__TooltipArrow as TooltipArrow, __webpack_exports__TooltipContent as TooltipContent, __webpack_exports__TooltipRoot as TooltipRoot, __webpack_exports__TooltipTrigger as TooltipTrigger, __webpack_exports__VideoPreview as VideoPreview, __webpack_exports__WindowMockup as WindowMockup, __webpack_exports__createHueShiftStore as createHueShiftStore, __webpack_exports__createI18n as createI18n, __webpack_exports__createSizeStore as createSizeStore, __webpack_exports__createStreamingTableStore as createStreamingTableStore, __webpack_exports__default as default, __webpack_exports__getDefaultHueShiftStore as getDefaultHueShiftStore, __webpack_exports__getDefaultSizeStore as getDefaultSizeStore, __webpack_exports__resetHueShift as resetHueShift, __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useColorPickerContext as useColorPickerContext, __webpack_exports__useDesktop as useDesktop, __webpack_exports__useFormValidation as useFormValidation, __webpack_exports__useI18n as useI18n, __webpack_exports__useImmersiveLanding as useImmersiveLanding, __webpack_exports__useImmersiveLandingContext as useImmersiveLandingContext, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting };
+var __webpack_exports__useVirtualRows = __WEBPACK_EXTERNAL_MODULE__primitives_virtualizer_index_js_7a1688c2__.useVirtualRows;
+export { __webpack_exports__Accordion as Accordion, __webpack_exports__Alert as Alert, __webpack_exports__AlertContent as AlertContent, __webpack_exports__AlertDescription as AlertDescription, __webpack_exports__AlertIndicator as AlertIndicator, __webpack_exports__AlertRoot as AlertRoot, __webpack_exports__AlertTitle as AlertTitle, __webpack_exports__AlphaSlider as AlphaSlider, __webpack_exports__Artboard as Artboard, __webpack_exports__Avatar as Avatar, __webpack_exports__AvatarFallback as AvatarFallback, __webpack_exports__AvatarImage as AvatarImage, __webpack_exports__AvatarRoot as AvatarRoot, __webpack_exports__Background as Background, __webpack_exports__Badge as Badge, __webpack_exports__BottomSheet as BottomSheet, __webpack_exports__Breadcrumbs as Breadcrumbs, __webpack_exports__BreadcrumbsItem as BreadcrumbsItem, __webpack_exports__BreadcrumbsRoot as BreadcrumbsRoot, __webpack_exports__BrowserMockup as BrowserMockup, __webpack_exports__Button as Button, __webpack_exports__Calendar as Calendar, __webpack_exports__Card as Card, __webpack_exports__Carousel as Carousel, __webpack_exports__ChatBubble as ChatBubble, __webpack_exports__Checkbox as Checkbox, __webpack_exports__CodeMockup as CodeMockup, __webpack_exports__CodeMockupLine as CodeMockupLine, __webpack_exports__Collapse as Collapse, __webpack_exports__CollapseContent as CollapseContent, __webpack_exports__CollapseDetails as CollapseDetails, __webpack_exports__CollapseTitle as CollapseTitle, __webpack_exports__ColorArea as ColorArea, __webpack_exports__ColorField as ColorField, __webpack_exports__ColorInput as ColorInput, __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__ColorPickerContext as ColorPickerContext, __webpack_exports__ColorPickerFlowerSelector as ColorPickerFlowerSelector, __webpack_exports__ColorPickerGradientSelector as ColorPickerGradientSelector, __webpack_exports__ColorPickerWheelSelector as ColorPickerWheelSelector, __webpack_exports__ColorPreview as ColorPreview, __webpack_exports__ColorSlider as ColorSlider, __webpack_exports__ColorSwatch as ColorSwatch, __webpack_exports__ColorSwatchPicker as ColorSwatchPicker, __webpack_exports__ColorSwatches as ColorSwatches, __webpack_exports__ColorWheel as ColorWheel, __webpack_exports__ColorWheelFlower as ColorWheelFlower, __webpack_exports__ConfirmDialog as ConfirmDialog, __webpack_exports__ConnectionStatus as ConnectionStatus, __webpack_exports__CookieConsent as CookieConsent, __webpack_exports__CopyButton as CopyButton, __webpack_exports__Countdown as Countdown, __webpack_exports__Diff as Diff, __webpack_exports__Divider as Divider, __webpack_exports__Dock as Dock, __webpack_exports__Drawer as Drawer, __webpack_exports__DrawerBackdrop as DrawerBackdrop, __webpack_exports__DrawerBody as DrawerBody, __webpack_exports__DrawerClose as DrawerClose, __webpack_exports__DrawerCloseTrigger as DrawerCloseTrigger, __webpack_exports__DrawerContent as DrawerContent, __webpack_exports__DrawerDialog as DrawerDialog, __webpack_exports__DrawerFooter as DrawerFooter, __webpack_exports__DrawerHandle as DrawerHandle, __webpack_exports__DrawerHeader as DrawerHeader, __webpack_exports__DrawerHeading as DrawerHeading, __webpack_exports__DrawerRoot as DrawerRoot, __webpack_exports__DrawerTrigger as DrawerTrigger, __webpack_exports__Dropdown as Dropdown, __webpack_exports__DropdownSelect as DropdownSelect, __webpack_exports__EmptyState as EmptyState, __webpack_exports__EnhancedTable as EnhancedTable, __webpack_exports__Fieldset as Fieldset, __webpack_exports__FileInput as FileInput, __webpack_exports__FirefoxPWABanner as FirefoxPWABanner, __webpack_exports__Flex as Flex, __webpack_exports__FloatingDock as FloatingDock, __webpack_exports__Footer as Footer, __webpack_exports__Form as Form, __webpack_exports__FormActions as FormActions, __webpack_exports__GlassPanel as GlassPanel, __webpack_exports__GlowCard as GlowCard, __webpack_exports__Grid as Grid, __webpack_exports__Hero as Hero, __webpack_exports__HueSlider as HueSlider, __webpack_exports__I18nContext as I18nContext, __webpack_exports__I18nProvider as I18nProvider, __webpack_exports__Icon as Icon, __webpack_exports__ImmersiveLanding as ImmersiveLanding, __webpack_exports__ImmersiveLandingContext as ImmersiveLandingContext, __webpack_exports__Indicator as Indicator, __webpack_exports__Input as Input, __webpack_exports__Join as Join, __webpack_exports__Kbd as Kbd, __webpack_exports__LanguageSwitcher as LanguageSwitcher, __webpack_exports__LegacyColorPicker as LegacyColorPicker, __webpack_exports__LightnessSlider as LightnessSlider, __webpack_exports__Link as Link, __webpack_exports__LiveChatBubble as LiveChatBubble, __webpack_exports__LiveChatPanel as LiveChatPanel, __webpack_exports__Loading as Loading, __webpack_exports__Mask as Mask, __webpack_exports__Menu as Menu, __webpack_exports__Modal as Modal, __webpack_exports__Navbar as Navbar, __webpack_exports__NoiseBackground as NoiseBackground, __webpack_exports__PWAInstallPrompt as PWAInstallPrompt, __webpack_exports__Pagination as Pagination, __webpack_exports__PhoneMockup as PhoneMockup, __webpack_exports__Progress as Progress, __webpack_exports__ProgressFill as ProgressFill, __webpack_exports__ProgressOutput as ProgressOutput, __webpack_exports__ProgressRoot as ProgressRoot, __webpack_exports__ProgressTrack as ProgressTrack, __webpack_exports__PropsTable as PropsTable, __webpack_exports__RadialProgress as RadialProgress, __webpack_exports__Radio as Radio, __webpack_exports__RadioGroup as RadioGroup, __webpack_exports__Range as Range, __webpack_exports__Rating as Rating, __webpack_exports__SaturationBrightness as SaturationBrightness, __webpack_exports__Select as Select, __webpack_exports__ShowcaseBlock as ShowcaseBlock, __webpack_exports__ShowcaseSection as ShowcaseSection, __webpack_exports__Sidenav as Sidenav, __webpack_exports__SidenavButton as SidenavButton, __webpack_exports__SidenavGroup as SidenavGroup, __webpack_exports__SidenavItem as SidenavItem, __webpack_exports__SidenavLink as SidenavLink, __webpack_exports__SidenavMenu as SidenavMenu, __webpack_exports__SizePicker as SizePicker, __webpack_exports__Skeleton as Skeleton, __webpack_exports__SkipLink as SkipLink, __webpack_exports__SliderField as SliderField, __webpack_exports__Stack as Stack, __webpack_exports__StatCard as StatCard, __webpack_exports__Stats as Stats, __webpack_exports__Status as Status, __webpack_exports__Steps as Steps, __webpack_exports__StreamingTable as StreamingTable, __webpack_exports__Summary as Summary, __webpack_exports__SvgBackground as SvgBackground, __webpack_exports__Swap as Swap, __webpack_exports__SwitchField as SwitchField, __webpack_exports__Table as Table, __webpack_exports__Tabs as Tabs, __webpack_exports__Textarea as Textarea, __webpack_exports__ThemeColorPicker as ThemeColorPicker, __webpack_exports__Timeline as Timeline, __webpack_exports__TimelineEnd as TimelineEnd, __webpack_exports__TimelineItem as TimelineItem, __webpack_exports__TimelineMiddle as TimelineMiddle, __webpack_exports__TimelineStart as TimelineStart, __webpack_exports__Toast as Toast, __webpack_exports__ToastContainer as ToastContainer, __webpack_exports__ToastStack as ToastStack, __webpack_exports__Toggle as Toggle, __webpack_exports__Tooltip as Tooltip, __webpack_exports__TooltipArrow as TooltipArrow, __webpack_exports__TooltipContent as TooltipContent, __webpack_exports__TooltipRoot as TooltipRoot, __webpack_exports__TooltipTrigger as TooltipTrigger, __webpack_exports__VideoPreview as VideoPreview, __webpack_exports__WindowMockup as WindowMockup, __webpack_exports__createHueShiftStore as createHueShiftStore, __webpack_exports__createI18n as createI18n, __webpack_exports__createSizeStore as createSizeStore, __webpack_exports__createStreamingTableStore as createStreamingTableStore, __webpack_exports__default as default, __webpack_exports__getDefaultHueShiftStore as getDefaultHueShiftStore, __webpack_exports__getDefaultSizeStore as getDefaultSizeStore, __webpack_exports__resetHueShift as resetHueShift, __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useColorPickerContext as useColorPickerContext, __webpack_exports__useDesktop as useDesktop, __webpack_exports__useFormValidation as useFormValidation, __webpack_exports__useI18n as useI18n, __webpack_exports__useImmersiveLanding as useImmersiveLanding, __webpack_exports__useImmersiveLandingContext as useImmersiveLandingContext, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting, __webpack_exports__useVirtualRows as useVirtualRows };

package/dist/primitives/virtualizer/index.d.ts

@@ -0,0 +1,2 @@
+export { useVirtualRows } from "./useVirtualRows";
+export type { UseVirtualRowsOptions, UseVirtualRowsResult, VirtualRowsRange, } from "./useVirtualRows";

package/dist/primitives/virtualizer/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__useVirtualRows_js_63b96393__ from "./useVirtualRows.js";
+var __webpack_exports__useVirtualRows = __WEBPACK_EXTERNAL_MODULE__useVirtualRows_js_63b96393__.useVirtualRows;
+export { __webpack_exports__useVirtualRows as useVirtualRows };

package/dist/primitives/virtualizer/useVirtualRows.d.ts

@@ -0,0 +1,18 @@
+import { type Accessor } from "solid-js";
+import { type PartialKeys, type VirtualItem, type Virtualizer, type VirtualizerOptions } from "@tanstack/solid-virtual";
+type OmittedVirtualizerOptions = "observeElementRect" | "observeElementOffset" | "scrollToFn";
+export type UseVirtualRowsOptions<TScrollElement extends Element, TItemElement extends Element> = PartialKeys<VirtualizerOptions<TScrollElement, TItemElement>, OmittedVirtualizerOptions>;
+export type VirtualRowsRange = {
+    startIndex: number;
+    endIndex: number;
+};
+export type UseVirtualRowsResult<TScrollElement extends Element, TItemElement extends Element> = {
+    virtualizer: Virtualizer<TScrollElement, TItemElement>;
+    virtualItems: Accessor<VirtualItem[]>;
+    totalSize: Accessor<number>;
+    range: Accessor<VirtualRowsRange | undefined>;
+    startIndex: Accessor<number>;
+    endIndex: Accessor<number>;
+};
+export declare const useVirtualRows: <TScrollElement extends Element, TItemElement extends Element>(options: UseVirtualRowsOptions<TScrollElement, TItemElement>) => UseVirtualRowsResult<TScrollElement, TItemElement>;
+export {};

package/dist/primitives/virtualizer/useVirtualRows.js

@@ -0,0 +1,31 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__tanstack_solid_virtual_80a117f9__ from "@tanstack/solid-virtual";
+const useVirtualRows = (options)=>{
+    const virtualizer = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_virtual_80a117f9__.createVirtualizer)(options);
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        const scrollElement = options.getScrollElement();
+        if (!scrollElement) return;
+        virtualizer.measure();
+    });
+    const virtualItems = ()=>virtualizer.getVirtualItems();
+    const totalSize = ()=>virtualizer.getTotalSize();
+    const range = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const items = virtualItems();
+        if (0 === items.length) return;
+        return {
+            startIndex: items[0].index,
+            endIndex: items[items.length - 1].index
+        };
+    });
+    const startIndex = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>range()?.startIndex ?? -1);
+    const endIndex = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>range()?.endIndex ?? -1);
+    return {
+        virtualizer,
+        virtualItems,
+        totalSize,
+        range,
+        startIndex,
+        endIndex
+    };
+};
+export { useVirtualRows };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "1.1.20",
+  "version": "1.1.22",
   "author": "pathscale",
   "repository": {
     "type": "git",
@@ -80,6 +80,7 @@
   "dependencies": {
     "@iconify/tailwind4": "^1.2.1",
     "@pathscale/ui": "^1.1.11",
+    "@tanstack/solid-virtual": "^3.13.23",
     "rsbuild-plugin-iconify": "^1.0.3"
   },
   "peerDependencies": {