@vunset/vue 0.0.0-stage → 1.0.0-rc.2

package/dist/composables/use-virtual-list.js

@@ -0,0 +1,144 @@
+import { computed, onMounted, onScopeDispose, ref, toValue, watch } from "vue";
+//#region src/composables/use-virtual-list.ts
+/**
+* Draws only the items near the viewport of a long list, with spacers standing
+* in for the rest.
+*/
+function useVirtualList(options) {
+	const overscan = () => toValue(options.overscan) ?? 20;
+	const threshold = () => toValue(options.threshold) ?? Math.floor(overscan() / 2);
+	const enabled = () => toValue(options.enabled) ?? true;
+	const items = computed(() => toValue(options.items));
+	const height = () => Math.max(1, toValue(options.itemHeight));
+	const total = computed(() => items.value.length);
+	const start = ref(0);
+	const end = ref(Math.min(total.value, overscan() * 2));
+	let offset = 0;
+	let clips = [];
+	function clipsOf(element) {
+		const found = [];
+		for (let el = element.parentElement; el && el !== document.body; el = el.parentElement) if (getComputedStyle(el).overflowY !== "visible") found.push(el);
+		return found;
+	}
+	function shown(scroller) {
+		const own = scroller.getBoundingClientRect().top + scroller.clientTop;
+		let top = Math.max(own, 0);
+		let bottom = Math.min(own + (scroller.clientHeight || window.innerHeight), window.innerHeight);
+		for (const clip of clips) {
+			const edge = clip.getBoundingClientRect().top + clip.clientTop;
+			top = Math.max(top, edge);
+			bottom = Math.min(bottom, edge + clip.clientHeight);
+		}
+		return {
+			top,
+			skipped: Math.max(0, top - own),
+			height: Math.max(0, bottom - top)
+		};
+	}
+	function view() {
+		const scroller = options.scroller?.value;
+		const list = options.list?.value;
+		if (scroller) {
+			const { skipped, height } = shown(scroller);
+			return {
+				position: Math.max(0, scroller.scrollTop + skipped - offset),
+				viewport: height
+			};
+		}
+		const viewport = typeof window === "undefined" ? 0 : window.innerHeight;
+		return {
+			position: list ? Math.max(0, -list.getBoundingClientRect().top) : 0,
+			viewport
+		};
+	}
+	function measure() {
+		const scroller = options.scroller?.value;
+		const list = options.list?.value;
+		clips = scroller ? clipsOf(scroller) : [];
+		offset = scroller && list ? list.getBoundingClientRect().top - scroller.getBoundingClientRect().top + scroller.scrollTop : 0;
+	}
+	function update(force = false) {
+		const count = total.value;
+		const { position, viewport } = view();
+		const first = Math.min(Math.max(Math.floor(position / height()), 0), count);
+		const last = Math.min(first + Math.ceil(viewport / height()) + 1, count);
+		if (!(force || first - start.value < threshold() || end.value - last < threshold())) return;
+		start.value = Math.max(first - overscan(), 0);
+		end.value = Math.min(last + overscan(), count);
+	}
+	let frame = 0;
+	function onScroll() {
+		if (frame) return;
+		frame = requestAnimationFrame(() => {
+			frame = 0;
+			update();
+		});
+	}
+	function onResize() {
+		measure();
+		update(true);
+	}
+	let cleanup = null;
+	function listen() {
+		cleanup?.();
+		if (typeof window === "undefined" || !enabled()) return;
+		const scroller = options.scroller?.value;
+		window.addEventListener("scroll", onScroll, {
+			passive: true,
+			capture: true
+		});
+		window.addEventListener("resize", onResize);
+		const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(onResize);
+		const observed = scroller ?? options.list?.value;
+		if (observed) observer?.observe(observed);
+		cleanup = () => {
+			if (frame) cancelAnimationFrame(frame);
+			frame = 0;
+			window.removeEventListener("scroll", onScroll, { capture: true });
+			window.removeEventListener("resize", onResize);
+			observer?.disconnect();
+			cleanup = null;
+		};
+		onResize();
+	}
+	onMounted(listen);
+	watch(() => [
+		options.scroller?.value,
+		options.list?.value,
+		enabled()
+	], listen, { flush: "post" });
+	watch([
+		total,
+		() => toValue(options.itemHeight),
+		overscan
+	], () => update(true));
+	onScopeDispose(() => cleanup?.());
+	const visible = computed(() => enabled() ? items.value.slice(start.value, end.value) : items.value);
+	const before = computed(() => enabled() ? start.value * height() : 0);
+	const after = computed(() => enabled() ? Math.max(0, (total.value - end.value) * height()) : 0);
+	function scrollToIndex(index) {
+		const top = offset + Math.max(0, index) * height();
+		const scroller = options.scroller?.value;
+		if (scroller) {
+			scroller.scrollTop = top;
+			if (scroller.scrollTop >= top) return;
+			const by = scroller.getBoundingClientRect().top + scroller.clientTop + top - scroller.scrollTop - shown(scroller).top;
+			const outer = clips.find((clip) => clip.scrollHeight > clip.clientHeight);
+			if (outer) outer.scrollTop += by;
+			else window.scrollBy({ top: by });
+		} else if (typeof window !== "undefined") {
+			const list = options.list?.value;
+			window.scrollTo({ top: (list ? list.getBoundingClientRect().top + window.scrollY : 0) + index * height() });
+		}
+	}
+	return {
+		start: computed(() => enabled() ? start.value : 0),
+		end: computed(() => enabled() ? end.value : total.value),
+		visible,
+		before,
+		after,
+		scrollToIndex
+	};
+}
+//#endregion
+export { useVirtualList };

package/dist/data-table.d.ts

@@ -0,0 +1 @@
+export { default as DataTable, dataTableFeatures, EXPANDER_COLUMN, parseSort, formatSort, type DataTableColumn, type DataTableSort, type DataTableVirtual, type DataTableColumnHelper, type DataTableColumnMeta, type DataTableSlots, type DataTableCellSlotProps, type DataTableHeadSlotProps, type DataTableFeatures } from './components/data-table/DataTable.vue';

package/dist/data-table.js

