noph-ui 0.51.0 → 0.51.2

package/dist/menu/Menu.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { arrowKeyNav, rovingTabindex } from '../keyboard-nav.js'
 	import { popoverController, syncOpenEffect } from '../popover.svelte.js'
-	import type { MenuProps } from './types.ts'
+	import type { MenuProps } from './types.js'
 
 	const MENU_ITEM_SELECTOR = '[role="menuitem"]'
 	const attach = rovingTabindex(MENU_ITEM_SELECTOR)

package/dist/menu/Menu.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { MenuProps } from './types.ts';
+import type { MenuProps } from './types.js';
 declare const Menu: import("svelte").Component<MenuProps, {
     show: () => void;
     close: () => void;

package/dist/menu/MenuItem.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Item from '../list/Item.svelte'
-	import type { MenuItemProps } from './types.ts'
+	import type { MenuItemProps } from './types.js'
 
 	let { element = $bindable(), ...attributes }: MenuItemProps = $props()
 </script>

package/dist/menu/MenuItem.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { MenuItemProps } from './types.ts';
+import type { MenuItemProps } from './types.js';
 declare const MenuItem: import("svelte").Component<MenuItemProps, {}, "element">;
 type MenuItem = ReturnType<typeof MenuItem>;
 export default MenuItem;

package/dist/navigation-bar/NavigationBar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { arrowKeyNav, rovingTabindex } from '../keyboard-nav.js'
-	import type { NavigationBarProps } from './types.ts'
+	import type { NavigationBarProps } from './types.js'
 
 	let {
 		children,

package/dist/navigation-bar/NavigationBar.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { NavigationBarProps } from './types.ts';
+import type { NavigationBarProps } from './types.js';
 declare const NavigationBar: import("svelte").Component<NavigationBarProps, {}, "element">;
 type NavigationBar = ReturnType<typeof NavigationBar>;
 export default NavigationBar;

package/dist/navigation-bar/NavigationBarItem.svelte

@@ -3,7 +3,7 @@
 	import Badge from '../badge/Badge.svelte'
 	import Ripple from '../ripple/Ripple.svelte'
 	import type { HTMLButtonAttributes } from 'svelte/elements'
-	import type { NavigationBarItemProps } from './types.ts'
+	import type { NavigationBarItemProps } from './types.js'
 
 	let {
 		selected = false,

package/dist/navigation-bar/NavigationBarItem.svelte.d.ts

@@ -1,5 +1,5 @@
 import '../internal/focus-ring.css';
-import type { NavigationBarItemProps } from './types.ts';
+import type { NavigationBarItemProps } from './types.js';
 declare const NavigationBarItem: import("svelte").Component<NavigationBarItemProps, {}, "element">;
 type NavigationBarItem = ReturnType<typeof NavigationBarItem>;
 export default NavigationBarItem;

package/dist/navigation-drawer/NavigationDrawer.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { arrowKeyNav, rovingTabindex } from '../keyboard-nav.js'
 	import { syncOpenEffect } from '../popover.svelte.js'
-	import type { NavigationDrawerProps } from './types.ts'
+	import type { NavigationDrawerProps } from './types.js'
 
 	let {
 		modal = false,

package/dist/navigation-drawer/NavigationDrawer.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { NavigationDrawerProps } from './types.ts';
+import type { NavigationDrawerProps } from './types.js';
 declare const NavigationDrawer: import("svelte").Component<NavigationDrawerProps, {
     show: () => void;
     close: () => void;

package/dist/navigation-drawer/NavigationDrawerItem.svelte

@@ -2,7 +2,7 @@
 	import '../internal/focus-ring.css'
 	import Ripple from '../ripple/Ripple.svelte'
 	import type { HTMLButtonAttributes } from 'svelte/elements'
-	import type { NavigationDrawerItemProps } from './types.ts'
+	import type { NavigationDrawerItemProps } from './types.js'
 
 	let {
 		selected = false,

package/dist/navigation-drawer/NavigationDrawerItem.svelte.d.ts

@@ -1,5 +1,5 @@
 import '../internal/focus-ring.css';
-import type { NavigationDrawerItemProps } from './types.ts';
+import type { NavigationDrawerItemProps } from './types.js';
 declare const NavigationDrawerItem: import("svelte").Component<NavigationDrawerItemProps, {}, "element">;
 type NavigationDrawerItem = ReturnType<typeof NavigationDrawerItem>;
 export default NavigationDrawerItem;

package/dist/navigation-rail/NavigationRail.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { arrowKeyNav, rovingTabindex } from '../keyboard-nav.js'
-	import type { NavigationRailProps } from './types.ts'
+	import type { NavigationRailProps } from './types.js'
 
 	let {
 		children,

package/dist/navigation-rail/NavigationRail.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { NavigationRailProps } from './types.ts';
+import type { NavigationRailProps } from './types.js';
 declare const NavigationRail: import("svelte").Component<NavigationRailProps, {}, "element">;
 type NavigationRail = ReturnType<typeof NavigationRail>;
 export default NavigationRail;

package/dist/navigation-rail/NavigationRailItem.svelte

@@ -3,7 +3,7 @@
 	import Badge from '../badge/Badge.svelte'
 	import Ripple from '../ripple/Ripple.svelte'
 	import type { HTMLButtonAttributes } from 'svelte/elements'
-	import type { NavigationRailItemProps } from './types.ts'
+	import type { NavigationRailItemProps } from './types.js'
 
 	let {
 		selected,

package/dist/navigation-rail/NavigationRailItem.svelte.d.ts

@@ -1,5 +1,5 @@
 import '../internal/focus-ring.css';
-import type { NavigationRailItemProps } from './types.ts';
+import type { NavigationRailItemProps } from './types.js';
 declare const NavigationRailItem: import("svelte").Component<NavigationRailItemProps, {}, "element">;
 type NavigationRailItem = ReturnType<typeof NavigationRailItem>;
 export default NavigationRailItem;

package/dist/progress/CircularProgress.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { reducedMotion } from '../media.js'
 	import type { Attachment } from 'svelte/attachments'
-	import type { CircularProgressProps } from './types.ts'
+	import type { CircularProgressProps } from './types.js'
 
 	let {
 		value = 0,

package/dist/progress/CircularProgress.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { CircularProgressProps } from './types.ts';
+import type { CircularProgressProps } from './types.js';
 declare const CircularProgress: import("svelte").Component<CircularProgressProps, {}, "element">;
 type CircularProgress = ReturnType<typeof CircularProgress>;
 export default CircularProgress;

package/dist/progress/LinearProgress.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { reducedMotion } from '../media.js'
-	import type { LinearProgressProps } from './types.ts'
+	import type { LinearProgressProps } from './types.js'
 
 	let {
 		value = 0,

package/dist/progress/LinearProgress.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { LinearProgressProps } from './types.ts';
+import type { LinearProgressProps } from './types.js';
 declare const LinearProgress: import("svelte").Component<LinearProgressProps, {}, "element">;
 type LinearProgress = ReturnType<typeof LinearProgress>;
 export default LinearProgress;

package/dist/radio/Radio.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import '../internal/focus-ring.css'
 	import Ripple from '../ripple/Ripple.svelte'
-	import type { RadioProps } from './types.ts'
+	import type { RadioProps } from './types.js'
 
 	let {
 		checked,

package/dist/radio/Radio.svelte.d.ts

@@ -1,5 +1,5 @@
 import '../internal/focus-ring.css';
-import type { RadioProps } from './types.ts';
+import type { RadioProps } from './types.js';
 declare const Radio: import("svelte").Component<RadioProps, {}, "element" | "group">;
 type Radio = ReturnType<typeof Radio>;
 export default Radio;

package/dist/ripple/Ripple.svelte

@@ -2,7 +2,7 @@
 	import { forcedColors, reducedMotion } from '../media.js'
 	import type { Attachment } from 'svelte/attachments'
 	import { on } from 'svelte/events'
-	import type { RippleProps } from './types.ts'
+	import type { RippleProps } from './types.js'
 
 	let {
 		forceHover = false,

package/dist/ripple/Ripple.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { RippleProps } from './types.ts';
+import type { RippleProps } from './types.js';
 declare const Ripple: import("svelte").Component<RippleProps, {}, "element">;
 type Ripple = ReturnType<typeof Ripple>;
 export default Ripple;

package/dist/search/Search.svelte

@@ -5,7 +5,7 @@
 	import ArrowBackIcon from '../icons/ArrowBackIcon.svelte'
 	import CloseIcon from '../icons/CloseIcon.svelte'
 	import SearchIcon from '../icons/SearchIcon.svelte'
-	import type { SearchProps } from './types.ts'
+	import type { SearchProps } from './types.js'
 
 	let {
 		value = $bindable(''),

package/dist/search/Search.svelte.d.ts

@@ -1,5 +1,5 @@
 import '../internal/focus-ring.css';
-import type { SearchProps } from './types.ts';
+import type { SearchProps } from './types.js';
 declare const Search: import("svelte").Component<SearchProps, {
     show: () => void;
     close: () => void;

package/dist/select/NativeSelect.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import ArrowDropDownIcon from '../icons/ArrowDropDownIcon.svelte'
-	import type { NativeSelectProps } from './types.ts'
+	import type { NativeSelectProps } from './types.js'
 
 	let {
 		id,

package/dist/select/NativeSelect.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { NativeSelectProps } from './types.ts';
+import type { NativeSelectProps } from './types.js';
 declare const NativeSelect: import("svelte").Component<NativeSelectProps, {}, "element" | "value">;
 type NativeSelect = ReturnType<typeof NativeSelect>;
 export default NativeSelect;

package/dist/select/Option.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import '../internal/focus-ring.css'
 	import Ripple from '../ripple/Ripple.svelte'
-	import type { OptionProps } from './types.ts'
+	import type { OptionProps } from './types.js'
 
 	let { start, end, children, ...attributes }: OptionProps = $props()
 </script>

package/dist/select/Option.svelte.d.ts

@@ -1,5 +1,5 @@
 import '../internal/focus-ring.css';
-import type { OptionProps } from './types.ts';
+import type { OptionProps } from './types.js';
 declare const Option: import("svelte").Component<OptionProps, {}, "">;
 type Option = ReturnType<typeof Option>;
 export default Option;

package/dist/select/Select.svelte

@@ -6,7 +6,7 @@
 	import Check from './Check.svelte'
 	import VirtualList from './VirtualList.svelte'
 	import { tick } from 'svelte'
-	import type { SelectOption, SelectProps } from './types.ts'
+	import type { SelectOption, SelectProps } from './types.js'
 
 	let {
 		options = [],

package/dist/select/Select.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SelectProps } from './types.ts';
+import type { SelectProps } from './types.js';
 declare const Select: import("svelte").Component<SelectProps, {}, "element" | "value">;
 type Select = ReturnType<typeof Select>;
 export default Select;

package/dist/sheet/Sheet.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { syncOpenEffect } from '../popover.svelte.js'
-	import type { SheetProps } from './types.ts'
+	import type { SheetProps } from './types.js'
 
 	let {
 		open = $bindable(false),

package/dist/sheet/Sheet.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SheetProps } from './types.ts';
+import type { SheetProps } from './types.js';
 declare const Sheet: import("svelte").Component<SheetProps, {
     show: () => void;
     close: () => void;

package/dist/slider/Slider.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { Attachment } from 'svelte/attachments'
 	import { popoverController, syncOpenEffect } from '../popover.svelte.js'
-	import type { SliderProps } from './types.ts'
+	import type { SliderProps } from './types.js'
 
 	let {
 		value = $bindable(0),

package/dist/slider/Slider.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SliderProps } from './types.ts';
+import type { SliderProps } from './types.js';
 declare const Slider: import("svelte").Component<SliderProps, {}, "element" | "value" | "inputElement" | "endValue" | "endInputElement">;
 type Slider = ReturnType<typeof Slider>;
 export default Slider;

package/dist/snackbar/Snackbar.svelte

@@ -2,7 +2,7 @@
 	import Button from '../button/Button.svelte'
 	import IconButton from '../button/IconButton.svelte'
 	import { popoverController, syncOpenEffect } from '../popover.svelte.js'
-	import type { SnackbarProps } from './types.ts'
+	import type { SnackbarProps } from './types.js'
 
 	let {
 		label,

package/dist/snackbar/Snackbar.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SnackbarProps } from './types.ts';
+import type { SnackbarProps } from './types.js';
 declare const Snackbar: import("svelte").Component<SnackbarProps, {
     show: () => void;
     close: () => void;

package/dist/switch/Switch.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import '../internal/focus-ring.css'
 	import Ripple from '../ripple/Ripple.svelte'
-	import type { SwitchProps } from './types.ts'
+	import type { SwitchProps } from './types.js'
 
 	let {
 		selected = $bindable(false),

package/dist/switch/Switch.svelte.d.ts

@@ -1,5 +1,5 @@
 import '../internal/focus-ring.css';
-import type { SwitchProps } from './types.ts';
+import type { SwitchProps } from './types.js';
 declare const Switch: import("svelte").Component<SwitchProps, {}, "element" | "selected" | "inputElement">;
 type Switch = ReturnType<typeof Switch>;
 export default Switch;

package/dist/tabs/Tab.svelte

@@ -3,7 +3,7 @@
 	import Badge from '../badge/Badge.svelte'
 	import Ripple from '../ripple/Ripple.svelte'
 	import { getTabsContext } from './context.js'
-	import type { TabProps } from './types.ts'
+	import type { TabProps } from './types.js'
 
 	let {
 		children,

package/dist/tabs/Tab.svelte.d.ts

@@ -1,5 +1,5 @@
 import '../internal/focus-ring.css';
-import type { TabProps } from './types.ts';
+import type { TabProps } from './types.js';
 declare const Tab: import("svelte").Component<TabProps, {}, "element">;
 type Tab = ReturnType<typeof Tab>;
 export default Tab;

package/dist/tabs/Tabs.svelte

@@ -2,7 +2,7 @@
 	import Divider from '../divider/Divider.svelte'
 	import { arrowKeyNav, rovingTabindex } from '../keyboard-nav.js'
 	import { setTabsContext } from './context.js'
-	import type { TabsContext, TabsProps } from './types.ts'
+	import type { TabsContext, TabsProps } from './types.js'
 
 	let {
 		children,

package/dist/tabs/Tabs.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { TabsProps } from './types.ts';
+import type { TabsProps } from './types.js';
 declare const Tabs: import("svelte").Component<TabsProps, {}, "element" | "value">;
 type Tabs = ReturnType<typeof Tabs>;
 export default Tabs;

package/dist/text-field/TextField.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { TextFieldProps } from './types.ts'
+	import type { TextFieldProps } from './types.js'
 
 	let {
 		defaultValue,

package/dist/text-field/TextField.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { TextFieldProps } from './types.ts';
+import type { TextFieldProps } from './types.js';
 declare const TextField: import("svelte").Component<TextFieldProps, {}, "element" | "value" | "inputElement" | "clientWidth" | "clientHeight" | "focused">;
 type TextField = ReturnType<typeof TextField>;
 export default TextField;

package/dist/time-picker/ClockDial.svelte

@@ -7,7 +7,7 @@
 		snapToStep,
 	} from '../date-picker/timeUtils.js'
 	import { tick } from 'svelte'
-	import type { ClockDialProps } from './types.ts'
+	import type { ClockDialProps } from './types.js'
 
 	let {
 		value,

package/dist/time-picker/ClockDial.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ClockDialProps } from './types.ts';
+import type { ClockDialProps } from './types.js';
 declare const ClockDial: import("svelte").Component<ClockDialProps, {}, "element">;
 type ClockDial = ReturnType<typeof ClockDial>;
 export default ClockDial;

package/dist/time-picker/DockedTimePicker.svelte

@@ -20,7 +20,7 @@
 	import { onMount, tick } from 'svelte'
 	import TimePickerPanel from './TimePickerPanel.svelte'
 	import { timePickerState } from './timePickerState.svelte.js'
-	import type { DockedTimePickerProps, ISOTime, TimePickerMode } from './types.ts'
+	import type { DockedTimePickerProps, ISOTime, TimePickerMode } from './types.js'
 
 	let {
 		value = $bindable(),

package/dist/time-picker/DockedTimePicker.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DockedTimePickerProps } from './types.ts';
+import type { DockedTimePickerProps } from './types.js';
 declare const DockedTimePicker: import("svelte").Component<DockedTimePickerProps, {
     show: () => void;
     close: () => void;

package/dist/time-picker/PeriodSelector.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Ripple from '../ripple/Ripple.svelte'
-	import type { PeriodSelectorProps } from './internalTypes.ts'
+	import type { PeriodSelectorProps } from './internalTypes.js'
 
 	let {
 		isPm,

package/dist/time-picker/PeriodSelector.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { PeriodSelectorProps } from './internalTypes.ts';
+import type { PeriodSelectorProps } from './internalTypes.js';
 declare const PeriodSelector: import("svelte").Component<PeriodSelectorProps, {}, "">;
 type PeriodSelector = ReturnType<typeof PeriodSelector>;
 export default PeriodSelector;

package/dist/time-picker/TimeInputs.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { HOURS_IN_DAY, MINUTES_IN_HOUR } from '../date-picker/timeUtils.js'
 	import { customValidity } from '../validity.js'
-	import type { TimeInputsProps } from './internalTypes.ts'
+	import type { TimeInputsProps } from './internalTypes.js'
 
 	let {
 		value,

package/dist/time-picker/TimeInputs.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { TimeInputsProps } from './internalTypes.ts';
+import type { TimeInputsProps } from './internalTypes.js';
 declare const TimeInputs: import("svelte").Component<TimeInputsProps, {}, "">;
 type TimeInputs = ReturnType<typeof TimeInputs>;
 export default TimeInputs;

package/dist/time-picker/TimePickerDialog.svelte

@@ -16,7 +16,7 @@
 	import { MediaQuery } from 'svelte/reactivity'
 	import TimePickerPanel from './TimePickerPanel.svelte'
 	import { timePickerState } from './timePickerState.svelte.js'
-	import type { ISOTime, TimePickerDialogProps, TimePickerMode } from './types.ts'
+	import type { ISOTime, TimePickerDialogProps, TimePickerMode } from './types.js'
 
 	let {
 		value = $bindable(),

package/dist/time-picker/TimePickerDialog.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { TimePickerDialogProps } from './types.ts';
+import type { TimePickerDialogProps } from './types.js';
 declare const TimePickerDialog: import("svelte").Component<TimePickerDialogProps, {
     show: () => void;
     close: () => void;

package/dist/time-picker/TimePickerPanel.svelte

@@ -4,7 +4,7 @@
 	import PeriodSelector from './PeriodSelector.svelte'
 	import TimeInputs from './TimeInputs.svelte'
 	import TimeSelectors from './TimeSelectors.svelte'
-	import type { TimePickerPanelProps } from './internalTypes.ts'
+	import type { TimePickerPanelProps } from './internalTypes.js'
 
 	let {
 		state,

package/dist/time-picker/TimePickerPanel.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { TimePickerPanelProps } from './internalTypes.ts';
+import type { TimePickerPanelProps } from './internalTypes.js';
 declare const TimePickerPanel: import("svelte").Component<TimePickerPanelProps, {}, "">;
 type TimePickerPanel = ReturnType<typeof TimePickerPanel>;
 export default TimePickerPanel;

package/dist/time-picker/TimeSelectors.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { formatTwoDigits, MINUTES_IN_HOUR } from '../date-picker/timeUtils.js'
 	import Ripple from '../ripple/Ripple.svelte'
-	import type { TimeSelectorsProps } from './internalTypes.ts'
+	import type { TimeSelectorsProps } from './internalTypes.js'
 
 	let {
 		value,

package/dist/time-picker/TimeSelectors.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { TimeSelectorsProps } from './internalTypes.ts';
+import type { TimeSelectorsProps } from './internalTypes.js';
 declare const TimeSelectors: import("svelte").Component<TimeSelectorsProps, {}, "">;
 type TimeSelectors = ReturnType<typeof TimeSelectors>;
 export default TimeSelectors;

package/dist/toolbar/Toolbar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { arrowKeyNav, rovingTabindex } from '../keyboard-nav.js'
-	import type { ToolbarProps } from './types.ts'
+	import type { ToolbarProps } from './types.js'
 
 	let {
 		variant = 'docked',

package/dist/toolbar/Toolbar.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ToolbarProps } from './types.ts';
+import type { ToolbarProps } from './types.js';
 declare const Toolbar: import("svelte").Component<ToolbarProps, {}, "element">;
 type Toolbar = ReturnType<typeof Toolbar>;
 export default Toolbar;

package/dist/tooltip/RichTooltip.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { popoverController, syncOpenEffect } from '../popover.svelte.js'
-	import type { RichTooltipProps } from './types.ts'
+	import type { RichTooltipProps } from './types.js'
 
 	let {
 		children,

package/dist/tooltip/RichTooltip.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { RichTooltipProps } from './types.ts';
+import type { RichTooltipProps } from './types.js';
 declare const RichTooltip: import("svelte").Component<RichTooltipProps, {
     show: () => void;
     close: () => void;

package/dist/tooltip/Tooltip.svelte

@@ -3,7 +3,7 @@
 	import '../internal/interest.css'
 	import { popoverController, syncOpenEffect } from '../popover.svelte.js'
 	import { on } from 'svelte/events'
-	import type { TooltipProps } from './types.ts'
+	import type { TooltipProps } from './types.js'
 
 	let {
 		children,

package/dist/tooltip/Tooltip.svelte.d.ts

@@ -1,5 +1,5 @@
 import '../internal/interest.css';
-import type { TooltipProps } from './types.ts';
+import type { TooltipProps } from './types.js';
 declare const Tooltip: import("svelte").Component<TooltipProps, {
     show: () => void;
     close: () => void;