@human-kit/svelte-components 1.0.0-alpha.5 → 1.0.0-alpha.6

package/dist/calendar/index.d.ts

@@ -1,4 +1,4 @@
-export * as Calendar from './index.parts.ts';
+export * as Calendar from './index.parts.js';
 export { default as CalendarRoot } from './root/calendar-root.svelte';
 export { default as CalendarTriggerPrevious } from './trigger-previous/calendar-trigger-previous.svelte';
 export { default as CalendarHeading } from './heading/calendar-heading.svelte';
@@ -8,6 +8,6 @@ export { default as CalendarGridHeader } from './grid-header/calendar-grid-heade
 export { default as CalendarHeaderCell } from './header-cell/calendar-header-cell.svelte';
 export { default as CalendarGridBody } from './grid-body/calendar-grid-body.svelte';
 export { default as CalendarBodyCell } from './body-cell/calendar-body-cell.svelte';
-export { getCalendarContext, setCalendarContext, useCalendarContext, createCalendarContext, type CalendarContext, type CalendarMonth, type CalendarSelectionMode, type CalendarRangeValue, type CalendarValueBySelectionMode, type CalendarValue, type CreateCalendarContextOptions } from './root/context';
-import * as CalendarParts from './index.parts.ts';
+export { getCalendarContext, setCalendarContext, useCalendarContext, createCalendarContext, type CalendarContext, type CalendarMonth, type CalendarSelectionMode, type CalendarRangeValue, type CalendarValueBySelectionMode, type CalendarValue, type CreateCalendarContextOptions } from './root/context.js';
+import * as CalendarParts from './index.parts.js';
 export default CalendarParts;

package/dist/calendar/index.js

@@ -1,4 +1,4 @@
-export * as Calendar from './index.parts.ts';
+export * as Calendar from './index.parts.js';
 export { default as CalendarRoot } from './root/calendar-root.svelte';
 export { default as CalendarTriggerPrevious } from './trigger-previous/calendar-trigger-previous.svelte';
 export { default as CalendarHeading } from './heading/calendar-heading.svelte';
@@ -8,6 +8,6 @@ export { default as CalendarGridHeader } from './grid-header/calendar-grid-heade
 export { default as CalendarHeaderCell } from './header-cell/calendar-header-cell.svelte';
 export { default as CalendarGridBody } from './grid-body/calendar-grid-body.svelte';
 export { default as CalendarBodyCell } from './body-cell/calendar-body-cell.svelte';
-export { getCalendarContext, setCalendarContext, useCalendarContext, createCalendarContext } from './root/context';
-import * as CalendarParts from './index.parts.ts';
+export { getCalendarContext, setCalendarContext, useCalendarContext, createCalendarContext } from './root/context.js';
+import * as CalendarParts from './index.parts.js';
 export default CalendarParts;

package/dist/checkbox/index.d.ts

@@ -1,6 +1,6 @@
-export * as Checkbox from './index.parts.ts';
+export * as Checkbox from './index.parts.js';
 export { default as CheckboxRoot } from './root/checkbox-root.svelte';
 export { default as CheckboxIndicator } from './indicator/checkbox-indicator.svelte';
-export { getCheckboxContext, setCheckboxContext, useCheckboxContext, type CheckboxContext, type CheckboxState } from './root/context.ts';
-import * as CheckboxParts from './index.parts.ts';
+export { getCheckboxContext, setCheckboxContext, useCheckboxContext, type CheckboxContext, type CheckboxState } from './root/context.js';
+import * as CheckboxParts from './index.parts.js';
 export default CheckboxParts;

package/dist/checkbox/index.js

@@ -1,6 +1,6 @@
-export * as Checkbox from './index.parts.ts';
+export * as Checkbox from './index.parts.js';
 export { default as CheckboxRoot } from './root/checkbox-root.svelte';
 export { default as CheckboxIndicator } from './indicator/checkbox-indicator.svelte';
-export { getCheckboxContext, setCheckboxContext, useCheckboxContext } from './root/context.ts';
-import * as CheckboxParts from './index.parts.ts';
+export { getCheckboxContext, setCheckboxContext, useCheckboxContext } from './root/context.js';
+import * as CheckboxParts from './index.parts.js';
 export default CheckboxParts;