@@ -0,0 +1,3 @@
+import { EXPANDER_COLUMN, dataTableFeatures, formatSort, parseSort } from "./components/data-table/DataTable.vue_vue_type_script_setup_true_lang.js";
+import DataTable_default from "./components/data-table/DataTable.js";
+export { DataTable_default as DataTable, EXPANDER_COLUMN, dataTableFeatures, formatSort, parseSort };

package/dist/index.d.ts

@@ -0,0 +1,234 @@
+export { default as SwitchRoot, type SwitchState } from './components/switch/SwitchRoot.vue';
+export { default as SwitchThumb } from './components/switch/SwitchThumb.vue';
+export { default as CheckboxRoot, type CheckboxState } from './components/checkbox/CheckboxRoot.vue';
+export { default as CheckboxIndicator } from './components/checkbox/CheckboxIndicator.vue';
+export { default as CheckboxGroup, type CheckboxGroupState, type CheckboxGroupValue } from './components/checkbox/CheckboxGroup.vue';
+export { default as RadioGroup } from './components/radio/RadioGroup.vue';
+export { default as RadioRoot } from './components/radio/RadioRoot.vue';
+export { default as RadioIndicator } from './components/radio/RadioIndicator.vue';
+export { default as CollapsibleRoot } from './components/collapsible/CollapsibleRoot.vue';
+export { default as CollapsibleTrigger } from './components/collapsible/CollapsibleTrigger.vue';
+export { default as CollapsiblePanel } from './components/collapsible/CollapsiblePanel.vue';
+export { default as AccordionRoot } from './components/accordion/AccordionRoot.vue';
+export { default as AccordionItem } from './components/accordion/AccordionItem.vue';
+export { default as AccordionHeader } from './components/accordion/AccordionHeader.vue';
+export { default as AccordionTrigger } from './components/collapsible/CollapsibleTrigger.vue';
+export { default as AccordionPanel } from './components/collapsible/CollapsiblePanel.vue';
+export { default as PopoverRoot } from './components/popover/PopoverRoot.vue';
+export { default as PopoverTrigger } from './components/popover/PopoverTrigger.vue';
+export { default as PopoverArrow } from './components/popover/PopoverArrow.vue';
+export { default as PopoverClose } from './components/popover/PopoverClose.vue';
+export { default as PopoverTitle } from './components/popover/PopoverTitle.vue';
+export { default as PopoverDescription } from './components/popover/PopoverDescription.vue';
+export { default as Portal } from './components/surface/Portal.vue';
+export { default as Positioner } from './components/surface/Positioner.vue';
+export { default as Popup } from './components/surface/Popup.vue';
+export { default as Addon } from './components/surface/Addon.vue';
+export { default as Separator } from './components/surface/Separator.vue';
+export { default as DialogRoot } from './components/dialog/DialogRoot.vue';
+export { default as DialogTrigger } from './components/dialog/DialogTrigger.vue';
+export { default as DialogBackdrop } from './components/dialog/DialogBackdrop.vue';
+export { default as DialogTitle } from './components/dialog/DialogTitle.vue';
+export { default as DialogDescription } from './components/dialog/DialogDescription.vue';
+export { default as DialogClose } from './components/dialog/DialogClose.vue';
+export { default as DrawerRoot } from './components/drawer/DrawerRoot.vue';
+export { default as DrawerTrigger } from './components/dialog/DialogTrigger.vue';
+export { default as DrawerBackdrop } from './components/dialog/DialogBackdrop.vue';
+export { default as DrawerHandle } from './components/drawer/DrawerHandle.vue';
+export { default as DrawerTitle } from './components/dialog/DialogTitle.vue';
+export { default as DrawerDescription } from './components/dialog/DialogDescription.vue';
+export { default as DrawerClose } from './components/dialog/DialogClose.vue';
+export { default as TooltipGroup } from './components/tooltip/TooltipGroup.vue';
+export { default as TooltipRoot } from './components/tooltip/TooltipRoot.vue';
+export { default as TooltipTrigger } from './components/tooltip/TooltipTrigger.vue';
+export { default as TooltipArrow } from './components/tooltip/TooltipArrow.vue';
+export { default as FieldRoot } from './components/field/FieldRoot.vue';
+export { default as FieldLabel } from './components/field/FieldLabel.vue';
+export { default as FieldGroup } from './components/field/FieldGroup.vue';
+export { default as Input } from './components/input/Input.vue';
+export { default as Textarea } from './components/textarea/Textarea.vue';
+export { default as FieldDescription } from './components/field/FieldDescription.vue';
+export { default as FieldError } from './components/field/FieldError.vue';
+export { default as SelectRoot } from './components/select/SelectRoot.vue';
+export { default as SelectTrigger } from './components/select/SelectTrigger.vue';
+export { default as SelectValue } from './components/select/SelectValue.vue';
+export { default as SelectClear } from './components/listbox/ListboxClear.vue';
+export { default as SelectIndicator } from './components/listbox/ListboxIndicator.vue';
+export { default as SelectSearch } from './components/select/SelectSearch.vue';
+export { default as SelectList } from './components/listbox/ListboxList.vue';
+export { default as SelectItem } from './components/listbox/ListboxItem.vue';
+export { default as SelectEmpty } from './components/listbox/ListboxEmpty.vue';
+export { default as SelectScrollIndicator } from './components/listbox/ListboxScrollIndicator.vue';
+export { default as SelectPresets } from './components/listbox/ListboxPresets.vue';
+export { default as ComboboxRoot } from './components/combobox/ComboboxRoot.vue';
+export { default as ComboboxTrigger } from './components/combobox/ComboboxTrigger.vue';
+export { default as ComboboxChips } from './components/combobox/ComboboxChips.vue';
+export { default as ComboboxChip } from './components/combobox/ComboboxChip.vue';
+export { default as ComboboxChipRemove } from './components/combobox/ComboboxChipRemove.vue';
+export { default as ComboboxInput } from './components/combobox/ComboboxInput.vue';
+export { default as ComboboxClear } from './components/listbox/ListboxClear.vue';
+export { default as ComboboxIndicator } from './components/listbox/ListboxIndicator.vue';
+export { default as ComboboxList } from './components/listbox/ListboxList.vue';
+export { default as ComboboxItem } from './components/listbox/ListboxItem.vue';
+export { default as ComboboxEmpty } from './components/listbox/ListboxEmpty.vue';
+export { default as ComboboxScrollIndicator } from './components/listbox/ListboxScrollIndicator.vue';
+export { default as ComboboxPresets } from './components/listbox/ListboxPresets.vue';
+export { default as RangeRoot } from './components/range/RangeRoot.vue';
+export { default as RangeLabel } from './components/range/RangeLabel.vue';
+export { default as RangeValue } from './components/range/RangeValue.vue';
+export { default as RangeControl } from './components/range/RangeControl.vue';
+export { default as RangeTrack } from './components/range/RangeTrack.vue';
+export { default as RangeIndicator } from './components/range/RangeIndicator.vue';
+export { default as RangeThumb } from './components/range/RangeThumb.vue';
+export { default as ToastViewport } from './components/toast/ToastViewport.vue';
+export { default as ToastRoot } from './components/toast/ToastRoot.vue';
+export { default as ToastTitle } from './components/toast/ToastTitle.vue';
+export { default as ToastDescription } from './components/toast/ToastDescription.vue';
+export { default as ToastClose } from './components/toast/ToastClose.vue';
+export { default as ToastAction } from './components/toast/ToastAction.vue';
+export { default as ToastProgress } from './components/toast/ToastProgress.vue';
+export { default as Button } from './components/button/Button.vue';
+export { default as Badge } from './components/badge/Badge.vue';
+export { default as Icon } from './components/icon/Icon.vue';
+export { default as TableRoot, type TableSticky } from './components/table/TableRoot.vue';
+export { default as TableCaption } from './components/table/TableCaption.vue';
+export { default as TableHeader } from './components/table/TableHeader.vue';
+export { default as TableBody } from './components/table/TableBody.vue';
+export { default as TableFooter } from './components/table/TableFooter.vue';
+export { default as TableRow } from './components/table/TableRow.vue';
+export { default as TableHeadCell } from './components/table/TableHeadCell.vue';
+export { default as TableCell } from './components/table/TableCell.vue';
+export { default as AsyncState, resolveAsyncView, type AsyncStatus, type AsyncView, type AsyncStateSlotProps } from './components/async-state/AsyncState.vue';
+export { default as DragRoot, type DragOrientation, type DragChange, type DragState, type DragItemState } from './components/drag/DragRoot.vue';
+export { default as DragItem } from './components/drag/DragItem.vue';
+export { default as DragHandle } from './components/drag/DragHandle.vue';
+export { default as Copy, type CopyState } from './components/copy/Copy.vue';
+export { default as AlertRoot } from './components/alert/AlertRoot.vue';
+export { default as AlertTitle } from './components/alert/AlertTitle.vue';
+export { default as AlertDescription } from './components/alert/AlertDescription.vue';
+export { default as Group } from './components/group/Group.vue';
+export { default as Appear, type AppearState } from './components/appear/Appear.vue';
+export { default as Deferred, type DeferredState } from './components/deferred/Deferred.vue';
+export { default as Toggle } from './components/toggle/Toggle.vue';
+export { default as ToggleGroup } from './components/toggle/ToggleGroup.vue';
+export { default as ProgressRoot } from './components/progress/ProgressRoot.vue';
+export { default as ProgressTrack } from './components/progress/ProgressTrack.vue';
+export { default as ProgressIndicator } from './components/progress/ProgressIndicator.vue';
+export { default as ProgressValue } from './components/progress/ProgressValue.vue';
+export { default as ProgressLabel } from './components/progress/ProgressLabel.vue';
+export { default as MeterRoot } from './components/meter/MeterRoot.vue';
+export { default as MeterTrack } from './components/meter/MeterTrack.vue';
+export { default as MeterIndicator } from './components/meter/MeterIndicator.vue';
+export { default as MeterValue } from './components/meter/MeterValue.vue';
+export { default as MeterLabel } from './components/meter/MeterLabel.vue';
+export { default as PaginationRoot, paginationItems, type PaginationEntry, type PaginationState } from './components/pagination/PaginationRoot.vue';
+export { default as PaginationPrev } from './components/pagination/PaginationPrev.vue';
+export { default as PaginationNext } from './components/pagination/PaginationNext.vue';
+export { default as PaginationItem } from './components/pagination/PaginationItem.vue';
+export { default as PaginationEllipsis } from './components/pagination/PaginationEllipsis.vue';
+export { default as FloatingRoot, type FloatingResize, type FloatingHandle, type FloatingAnchor, type FloatingState } from './components/floating/FloatingRoot.vue';
+export { default as FloatingHeader } from './components/floating/FloatingHeader.vue';
+export { default as FloatingTitle } from './components/floating/FloatingTitle.vue';
+export { default as FloatingClose } from './components/floating/FloatingClose.vue';
+export { default as FloatingResizer } from './components/floating/FloatingResizer.vue';
+export { default as CalendarRoot } from './components/calendar/CalendarRoot.vue';
+export { default as CalendarPrev } from './components/calendar/CalendarPrev.vue';
+export { default as CalendarNext } from './components/calendar/CalendarNext.vue';
+export { default as CalendarViewTrigger } from './components/calendar/CalendarViewTrigger.vue';
+export { default as CalendarGrid } from './components/calendar/CalendarGrid.vue';
+export { default as CalendarRow } from './components/calendar/CalendarRow.vue';
+export { default as CalendarWeek } from './components/calendar/CalendarWeek.vue';
+export { default as CalendarWeekDay } from './components/calendar/CalendarWeekDay.vue';
+export { default as CalendarDay } from './components/calendar/CalendarDay.vue';
+export { default as CalendarMonth } from './components/calendar/CalendarMonth.vue';
+export { default as CalendarYear } from './components/calendar/CalendarYear.vue';
+export { default as CalendarPresets } from './components/calendar/CalendarPresets.vue';
+export { default as CalendarPreset } from './components/calendar/CalendarPreset.vue';
+export { default as DatepickerRoot, type DatepickerState } from './components/datepicker/DatepickerRoot.vue';
+export { default as DatepickerTrigger } from './components/datepicker/DatepickerTrigger.vue';
+export { default as DatepickerValue } from './components/datepicker/DatepickerValue.vue';
+export { default as DatepickerClear } from './components/datepicker/DatepickerClear.vue';
+export { default as TimepickerRoot } from './components/timepicker/TimepickerRoot.vue';
+export { default as TimepickerInput } from './components/timepicker/TimepickerInput.vue';
+export { default as TimepickerSegment } from './components/timepicker/TimepickerSegment.vue';
+export { default as TimepickerTrigger } from './components/timepicker/TimepickerTrigger.vue';
+export { default as TimepickerClear } from './components/timepicker/TimepickerClear.vue';
+export { default as TimepickerColumn } from './components/timepicker/TimepickerColumn.vue';
+export type { TimepickerState, TimeUnit, HourCycle } from './components/timepicker/use-timepicker';
+export { default as TabsRoot } from './components/tabs/TabsRoot.vue';
+export { default as TabsList } from './components/tabs/TabsList.vue';
+export { default as TabsTab } from './components/tabs/TabsTab.vue';
+export { default as TabsPanel } from './components/tabs/TabsPanel.vue';
+export { default as TabsIndicator } from './components/tabs/TabsIndicator.vue';
+export { default as ScrollArea } from './components/scroll-area/ScrollArea.vue';
+export { default as ContextMenuRoot } from './components/context-menu/ContextMenuRoot.vue';
+export { default as ContextMenuTrigger } from './components/context-menu/ContextMenuTrigger.vue';
+export { default as MenubarRoot } from './components/menu/MenubarRoot.vue';
+export { default as MenubarLink } from './components/menu/MenubarLink.vue';
+export { default as MenuRoot } from './components/menu/MenuRoot.vue';
+export { default as MenuTrigger } from './components/menu/MenuTrigger.vue';
+export { default as MenuItem } from './components/menu/MenuItem.vue';
+export { default as MenuCheckboxItem } from './components/menu/MenuCheckboxItem.vue';
+export { default as MenuRadioGroup } from './components/menu/MenuRadioGroup.vue';
+export { default as MenuRadioItem } from './components/menu/MenuRadioItem.vue';
+export { default as MenuGroup } from './components/menu/MenuGroup.vue';
+export { default as MenuGroupLabel } from './components/menu/MenuGroupLabel.vue';
+export { default as MenuArrow } from './components/menu/MenuArrow.vue';
+export { default as MenuItemIndicator } from './components/menu/MenuItemIndicator.vue';
+export { PANEL_HEIGHT_VAR, PANEL_WIDTH_VAR } from './shared/use-collapsible';
+export { isListboxGroup } from './shared/use-listbox';
+export { useToast, createToastStore, defaultToastStore, provideToastStore } from './composables/use-toast';
+export { useClipboard } from './composables/use-clipboard';
+export { useClickOutside, type ClickOutsideTarget, type UseClickOutsideOptions } from './composables/use-click-outside';
+export { useLocalStorage, type UseLocalStorageReturn } from './composables/use-local-storage';
+export { useDownload, useExportCsv } from './composables/use-download';
+export { useTheme } from './composables/use-theme';
+export type { ThemeMode, ThemeStorage, UseThemeOptions, UseThemeReturn } from './composables/use-theme';
+export { useValidate, createValidationStore, defaultValidationStore, provideValidation, type ValidationErrors, type ValidationInput, type ValidationStore } from './composables/use-validate';
+export type { ClipboardStatus, ClipboardId, UseClipboardOptions, UseClipboardReturn } from './composables/use-clipboard';
+export { GAUGE_PERCENTAGE_VAR, GAUGE_VALUE_VAR, GAUGE_MIN_VAR, GAUGE_MAX_VAR } from './shared/use-gauge';
+export type { GaugeRole, GaugeStatus, GaugeState } from './shared/use-gauge';
+export { YEARS_PER_PAGE } from './components/calendar/use-calendar';
+export type { CalendarSelectionMode, CalendarView, CalendarValue, CalendarValueInput, CalendarModelModifiers, CalendarModelValue, CalendarState, CalendarDayState, CalendarMonthState, CalendarYearState, CalendarWeekDayState, CalendarPresetOption, CalendarPresetInput, CalendarPresetGroup, CalendarPresetsInput, CalendarPresetItem } from './components/calendar/use-calendar';
+export * from '@vunset/utils';
+export { useVirtualList } from './composables/use-virtual-list';
+export type { UseVirtualListOptions, UseVirtualListReturn } from './composables/use-virtual-list';
+export { ACTIVE_TAB_LEFT_VAR, ACTIVE_TAB_RIGHT_VAR, ACTIVE_TAB_TOP_VAR, ACTIVE_TAB_BOTTOM_VAR, ACTIVE_TAB_WIDTH_VAR, ACTIVE_TAB_HEIGHT_VAR } from './components/tabs/use-tabs';
+export { OVERFLOW_X_START_VAR, OVERFLOW_X_END_VAR, OVERFLOW_Y_START_VAR, OVERFLOW_Y_END_VAR, FADE_SIZE_VAR } from './components/scroll-area/ScrollArea.vue';
+export { computeItemAlignment, measureItemAlignment } from './shared/align-item-with-trigger';
+export { configureLink, defaultLink } from './shared/link';
+export { routeQueryKey, type RouteQuery } from './shared/route-query';
+export { configureIcons, registerDefaultIcons, hasIcon, iconSprite, findInlineIcon, loadInlineIcon } from './shared/icons';
+export type { InlineIcons, ConfigureIconsOptions } from './shared/icons';
+export { mergeProps, type PreventableEvent } from './shared/merge-props';
+export { dataAttrs } from './shared/data-attrs';
+export { Part, singleChild } from './shared/part';
+export { createContext } from './shared/context';
+export { isPropBound } from './shared/use-controlled';
+export type { RadioValue, RadioState, RadioGroupState } from './components/radio/use-radio-group';
+export type { ModelModifiers, InputModelModifiers } from './shared/model-modifiers';
+export type { ToggleRole } from './shared/use-toggle-input';
+export type { CollapsibleState } from './shared/use-collapsible';
+export type { AccordionValue, AccordionState } from './components/accordion/use-accordion';
+export type { DataAttrsMapping } from './shared/data-attrs';
+export type { TransitionStatus } from './shared/use-transition-status';
+export type { Side, Align, VirtualAnchor } from './shared/use-positioning';
+export type { PopoverState } from './components/popover/use-popover';
+export type { MenuState, MenuItemOptions, MenuItemRole, MenuRadioValue } from './shared/use-menu';
+export type { TooltipState } from './components/tooltip/use-tooltip';
+export type { DialogState, DialogRole } from './shared/use-dialog';
+export type { DrawerState, DrawerSide } from './components/drawer/use-drawer';
+export type { FieldState, FieldErrorState } from './shared/use-field';
+export type { InputState } from './shared/use-input';
+export type { ListboxMode, ListboxOrder, ListboxPreset, ListboxPresetGroup, ListboxPresetItem, RenderedPreset, RenderedPresetSection, ListboxOptionValue, ListboxOption, ListboxGroup, ListboxItem, ListboxOptionInput, ListboxState, RenderedOption, RenderedSection, ListboxScrollDirection } from './shared/use-listbox';
+export type { RangeState, RangeConfig, RangeOrientation, RangeChangeReason, RangeChangeDetails, ThumbAlignment, ThumbCollisionBehavior } from './components/range/use-range';
+export type { Toast, ToastId, ToastOptions, ToastSwipeDirection, ToastStore, ToastTimer, ToastPosition, ToastSide, ToastRootState, ToastSlotProps, ToastViewportState, UseToastReturn } from './composables/use-toast';
+export { perpendicular, type GroupVariant, type GroupState } from './components/group/Group.vue';
+export type { ButtonState } from './components/button/use-button';
+export type { ToggleValue, ToggleState, ToggleGroupValue, ToggleGroupState } from './components/toggle/use-toggle';
+export type { RovingItem } from './shared/use-roving-items';
+export type { TabValue, TabsOrientation, TabActivationDirection, TabsState, TabState, TabPanelState, TabsIndicatorState, TabRegistration } from './components/tabs/use-tabs';
+export type { ScrollAreaAxis, ScrollAreaFade, ScrollAreaState } from './components/scroll-area/ScrollArea.vue';
+export type { ToastPlacement, ToastTransitionStatus } from './shared/toast-store';
+export type { AlignGeometry, AlignResult, AlignPlacement } from './shared/align-item-with-trigger';
+export type { FieldFilter } from './shared/input-filter';

package/dist/index.js

@@ -0,0 +1,191 @@
+import { mergeProps } from "./shared/merge-props.js";
+import { Part, singleChild } from "./shared/part.js";
+import { dataAttrs } from "./shared/data-attrs.js";
+import { isPropBound } from "./shared/use-controlled.js";
+import { createContext } from "./shared/context.js";
+import { createValidationStore, defaultValidationStore, provideValidation, useValidate } from "./composables/use-validate.js";
+import SwitchRoot_default from "./components/switch/SwitchRoot.js";
+import SwitchThumb_default from "./components/switch/SwitchThumb.js";
+import CheckboxGroup_default from "./components/checkbox/CheckboxGroup.js";
+import CheckboxRoot_default from "./components/checkbox/CheckboxRoot.js";
+import CheckboxIndicator_default from "./components/checkbox/CheckboxIndicator.js";
+import RadioGroup_default from "./components/radio/RadioGroup.js";
+import RadioRoot_default from "./components/radio/RadioRoot.js";
+import RadioIndicator_default from "./components/radio/RadioIndicator.js";
+import { PANEL_HEIGHT_VAR, PANEL_WIDTH_VAR } from "./shared/use-collapsible.js";
+import CollapsibleRoot_default from "./components/collapsible/CollapsibleRoot.js";
+import CollapsibleTrigger_default from "./components/collapsible/CollapsibleTrigger.js";
+import CollapsiblePanel_default from "./components/collapsible/CollapsiblePanel.js";
+import AccordionRoot_default from "./components/accordion/AccordionRoot.js";
+import AccordionItem_default from "./components/accordion/AccordionItem.js";
+import AccordionHeader_default from "./components/accordion/AccordionHeader.js";
+import PopoverRoot_default from "./components/popover/PopoverRoot.js";
+import PopoverTrigger_default from "./components/popover/PopoverTrigger.js";
+import PopoverArrow_default from "./components/popover/PopoverArrow.js";
+import PopoverClose_default from "./components/popover/PopoverClose.js";
+import PopoverTitle_default from "./components/popover/PopoverTitle.js";
+import PopoverDescription_default from "./components/popover/PopoverDescription.js";
+import Portal_default from "./components/surface/Portal.js";
+import Positioner_default from "./components/surface/Positioner.js";
+import Popup_default from "./components/surface/Popup.js";
+import Addon_default from "./components/surface/Addon.js";
+import { perpendicular } from "./components/group/Group.vue_vue_type_script_setup_true_lang.js";
+import Group_default from "./components/group/Group.js";
+import Separator_default from "./components/surface/Separator.js";
+import DialogRoot_default from "./components/dialog/DialogRoot.js";
+import DialogTrigger_default from "./components/dialog/DialogTrigger.js";
+import DialogBackdrop_default from "./components/dialog/DialogBackdrop.js";
+import DialogTitle_default from "./components/dialog/DialogTitle.js";
+import DialogDescription_default from "./components/dialog/DialogDescription.js";
+import DialogClose_default from "./components/dialog/DialogClose.js";
+import DrawerRoot_default from "./components/drawer/DrawerRoot.js";
+import DrawerHandle_default from "./components/drawer/DrawerHandle.js";
+import TooltipGroup_default from "./components/tooltip/TooltipGroup.js";
+import TooltipRoot_default from "./components/tooltip/TooltipRoot.js";
+import TooltipTrigger_default from "./components/tooltip/TooltipTrigger.js";
+import TooltipArrow_default from "./components/tooltip/TooltipArrow.js";
+import FieldRoot_default from "./components/field/FieldRoot.js";
+import FieldLabel_default from "./components/field/FieldLabel.js";
+import FieldGroup_default from "./components/field/FieldGroup.js";
+import Input_default from "./components/input/Input.js";
+import Textarea_default from "./components/textarea/Textarea.js";
+import FieldDescription_default from "./components/field/FieldDescription.js";
+import FieldError_default from "./components/field/FieldError.js";
+import { useVirtualList } from "./composables/use-virtual-list.js";
+import { computeItemAlignment, measureItemAlignment } from "./shared/align-item-with-trigger.js";
+import { isListboxGroup } from "./shared/use-listbox.js";
+import SelectRoot_default from "./components/select/SelectRoot.js";
+import SelectTrigger_default from "./components/select/SelectTrigger.js";
+import SelectValue_default from "./components/select/SelectValue.js";
+import ListboxClear_default from "./components/listbox/ListboxClear.js";
+import ListboxIndicator_default from "./components/listbox/ListboxIndicator.js";
+import SelectSearch_default from "./components/select/SelectSearch.js";
+import ListboxList_default from "./components/listbox/ListboxList.js";
+import ListboxItem_default from "./components/listbox/ListboxItem.js";
+import ListboxEmpty_default from "./components/listbox/ListboxEmpty.js";
+import ListboxScrollIndicator_default from "./components/listbox/ListboxScrollIndicator.js";
+import ListboxPresets_default from "./components/listbox/ListboxPresets.js";
+import ComboboxRoot_default from "./components/combobox/ComboboxRoot.js";
+import ComboboxTrigger_default from "./components/combobox/ComboboxTrigger.js";
+import ComboboxChip_default from "./components/combobox/ComboboxChip.js";
+import ComboboxChipRemove_default from "./components/combobox/ComboboxChipRemove.js";
+import ComboboxChips_default from "./components/combobox/ComboboxChips.js";
+import ComboboxInput_default from "./components/combobox/ComboboxInput.js";
+import RangeRoot_default from "./components/range/RangeRoot.js";
+import RangeLabel_default from "./components/range/RangeLabel.js";
+import RangeValue_default from "./components/range/RangeValue.js";
+import RangeControl_default from "./components/range/RangeControl.js";
+import RangeTrack_default from "./components/range/RangeTrack.js";
+import RangeIndicator_default from "./components/range/RangeIndicator.js";
+import RangeThumb_default from "./components/range/RangeThumb.js";
+import { createToastStore, defaultToastStore } from "./shared/toast-store.js";
+import { provideToastStore, useToast } from "./composables/use-toast.js";
+import ToastViewport_default from "./components/toast/ToastViewport.js";
+import ToastRoot_default from "./components/toast/ToastRoot.js";
+import ToastTitle_default from "./components/toast/ToastTitle.js";
+import ToastDescription_default from "./components/toast/ToastDescription.js";
+import ToastClose_default from "./components/toast/ToastClose.js";
+import ToastAction_default from "./components/toast/ToastAction.js";
+import ToastProgress_default from "./components/toast/ToastProgress.js";
+import Button_default from "./components/button/Button.js";
+import Badge_default from "./components/badge/Badge.js";
+import { configureIcons, findInlineIcon, hasIcon, iconSprite, loadInlineIcon, registerDefaultIcons } from "./shared/icons.js";
+import Icon_default from "./components/icon/Icon.js";
+import TableRoot_default from "./components/table/TableRoot.js";
+import TableCaption_default from "./components/table/TableCaption.js";
+import TableHeader_default from "./components/table/TableHeader.js";
+import TableBody_default from "./components/table/TableBody.js";
+import TableFooter_default from "./components/table/TableFooter.js";
+import TableRow_default from "./components/table/TableRow.js";
+import TableHeadCell_default from "./components/table/TableHeadCell.js";
+import TableCell_default from "./components/table/TableCell.js";
+import Appear_default from "./components/appear/Appear.js";
+import { resolveAsyncView } from "./components/async-state/AsyncState.vue_vue_type_script_setup_true_lang.js";
+import AsyncState_default from "./components/async-state/AsyncState.js";
+import DragRoot_default from "./components/drag/DragRoot.js";
+import DragItem_default from "./components/drag/DragItem.js";
+import DragHandle_default from "./components/drag/DragHandle.js";
+import { useClipboard } from "./composables/use-clipboard.js";
+import Copy_default from "./components/copy/Copy.js";
+import AlertRoot_default from "./components/alert/AlertRoot.js";
+import AlertTitle_default from "./components/alert/AlertTitle.js";
+import AlertDescription_default from "./components/alert/AlertDescription.js";
+import Deferred_default from "./components/deferred/Deferred.js";
+import Toggle_default from "./components/toggle/Toggle.js";
+import ToggleGroup_default from "./components/toggle/ToggleGroup.js";
+import { GAUGE_MAX_VAR, GAUGE_MIN_VAR, GAUGE_PERCENTAGE_VAR, GAUGE_VALUE_VAR } from "./shared/use-gauge.js";
+import ProgressRoot_default from "./components/progress/ProgressRoot.js";
+import ProgressTrack_default from "./components/progress/ProgressTrack.js";
+import ProgressIndicator_default from "./components/progress/ProgressIndicator.js";
+import ProgressValue_default from "./components/progress/ProgressValue.js";
+import ProgressLabel_default from "./components/progress/ProgressLabel.js";
+import MeterRoot_default from "./components/meter/MeterRoot.js";
+import MeterTrack_default from "./components/meter/MeterTrack.js";
+import MeterIndicator_default from "./components/meter/MeterIndicator.js";
+import MeterValue_default from "./components/meter/MeterValue.js";
+import MeterLabel_default from "./components/meter/MeterLabel.js";
+import { configureLink, defaultLink } from "./shared/link.js";
+import { routeQueryKey } from "./shared/route-query.js";
+import { paginationItems } from "./components/pagination/PaginationRoot.vue_vue_type_script_setup_true_lang.js";
+import PaginationRoot_default from "./components/pagination/PaginationRoot.js";
+import PaginationPrev_default from "./components/pagination/PaginationPrev.js";
+import PaginationNext_default from "./components/pagination/PaginationNext.js";
+import PaginationItem_default from "./components/pagination/PaginationItem.js";
+import PaginationEllipsis_default from "./components/pagination/PaginationEllipsis.js";
+import FloatingRoot_default from "./components/floating/FloatingRoot.js";
+import FloatingHeader_default from "./components/floating/FloatingHeader.js";
+import FloatingTitle_default from "./components/floating/FloatingTitle.js";
+import FloatingClose_default from "./components/floating/FloatingClose.js";
+import FloatingResizer_default from "./components/floating/FloatingResizer.js";
+import { YEARS_PER_PAGE } from "./components/calendar/use-calendar.js";
+import CalendarRoot_default from "./components/calendar/CalendarRoot.js";
+import CalendarPrev_default from "./components/calendar/CalendarPrev.js";
+import CalendarNext_default from "./components/calendar/CalendarNext.js";
+import CalendarViewTrigger_default from "./components/calendar/CalendarViewTrigger.js";
+import CalendarGrid_default from "./components/calendar/CalendarGrid.js";
+import CalendarRow_default from "./components/calendar/CalendarRow.js";
+import CalendarWeek_default from "./components/calendar/CalendarWeek.js";
+import CalendarWeekDay_default from "./components/calendar/CalendarWeekDay.js";
+import CalendarDay_default from "./components/calendar/CalendarDay.js";
+import CalendarMonth_default from "./components/calendar/CalendarMonth.js";
+import CalendarYear_default from "./components/calendar/CalendarYear.js";
+import CalendarPresets_default from "./components/calendar/CalendarPresets.js";
+import CalendarPreset_default from "./components/calendar/CalendarPreset.js";
+import DatepickerRoot_default from "./components/datepicker/DatepickerRoot.js";
+import DatepickerTrigger_default from "./components/datepicker/DatepickerTrigger.js";
+import DatepickerValue_default from "./components/datepicker/DatepickerValue.js";
+import DatepickerClear_default from "./components/datepicker/DatepickerClear.js";
+import TimepickerRoot_default from "./components/timepicker/TimepickerRoot.js";
+import TimepickerSegment_default from "./components/timepicker/TimepickerSegment.js";
+import TimepickerInput_default from "./components/timepicker/TimepickerInput.js";
+import TimepickerTrigger_default from "./components/timepicker/TimepickerTrigger.js";
+import TimepickerClear_default from "./components/timepicker/TimepickerClear.js";
+import TimepickerColumn_default from "./components/timepicker/TimepickerColumn.js";
+import { ACTIVE_TAB_BOTTOM_VAR, ACTIVE_TAB_HEIGHT_VAR, ACTIVE_TAB_LEFT_VAR, ACTIVE_TAB_RIGHT_VAR, ACTIVE_TAB_TOP_VAR, ACTIVE_TAB_WIDTH_VAR } from "./components/tabs/use-tabs.js";
+import TabsRoot_default from "./components/tabs/TabsRoot.js";
+import TabsList_default from "./components/tabs/TabsList.js";
+import TabsTab_default from "./components/tabs/TabsTab.js";
+import TabsPanel_default from "./components/tabs/TabsPanel.js";
+import TabsIndicator_default from "./components/tabs/TabsIndicator.js";
+import { FADE_SIZE_VAR, OVERFLOW_X_END_VAR, OVERFLOW_X_START_VAR, OVERFLOW_Y_END_VAR, OVERFLOW_Y_START_VAR } from "./components/scroll-area/ScrollArea.vue_vue_type_script_setup_true_lang.js";
+import ScrollArea_default from "./components/scroll-area/ScrollArea.js";
+import ContextMenuRoot_default from "./components/context-menu/ContextMenuRoot.js";
+import ContextMenuTrigger_default from "./components/context-menu/ContextMenuTrigger.js";
+import MenubarRoot_default from "./components/menu/MenubarRoot.js";
+import MenubarLink_default from "./components/menu/MenubarLink.js";
+import MenuRoot_default from "./components/menu/MenuRoot.js";
+import MenuTrigger_default from "./components/menu/MenuTrigger.js";
+import MenuItem_default from "./components/menu/MenuItem.js";
+import MenuCheckboxItem_default from "./components/menu/MenuCheckboxItem.js";
+import MenuRadioGroup_default from "./components/menu/MenuRadioGroup.js";
+import MenuRadioItem_default from "./components/menu/MenuRadioItem.js";
+import MenuGroup_default from "./components/menu/MenuGroup.js";
+import MenuGroupLabel_default from "./components/menu/MenuGroupLabel.js";
+import MenuArrow_default from "./components/menu/MenuArrow.js";
+import MenuItemIndicator_default from "./components/menu/MenuItemIndicator.js";
+import { useClickOutside } from "./composables/use-click-outside.js";
+import { useLocalStorage } from "./composables/use-local-storage.js";
+import { useDownload, useExportCsv } from "./composables/use-download.js";
+import { useTheme } from "./composables/use-theme.js";
+export * from "@vunset/utils";
+export { ACTIVE_TAB_BOTTOM_VAR, ACTIVE_TAB_HEIGHT_VAR, ACTIVE_TAB_LEFT_VAR, ACTIVE_TAB_RIGHT_VAR, ACTIVE_TAB_TOP_VAR, ACTIVE_TAB_WIDTH_VAR, AccordionHeader_default as AccordionHeader, AccordionItem_default as AccordionItem, CollapsiblePanel_default as AccordionPanel, AccordionRoot_default as AccordionRoot, CollapsibleTrigger_default as AccordionTrigger, Addon_default as Addon, AlertDescription_default as AlertDescription, AlertRoot_default as AlertRoot, AlertTitle_default as AlertTitle, Appear_default as Appear, AsyncState_default as AsyncState, Badge_default as Badge, Button_default as Button, CalendarDay_default as CalendarDay, CalendarGrid_default as CalendarGrid, CalendarMonth_default as CalendarMonth, CalendarNext_default as CalendarNext, CalendarPreset_default as CalendarPreset, CalendarPresets_default as CalendarPresets, CalendarPrev_default as CalendarPrev, CalendarRoot_default as CalendarRoot, CalendarRow_default as CalendarRow, CalendarViewTrigger_default as CalendarViewTrigger, CalendarWeek_default as CalendarWeek, CalendarWeekDay_default as CalendarWeekDay, CalendarYear_default as CalendarYear, CheckboxGroup_default as CheckboxGroup, CheckboxIndicator_default as CheckboxIndicator, CheckboxRoot_default as CheckboxRoot, CollapsiblePanel_default as CollapsiblePanel, CollapsibleRoot_default as CollapsibleRoot, CollapsibleTrigger_default as CollapsibleTrigger, ComboboxChip_default as ComboboxChip, ComboboxChipRemove_default as ComboboxChipRemove, ComboboxChips_default as ComboboxChips, ListboxClear_default as ComboboxClear, ListboxEmpty_default as ComboboxEmpty, ListboxIndicator_default as ComboboxIndicator, ComboboxInput_default as ComboboxInput, ListboxItem_default as ComboboxItem, ListboxList_default as ComboboxList, ListboxPresets_default as ComboboxPresets, ComboboxRoot_default as ComboboxRoot, ListboxScrollIndicator_default as ComboboxScrollIndicator, ComboboxTrigger_default as ComboboxTrigger, ContextMenuRoot_default as ContextMenuRoot, ContextMenuTrigger_default as ContextMenuTrigger, Copy_default as Copy, DatepickerClear_default as DatepickerClear, DatepickerRoot_default as DatepickerRoot, DatepickerTrigger_default as DatepickerTrigger, DatepickerValue_default as DatepickerValue, Deferred_default as Deferred, DialogBackdrop_default as DialogBackdrop, DialogClose_default as DialogClose, DialogDescription_default as DialogDescription, DialogRoot_default as DialogRoot, DialogTitle_default as DialogTitle, DialogTrigger_default as DialogTrigger, DragHandle_default as DragHandle, DragItem_default as DragItem, DragRoot_default as DragRoot, DialogBackdrop_default as DrawerBackdrop, DialogClose_default as DrawerClose, DialogDescription_default as DrawerDescription, DrawerHandle_default as DrawerHandle, DrawerRoot_default as DrawerRoot, DialogTitle_default as DrawerTitle, DialogTrigger_default as DrawerTrigger, FADE_SIZE_VAR, FieldDescription_default as FieldDescription, FieldError_default as FieldError, FieldGroup_default as FieldGroup, FieldLabel_default as FieldLabel, FieldRoot_default as FieldRoot, FloatingClose_default as FloatingClose, FloatingHeader_default as FloatingHeader, FloatingResizer_default as FloatingResizer, FloatingRoot_default as FloatingRoot, FloatingTitle_default as FloatingTitle, GAUGE_MAX_VAR, GAUGE_MIN_VAR, GAUGE_PERCENTAGE_VAR, GAUGE_VALUE_VAR, Group_default as Group, Icon_default as Icon, Input_default as Input, MenuArrow_default as MenuArrow, MenuCheckboxItem_default as MenuCheckboxItem, MenuGroup_default as MenuGroup, MenuGroupLabel_default as MenuGroupLabel, MenuItem_default as MenuItem, MenuItemIndicator_default as MenuItemIndicator, MenuRadioGroup_default as MenuRadioGroup, MenuRadioItem_default as MenuRadioItem, MenuRoot_default as MenuRoot, MenuTrigger_default as MenuTrigger, MenubarLink_default as MenubarLink, MenubarRoot_default as MenubarRoot, MeterIndicator_default as MeterIndicator, MeterLabel_default as MeterLabel, MeterRoot_default as MeterRoot, MeterTrack_default as MeterTrack, MeterValue_default as MeterValue, OVERFLOW_X_END_VAR, OVERFLOW_X_START_VAR, OVERFLOW_Y_END_VAR, OVERFLOW_Y_START_VAR, PANEL_HEIGHT_VAR, PANEL_WIDTH_VAR, PaginationEllipsis_default as PaginationEllipsis, PaginationItem_default as PaginationItem, PaginationNext_default as PaginationNext, PaginationPrev_default as PaginationPrev, PaginationRoot_default as PaginationRoot, Part, PopoverArrow_default as PopoverArrow, PopoverClose_default as PopoverClose, PopoverDescription_default as PopoverDescription, PopoverRoot_default as PopoverRoot, PopoverTitle_default as PopoverTitle, PopoverTrigger_default as PopoverTrigger, Popup_default as Popup, Portal_default as Portal, Positioner_default as Positioner, ProgressIndicator_default as ProgressIndicator, ProgressLabel_default as ProgressLabel, ProgressRoot_default as ProgressRoot, ProgressTrack_default as ProgressTrack, ProgressValue_default as ProgressValue, RadioGroup_default as RadioGroup, RadioIndicator_default as RadioIndicator, RadioRoot_default as RadioRoot, RangeControl_default as RangeControl, RangeIndicator_default as RangeIndicator, RangeLabel_default as RangeLabel, RangeRoot_default as RangeRoot, RangeThumb_default as RangeThumb, RangeTrack_default as RangeTrack, RangeValue_default as RangeValue, ScrollArea_default as ScrollArea, ListboxClear_default as SelectClear, ListboxEmpty_default as SelectEmpty, ListboxIndicator_default as SelectIndicator, ListboxItem_default as SelectItem, ListboxList_default as SelectList, ListboxPresets_default as SelectPresets, SelectRoot_default as SelectRoot, ListboxScrollIndicator_default as SelectScrollIndicator, SelectSearch_default as SelectSearch, SelectTrigger_default as SelectTrigger, SelectValue_default as SelectValue, Separator_default as Separator, SwitchRoot_default as SwitchRoot, SwitchThumb_default as SwitchThumb, TableBody_default as TableBody, TableCaption_default as TableCaption, TableCell_default as TableCell, TableFooter_default as TableFooter, TableHeadCell_default as TableHeadCell, TableHeader_default as TableHeader, TableRoot_default as TableRoot, TableRow_default as TableRow, TabsIndicator_default as TabsIndicator, TabsList_default as TabsList, TabsPanel_default as TabsPanel, TabsRoot_default as TabsRoot, TabsTab_default as TabsTab, Textarea_default as Textarea, TimepickerClear_default as TimepickerClear, TimepickerColumn_default as TimepickerColumn, TimepickerInput_default as TimepickerInput, TimepickerRoot_default as TimepickerRoot, TimepickerSegment_default as TimepickerSegment, TimepickerTrigger_default as TimepickerTrigger, ToastAction_default as ToastAction, ToastClose_default as ToastClose, ToastDescription_default as ToastDescription, ToastProgress_default as ToastProgress, ToastRoot_default as ToastRoot, ToastTitle_default as ToastTitle, ToastViewport_default as ToastViewport, Toggle_default as Toggle, ToggleGroup_default as ToggleGroup, TooltipArrow_default as TooltipArrow, TooltipGroup_default as TooltipGroup, TooltipRoot_default as TooltipRoot, TooltipTrigger_default as TooltipTrigger, YEARS_PER_PAGE, computeItemAlignment, configureIcons, configureLink, createContext, createToastStore, createValidationStore, dataAttrs, defaultLink, defaultToastStore, defaultValidationStore, findInlineIcon, hasIcon, iconSprite, isListboxGroup, isPropBound, loadInlineIcon, measureItemAlignment, mergeProps, paginationItems, perpendicular, provideToastStore, provideValidation, registerDefaultIcons, resolveAsyncView, routeQueryKey, singleChild, useClickOutside, useClipboard, useDownload, useExportCsv, useLocalStorage, useTheme, useToast, useValidate, useVirtualList };