package/dist/clock/index.d.ts

@@ -1,10 +1,10 @@
-export * as Clock from './index.parts.ts';
+export * as Clock from './index.parts.js';
 export { default as ClockRoot } from './root/clock-root.svelte';
 export { default as ClockAxis } from './axis/clock-axis.svelte';
 export { default as ClockWheelColumn } from './wheel-column/clock-wheel-column.svelte';
 export { default as ClockWheelItem } from './wheel-item/clock-wheel-item.svelte';
-export { getClockContext, setClockContext, useClockContext, type ClockContext, type ClockEditableSegmentType } from './root/context.ts';
-export { type TimePickerGranularity as ClockGranularity, type TimePickerHourCycle as ClockHourCycle, type TimePickerTimeValue as ClockTimeValue } from './root/time-utils';
-export { type ClockColumnInfo } from './root/resolve-visible-columns';
-import * as ClockParts from './index.parts.ts';
+export { getClockContext, setClockContext, useClockContext, type ClockContext, type ClockEditableSegmentType } from './root/context.js';
+export { type TimePickerGranularity as ClockGranularity, type TimePickerHourCycle as ClockHourCycle, type TimePickerTimeValue as ClockTimeValue } from './root/time-utils.js';
+export { type ClockColumnInfo } from './root/resolve-visible-columns.js';
+import * as ClockParts from './index.parts.js';
 export default ClockParts;

package/dist/clock/index.js

@@ -1,10 +1,10 @@
-export * as Clock from './index.parts.ts';
+export * as Clock from './index.parts.js';
 export { default as ClockRoot } from './root/clock-root.svelte';
 export { default as ClockAxis } from './axis/clock-axis.svelte';
 export { default as ClockWheelColumn } from './wheel-column/clock-wheel-column.svelte';
 export { default as ClockWheelItem } from './wheel-item/clock-wheel-item.svelte';
-export { getClockContext, setClockContext, useClockContext } from './root/context.ts';
-export {} from './root/time-utils';
-export {} from './root/resolve-visible-columns';
-import * as ClockParts from './index.parts.ts';
+export { getClockContext, setClockContext, useClockContext } from './root/context.js';
+export {} from './root/time-utils.js';
+export {} from './root/resolve-visible-columns.js';
+import * as ClockParts from './index.parts.js';
 export default ClockParts;

package/dist/combobox/index.d.ts

@@ -1,4 +1,4 @@
-export * as ComboBox from './index.parts.ts';
+export * as ComboBox from './index.parts.js';
 export { default as ComboBoxRoot } from './root/combobox.svelte';
 export { default as ComboBoxInput } from './input/combobox-input.svelte';
 export { default as ComboBoxButton } from './button/combobox-button.svelte';
@@ -9,6 +9,6 @@ export { default as ComboBoxItemIndicator } from './item-indicator/combobox-item
 export { default as ComboBoxTags } from './tags/combobox-tags.svelte';
 export { default as ComboBoxTag } from './tag/combobox-tag.svelte';
 export { default as ComboBoxTagRemove } from './tag-remove/combobox-tag-remove.svelte';
-export { getComboBoxContext, setComboBoxContext, useComboBoxContext, type ComboBoxContext } from './root/context.ts';
-import * as ComboBoxParts from './index.parts.ts';
+export { getComboBoxContext, setComboBoxContext, useComboBoxContext, type ComboBoxContext } from './root/context.js';
+import * as ComboBoxParts from './index.parts.js';
 export default ComboBoxParts;

package/dist/combobox/index.js

@@ -1,5 +1,5 @@
 // Namespace export for component composition: <ComboBox.Root>, <ComboBox.Input>, etc.
-export * as ComboBox from './index.parts.ts';
+export * as ComboBox from './index.parts.js';
 // Direct named exports for individual imports
 export { default as ComboBoxRoot } from './root/combobox.svelte';
 export { default as ComboBoxInput } from './input/combobox-input.svelte';
@@ -12,7 +12,7 @@ export { default as ComboBoxTags } from './tags/combobox-tags.svelte';
 export { default as ComboBoxTag } from './tag/combobox-tag.svelte';
 export { default as ComboBoxTagRemove } from './tag-remove/combobox-tag-remove.svelte';
 // Context and types
-export { getComboBoxContext, setComboBoxContext, useComboBoxContext } from './root/context.ts';
+export { getComboBoxContext, setComboBoxContext, useComboBoxContext } from './root/context.js';
 // Default export as namespace object
-import * as ComboBoxParts from './index.parts.ts';
+import * as ComboBoxParts from './index.parts.js';
 export default ComboBoxParts;

package/dist/combobox/input/combobox-input.svelte

@@ -1,6 +1,10 @@
 <script lang="ts">
 	import type { HTMLInputAttributes } from 'svelte/elements';
 	import { useComboBoxContext } from '../root/context';
+	import {
+		shouldShowFocusVisible,
+		trackInteractionModality
+	} from '../../primitives/input-modality';
 	import { cn } from '../../utils/cn';
 
 	type ComboBoxInputProps = HTMLInputAttributes & {
@@ -42,6 +46,8 @@
 	}
 
 	function handleFocus() {
+		ctx.setFocusVisible(shouldShowFocusVisible(inputRef));
+
 		// Open on focus if trigger is 'focus'
 		// Use a small delay to avoid opening immediately on programmatic focus
 		// (e.g., from a focus trap). This gives time for refs to be set up.
@@ -54,7 +60,9 @@
 		}
 	}
 
-	function handleMouseDown() {
+	function handleMouseDown(event: MouseEvent) {
+		trackInteractionModality(event, inputRef);
+		ctx.setFocusVisible(false);
 		ctx.setFocusedTagId(null);
 		// Open on press if trigger is 'press'
 		if (ctx.trigger === 'press' && !ctx.isOpen && !ctx.isDisabled && !ctx.isReadOnly) {
@@ -62,7 +70,14 @@
 		}
 	}
 
+	function handleKeyDown(event: KeyboardEvent) {
+		trackInteractionModality(event, inputRef);
+		ctx.setFocusVisible(shouldShowFocusVisible(inputRef));
+		ctx.handleKeydown(event);
+	}
+
 	function handleBlur() {
+		ctx.setFocusVisible(false);
 		// Restore selection label or deselect if empty
 		ctx.handleInputBlur();
 	}
@@ -89,7 +104,7 @@
 	onfocus={handleFocus}
 	onmousedown={handleMouseDown}
 	onblur={handleBlur}
-	onkeydown={ctx.handleKeydown}
+	onkeydown={handleKeyDown}
 	class={cn(
 		'bg-depth-2 sunken placeholder:text-muted-foreground hover:bg-depth-1 focus:ring-border h-8 w-full rounded-xs border px-2 text-sm shadow-xs transition-all ease-out outline-none focus:ring focus:ring-offset-1 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
 		className

package/dist/combobox/popover/combobox-popover.svelte

@@ -2,6 +2,8 @@
 	import type { Snippet } from 'svelte';
 	import { useComboBoxContext } from '../root/context';
 	import { Popover } from '../../popover';
+	import { focusWithModality, type InputModality } from '../../primitives/input-modality';
+	import type { PopoverOpenChangeDetails } from '../../popover/root/context';
 
 	/**
 	 * ComboBox.Popover - Just the floating container wrapper.
@@ -16,7 +18,21 @@
 
 	const ctx = useComboBoxContext();
 
-	function handleOpenChange(open: boolean) {
+	function resolveFocusTarget(details?: PopoverOpenChangeDetails): HTMLElement | null {
+		const rawTarget = details?.event?.target;
+		if (!(rawTarget instanceof Node)) return null;
+		if (ctx.inputRef?.contains(rawTarget)) return null;
+		return rawTarget instanceof HTMLElement ? rawTarget : rawTarget.parentElement;
+	}
+
+	function handleOpenChange(open: boolean, details?: PopoverOpenChangeDetails) {
+		if (!open && details?.reason === 'outside-press') {
+			const target = resolveFocusTarget(details);
+			if (target) {
+				focusWithModality(target, 'pointer' satisfies InputModality);
+			}
+		}
+
 		ctx.onOpenChange(open);
 	}
 

package/dist/combobox/root/combobox.svelte

@@ -358,6 +358,10 @@
 		queueMicrotask(syncFocusWithin);
 	}
 
+	function setFocusVisibleState(visible: boolean) {
+		focusVisible = visible && focusWithin;
+	}
+
 	// Use navigation hook methods for keyboard navigation
 	function selectFocusedItem() {
 		if (navigation.focusedId !== null) {
@@ -694,6 +698,7 @@
 		unregisterItem: navigation.unregister,
 		handleKeydown,
 		handleInputBlur,
+		setFocusVisible: setFocusVisibleState,
 		get focusedTagId() {
 			return focusedTagId;
 		},

package/dist/combobox/root/context.d.ts

@@ -80,6 +80,8 @@ export type ComboBoxContext<T extends object = object> = {
     handleKeydown: (event: KeyboardEvent) => void;
     /** Handle input blur - restore selection or deselect if empty */
     handleInputBlur: () => void;
+    /** Update root-level focus-visible state based on current modality. */
+    setFocusVisible: (visible: boolean) => void;
     /** Currently focused tag ID (virtual focus for tag navigation) */
     focusedTagId: string | number | null;
     /** Set focused tag ID (virtual focus for tag navigation) */

package/dist/datepicker/index.d.ts

@@ -1,4 +1,4 @@
-export * as DatePicker from './index.parts.ts';
+export * as DatePicker from './index.parts.js';
 export { default as DatePickerRoot } from './root/date-picker-root.svelte';
 export { default as DatePickerInput } from './input/date-picker-input.svelte';
 export { default as DatePickerSegment } from './segment/date-picker-segment.svelte';
@@ -13,6 +13,6 @@ export { default as DatePickerGridHeader } from '../calendar/grid-header/calenda
 export { default as DatePickerHeaderCell } from '../calendar/header-cell/calendar-header-cell.svelte';
 export { default as DatePickerGridBody } from '../calendar/grid-body/calendar-grid-body.svelte';
 export { default as DatePickerBodyCell } from '../calendar/body-cell/calendar-body-cell.svelte';
-export { getDatePickerContext, setDatePickerContext, useDatePickerContext, type DatePickerContext, type DatePickerOpenChangeDetails, type DatePickerOpenChangeReason, type DatePickerSegmentPart, type DatePickerSegmentType } from './root/context.ts';
-import * as DatePickerParts from './index.parts.ts';
+export { getDatePickerContext, setDatePickerContext, useDatePickerContext, type DatePickerContext, type DatePickerOpenChangeDetails, type DatePickerOpenChangeReason, type DatePickerSegmentPart, type DatePickerSegmentType } from './root/context.js';
+import * as DatePickerParts from './index.parts.js';
 export default DatePickerParts;

package/dist/datepicker/index.js

@@ -1,4 +1,4 @@
-export * as DatePicker from './index.parts.ts';
+export * as DatePicker from './index.parts.js';
 export { default as DatePickerRoot } from './root/date-picker-root.svelte';
 export { default as DatePickerInput } from './input/date-picker-input.svelte';
 export { default as DatePickerSegment } from './segment/date-picker-segment.svelte';
@@ -13,6 +13,6 @@ export { default as DatePickerGridHeader } from '../calendar/grid-header/calenda
 export { default as DatePickerHeaderCell } from '../calendar/header-cell/calendar-header-cell.svelte';
 export { default as DatePickerGridBody } from '../calendar/grid-body/calendar-grid-body.svelte';
 export { default as DatePickerBodyCell } from '../calendar/body-cell/calendar-body-cell.svelte';
-export { getDatePickerContext, setDatePickerContext, useDatePickerContext } from './root/context.ts';
-import * as DatePickerParts from './index.parts.ts';
+export { getDatePickerContext, setDatePickerContext, useDatePickerContext } from './root/context.js';
+import * as DatePickerParts from './index.parts.js';
 export default DatePickerParts;

package/dist/dialog/index.d.ts

@@ -1,4 +1,4 @@
-import * as DialogParts from './index.parts.ts';
+import * as DialogParts from './index.parts.js';
 export declare const Dialog: typeof DialogParts;
 export default DialogParts;
 export { default as DialogRoot } from './root/dialog-root.svelte';
@@ -6,5 +6,5 @@ export { default as DialogTrigger } from './trigger/dialog-trigger.svelte';
 export { default as DialogPortal } from './portal/dialog-portal.svelte';
 export { default as DialogOverlay } from './overlay/dialog-overlay.svelte';
 export { default as DialogContent } from './content/dialog-content.svelte';
-export { getDialogContext, setDialogContext, type DialogContext } from './root/context';
-export type { DialogStateHelpers } from './root/types';
+export { getDialogContext, setDialogContext, type DialogContext } from './root/context.js';
+export type { DialogStateHelpers } from './root/types.js';

package/dist/dialog/index.js

@@ -1,6 +1,6 @@
 // Dialog component with namespace pattern
 // Usage: <Dialog.Root>, <Dialog.Trigger>, <Dialog.Portal>, <Dialog.Overlay>, <Dialog.Content>
-import * as DialogParts from './index.parts.ts';
+import * as DialogParts from './index.parts.js';
 // Named export for namespace usage: import { Dialog } from '...'
 export const Dialog = DialogParts;
 // Default export for backwards compatibility
@@ -12,4 +12,4 @@ export { default as DialogPortal } from './portal/dialog-portal.svelte';
 export { default as DialogOverlay } from './overlay/dialog-overlay.svelte';
 export { default as DialogContent } from './content/dialog-content.svelte';
 // Re-export context utilities
-export { getDialogContext, setDialogContext } from './root/context';
+export { getDialogContext, setDialogContext } from './root/context.js';

package/dist/index.d.ts

@@ -1,29 +1,29 @@
-export { Checkbox } from './checkbox/index.ts';
-export { ComboBox } from './combobox/index.ts';
-export { Calendar } from './calendar/index.ts';
-export { Clock } from './clock/index.ts';
-export { DatePicker } from './datepicker/index.ts';
-export { TimePicker } from './timepicker/index.ts';
-export { Dialog } from './dialog/index.ts';
-export { ListBox } from './listbox/index.ts';
-export { Popover } from './popover/index.ts';
-export { Table } from './table/index.ts';
-export { default as Input } from './input/index.ts';
-export { default as Label } from './label/index.ts';
-export { default as LocaleProvider } from './locale-provider/index.ts';
-export { Portal } from './portal/index.ts';
-export * from './locale-provider/index.ts';
-export * from './checkbox/index.ts';
-export * from './combobox/index.ts';
-export * from './calendar/index.ts';
-export * from './clock/index.ts';
-export * from './datepicker/index.ts';
-export * from './timepicker/index.ts';
-export * from './dialog/index.ts';
-export * from './listbox/index.ts';
-export * from './popover/index.ts';
-export * from './table/index.ts';
-export * from './primitives/index.ts';
-export { cn } from './utils/index.ts';
-export * from './utils/index.ts';
-export * from './utils/index.ts';
+export { Checkbox } from './checkbox/index.js';
+export { ComboBox } from './combobox/index.js';
+export { Calendar } from './calendar/index.js';
+export { Clock } from './clock/index.js';
+export { DatePicker } from './datepicker/index.js';
+export { TimePicker } from './timepicker/index.js';
+export { Dialog } from './dialog/index.js';
+export { ListBox } from './listbox/index.js';
+export { Popover } from './popover/index.js';
+export { Table } from './table/index.js';
+export { default as Input } from './input/index.js';
+export { default as Label } from './label/index.js';
+export { default as LocaleProvider } from './locale-provider/index.js';
+export { Portal } from './portal/index.js';
+export * from './locale-provider/index.js';
+export * from './checkbox/index.js';
+export * from './combobox/index.js';
+export * from './calendar/index.js';
+export * from './clock/index.js';
+export * from './datepicker/index.js';
+export * from './timepicker/index.js';
+export * from './dialog/index.js';
+export * from './listbox/index.js';
+export * from './popover/index.js';
+export * from './table/index.js';
+export * from './primitives/index.js';
+export { cn } from './utils/index.js';
+export * from './utils/index.js';
+export * from './utils/index.js';

package/dist/index.js

@@ -1,35 +1,35 @@
 // Main library entry point
 // Components (namespace exports)
-export { Checkbox } from './checkbox/index.ts';
-export { ComboBox } from './combobox/index.ts';
-export { Calendar } from './calendar/index.ts';
-export { Clock } from './clock/index.ts';
-export { DatePicker } from './datepicker/index.ts';
-export { TimePicker } from './timepicker/index.ts';
-export { Dialog } from './dialog/index.ts';
-export { ListBox } from './listbox/index.ts';
-export { Popover } from './popover/index.ts';
-export { Table } from './table/index.ts';
+export { Checkbox } from './checkbox/index.js';
+export { ComboBox } from './combobox/index.js';
+export { Calendar } from './calendar/index.js';
+export { Clock } from './clock/index.js';
+export { DatePicker } from './datepicker/index.js';
+export { TimePicker } from './timepicker/index.js';
+export { Dialog } from './dialog/index.js';
+export { ListBox } from './listbox/index.js';
+export { Popover } from './popover/index.js';
+export { Table } from './table/index.js';
 // Simple components
-export { default as Input } from './input/index.ts';
-export { default as Label } from './label/index.ts';
-export { default as LocaleProvider } from './locale-provider/index.ts';
-export { Portal } from './portal/index.ts';
-export * from './locale-provider/index.ts';
+export { default as Input } from './input/index.js';
+export { default as Label } from './label/index.js';
+export { default as LocaleProvider } from './locale-provider/index.js';
+export { Portal } from './portal/index.js';
+export * from './locale-provider/index.js';
 // Re-export named exports from components
-export * from './checkbox/index.ts';
-export * from './combobox/index.ts';
-export * from './calendar/index.ts';
-export * from './clock/index.ts';
-export * from './datepicker/index.ts';
-export * from './timepicker/index.ts';
-export * from './dialog/index.ts';
-export * from './listbox/index.ts';
-export * from './popover/index.ts';
-export * from './table/index.ts';
+export * from './checkbox/index.js';
+export * from './combobox/index.js';
+export * from './calendar/index.js';
+export * from './clock/index.js';
+export * from './datepicker/index.js';
+export * from './timepicker/index.js';
+export * from './dialog/index.js';
+export * from './listbox/index.js';
+export * from './popover/index.js';
+export * from './table/index.js';
 // Primitives
-export * from './primitives/index.ts';
+export * from './primitives/index.js';
 // Utilities
-export { cn } from './utils/index.ts';
-export * from './utils/index.ts';
-export * from './utils/index.ts';
+export { cn } from './utils/index.js';
+export * from './utils/index.js';
+export * from './utils/index.js';

package/dist/listbox/index.d.ts

@@ -1,6 +1,6 @@
-export * as ListBox from './index.parts.ts';
+export * as ListBox from './index.parts.js';
 export { default as ListBoxRoot } from './root/listbox.svelte';
 export { default as ListBoxItem } from './item/listbox-item.svelte';
-export { useListBoxContext, createListBoxContext, type ListBoxContext } from './root/context.ts';
-import * as ListBoxParts from './index.parts.ts';
+export { useListBoxContext, createListBoxContext, type ListBoxContext } from './root/context.js';
+import * as ListBoxParts from './index.parts.js';
 export default ListBoxParts;

package/dist/listbox/index.js

@@ -1,10 +1,10 @@
 // Namespace export for component composition: <ListBox.Root>, <ListBox.Item>
-export * as ListBox from './index.parts.ts';
+export * as ListBox from './index.parts.js';
 // Direct named exports for individual imports
 export { default as ListBoxRoot } from './root/listbox.svelte';
 export { default as ListBoxItem } from './item/listbox-item.svelte';
 // Context and types
-export { useListBoxContext, createListBoxContext } from './root/context.ts';
+export { useListBoxContext, createListBoxContext } from './root/context.js';
 // Default export as namespace object
-import * as ListBoxParts from './index.parts.ts';
+import * as ListBoxParts from './index.parts.js';
 export default ListBoxParts;

package/dist/popover/index.d.ts

@@ -1,8 +1,8 @@
-export * as Popover from './index.parts.ts';
+export * as Popover from './index.parts.js';
 export { default as PopoverRoot } from './root/popover-root.svelte';
 export { default as PopoverContent } from './content/popover-content.svelte';
 export { default as PopoverTrigger } from './trigger/popover-trigger.svelte';
 export { default as PopoverTriggerButton } from './trigger/popover-trigger-button.svelte';
-export { getPopoverContext, setPopoverContext, type PopoverContext, type PopoverCanonicalCloseReason, type PopoverCloseReason, type PopoverOpenReason, type PopoverChangeReason, type PopoverOpenChangeDetails } from './root/context.ts';
-import * as PopoverParts from './index.parts.ts';
+export { getPopoverContext, setPopoverContext, type PopoverContext, type PopoverCanonicalCloseReason, type PopoverCloseReason, type PopoverOpenReason, type PopoverChangeReason, type PopoverOpenChangeDetails } from './root/context.js';
+import * as PopoverParts from './index.parts.js';
 export default PopoverParts;

package/dist/popover/index.js

@@ -1,12 +1,12 @@
 // Namespace export for component composition: <Popover.Root>, <Popover.Trigger>, etc.
-export * as Popover from './index.parts.ts';
+export * as Popover from './index.parts.js';
 // Direct named exports for individual imports
 export { default as PopoverRoot } from './root/popover-root.svelte';
 export { default as PopoverContent } from './content/popover-content.svelte';
 export { default as PopoverTrigger } from './trigger/popover-trigger.svelte';
 export { default as PopoverTriggerButton } from './trigger/popover-trigger-button.svelte';
 // Context and types
-export { getPopoverContext, setPopoverContext } from './root/context.ts';
+export { getPopoverContext, setPopoverContext } from './root/context.js';
 // Default export as namespace object
-import * as PopoverParts from './index.parts.ts';
+import * as PopoverParts from './index.parts.js';
 export default PopoverParts;

package/dist/table/index.d.ts

@@ -1,4 +1,4 @@
-export * as Table from './index.parts.ts';
+export * as Table from './index.parts.js';
 export { default as TableRoot } from './root/table-root.svelte';
 export { default as TableColumn } from './column/table-column.svelte';
 export { default as TableHeader } from './header/table-header.svelte';
@@ -11,6 +11,6 @@ export { default as TableColumnResizer } from './column-resizer/table-column-res
 export { default as TableCheckbox } from './checkbox/table-checkbox.svelte';
 export { default as TableCheckboxIndicator } from './checkbox-indicator/table-checkbox-indicator.svelte';
 export { default as TableCell } from './cell/table-cell.svelte';
-export { createTableContext, getTableContext, setTableContext, useTableContext, getTableSectionContext, setTableSectionContext, useTableSectionContext, getTableRowContext, setTableRowContext, useTableRowContext, getTableColumnContext, setTableColumnContext, useTableColumnContext, type TableContext, type TableSelectionBehavior, type TableSelectionCheckboxState, type TableSelectionKey, type TableSelectionMode, type TableSortDirection, type TableSortDescriptor, type TableColumnWidth, type TableGridCoord, type TableColumnRegistration, type TableSectionKind, type TableSectionContext, type TableRowContext, type TableColumnContext, type CreateTableContextOptions } from './root/context';
-import * as TableParts from './index.parts.ts';
+export { createTableContext, getTableContext, setTableContext, useTableContext, getTableSectionContext, setTableSectionContext, useTableSectionContext, getTableRowContext, setTableRowContext, useTableRowContext, getTableColumnContext, setTableColumnContext, useTableColumnContext, type TableContext, type TableSelectionBehavior, type TableSelectionCheckboxState, type TableSelectionKey, type TableSelectionMode, type TableSortDirection, type TableSortDescriptor, type TableColumnWidth, type TableGridCoord, type TableColumnRegistration, type TableSectionKind, type TableSectionContext, type TableRowContext, type TableColumnContext, type CreateTableContextOptions } from './root/context.js';
+import * as TableParts from './index.parts.js';
 export default TableParts;

package/dist/table/index.js

@@ -1,4 +1,4 @@
-export * as Table from './index.parts.ts';
+export * as Table from './index.parts.js';
 export { default as TableRoot } from './root/table-root.svelte';
 export { default as TableColumn } from './column/table-column.svelte';
 export { default as TableHeader } from './header/table-header.svelte';
@@ -11,6 +11,6 @@ export { default as TableColumnResizer } from './column-resizer/table-column-res
 export { default as TableCheckbox } from './checkbox/table-checkbox.svelte';
 export { default as TableCheckboxIndicator } from './checkbox-indicator/table-checkbox-indicator.svelte';
 export { default as TableCell } from './cell/table-cell.svelte';
-export { createTableContext, getTableContext, setTableContext, useTableContext, getTableSectionContext, setTableSectionContext, useTableSectionContext, getTableRowContext, setTableRowContext, useTableRowContext, getTableColumnContext, setTableColumnContext, useTableColumnContext } from './root/context';
-import * as TableParts from './index.parts.ts';
+export { createTableContext, getTableContext, setTableContext, useTableContext, getTableSectionContext, setTableSectionContext, useTableSectionContext, getTableRowContext, setTableRowContext, useTableRowContext, getTableColumnContext, setTableColumnContext, useTableColumnContext } from './root/context.js';
+import * as TableParts from './index.parts.js';
 export default TableParts;

package/dist/timepicker/index.d.ts

@@ -1,4 +1,4 @@
-export * as TimePicker from './index.parts.ts';
+export * as TimePicker from './index.parts.js';
 export { default as TimePickerRoot } from './root/time-picker-root.svelte';
 export { default as TimePickerInput } from './input/time-picker-input.svelte';
 export { default as TimePickerSegment } from './segment/time-picker-segment.svelte';
@@ -7,8 +7,8 @@ export { default as TimePickerPopover } from './popover/time-picker-popover.svel
 export { default as TimePickerClock } from './clock/time-picker-clock.svelte';
 export { default as TimePickerWheelColumn } from '../clock/wheel-column/clock-wheel-column.svelte';
 export { default as TimePickerWheelItem } from '../clock/wheel-item/clock-wheel-item.svelte';
-export { getTimePickerContext, setTimePickerContext, useTimePickerContext, type TimePickerContext, type TimePickerOpenChangeDetails, type TimePickerOpenChangeReason, type TimePickerSegmentPart, type TimePickerSegmentType, type TimePickerEditableSegmentType } from './root/context.ts';
-export { type TimePickerGranularity, type TimePickerHourCycle, type TimePickerTimeValue } from './root/time-utils';
-export { type ClockColumnInfo } from '../clock/root/resolve-visible-columns';
-import * as TimePickerParts from './index.parts.ts';
+export { getTimePickerContext, setTimePickerContext, useTimePickerContext, type TimePickerContext, type TimePickerOpenChangeDetails, type TimePickerOpenChangeReason, type TimePickerSegmentPart, type TimePickerSegmentType, type TimePickerEditableSegmentType } from './root/context.js';
+export { type TimePickerGranularity, type TimePickerHourCycle, type TimePickerTimeValue } from './root/time-utils.js';
+export { type ClockColumnInfo } from '../clock/root/resolve-visible-columns.js';
+import * as TimePickerParts from './index.parts.js';
 export default TimePickerParts;

package/dist/timepicker/index.js

@@ -1,4 +1,4 @@
-export * as TimePicker from './index.parts.ts';
+export * as TimePicker from './index.parts.js';
 export { default as TimePickerRoot } from './root/time-picker-root.svelte';
 export { default as TimePickerInput } from './input/time-picker-input.svelte';
 export { default as TimePickerSegment } from './segment/time-picker-segment.svelte';
@@ -7,8 +7,8 @@ export { default as TimePickerPopover } from './popover/time-picker-popover.svel
 export { default as TimePickerClock } from './clock/time-picker-clock.svelte';
 export { default as TimePickerWheelColumn } from '../clock/wheel-column/clock-wheel-column.svelte';
 export { default as TimePickerWheelItem } from '../clock/wheel-item/clock-wheel-item.svelte';
-export { getTimePickerContext, setTimePickerContext, useTimePickerContext } from './root/context.ts';
-export {} from './root/time-utils';
-export {} from '../clock/root/resolve-visible-columns';
-import * as TimePickerParts from './index.parts.ts';
+export { getTimePickerContext, setTimePickerContext, useTimePickerContext } from './root/context.js';
+export {} from './root/time-utils.js';
+export {} from '../clock/root/resolve-visible-columns.js';
+import * as TimePickerParts from './index.parts.js';
 export default TimePickerParts;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@human-kit/svelte-components",
-	"version": "1.0.0-alpha.5",
+	"version": "1.0.0-alpha.6",
 	"license": "MIT",
 	"type": "module",
 	"svelte": "./dist/index.js",