svelora 3.0.11 → 3.0.13

package/dist/{Link → components/Link}/Link.svelte

@@ -101,7 +101,7 @@ export {};
 
 <script lang="ts">import { getContext, onMount } from "svelte";
 import { twMerge } from "tailwind-merge";
-import { getComponentConfig } from "../config.js";
+import { getComponentConfig } from "../../config.js";
 import { LINK_LOCATION_CONTEXT_KEY } from "./location-context.js";
 import { linkDefaults, linkVariants } from "./link.variants.js";
 const config = getComponentConfig("link", linkDefaults);

package/dist/{LocaleButton → components/LocaleButton}/LocaleButton.svelte

@@ -2,7 +2,7 @@
 </script>
 
 <script lang="ts">import Button from "../Button/Button.svelte";
-import { getComponentConfig, iconsDefaults } from "../config.js";
+import { getComponentConfig, iconsDefaults } from "../../config.js";
 import DropdownMenu from "../DropdownMenu/DropdownMenu.svelte";
 import Icon from "../Icon/Icon.svelte";
 import Link from "../Link/Link.svelte";

package/dist/{Modal → components/Modal}/Modal.svelte

@@ -3,7 +3,7 @@
 
 <script lang="ts">import { Dialog } from "bits-ui";
 import Button from "../Button/Button.svelte";
-import { getComponentConfig } from "../config.js";
+import { getComponentConfig } from "../../config.js";
 import { modalDefaults, modalVariants } from "./modal.variants.js";
 const config = getComponentConfig("modal", modalDefaults);
 let { open = $bindable(false), onOpenChange, onOpenChangeComplete, trapFocus = true, preventScroll = true, onOpenAutoFocus, onCloseAutoFocus, onEscapeKeydown, onInteractOutside, forceMount, restoreScrollDelay, title, description, overlay: showOverlay = config.defaultVariants.overlay ?? true, scrollable = config.defaultVariants.scrollable ?? false, transition = config.defaultVariants.transition ?? "scale", size = config.defaultVariants.size ?? "md", fullscreen = false, portal = true, close: closeProp = true, dismissible = true, ui, class: className, children, content: contentSlot, header: headerSlot, titleSlot, descriptionSlot, actions: actionsSlot, body: bodySlot, footer: footerSlot, closeSlot } = $props();

package/dist/{Pagination → components/Pagination}/Pagination.svelte

@@ -4,7 +4,7 @@
 <script lang="ts">import { Pagination } from "bits-ui";
 import { untrack } from "svelte";
 import ButtonComponent from "../Button/Button.svelte";
-import { getComponentConfig, iconsDefaults } from "../config.js";
+import { getComponentConfig, iconsDefaults } from "../../config.js";
 import Icon from "../Icon/Icon.svelte";
 import { activeVariantColorClasses, paginationDefaults, paginationVariants } from "./pagination.variants.js";
 const config = getComponentConfig("pagination", paginationDefaults);

package/dist/{Pagination → components/Pagination}/pagination.variants.d.ts

@@ -153,8 +153,8 @@ export declare const paginationDefaults: {
         color: "surface";
         activeColor: "primary";
         activeVariant: "solid";
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         disabled?: boolean | undefined;
+        size?: "md" | "xs" | "sm" | "lg" | "xl" | undefined;
     };
     slots: Partial<Record<PaginationSlots, string>>;
 };

package/dist/{PinInput → components/PinInput}/PinInput.svelte

@@ -2,8 +2,8 @@
 </script>
 
 <script lang="ts">import { PinInput, useId } from "bits-ui";
-import { getComponentConfig, iconsDefaults } from "../config.js";
-import { useFormField, useFormFieldEmit } from "../hooks/useFormField.svelte.js";
+import { getComponentConfig, iconsDefaults } from "../../config.js";
+import { useFormField, useFormFieldEmit } from "../../hooks/useFormField/index.js";
 import Icon from "../Icon/Icon.svelte";
 import { pinInputDefaults, pinInputVariants } from "./pin-input.variants.js";
 const config = getComponentConfig("pinInput", pinInputDefaults);

package/dist/{PinInput → components/PinInput}/PinInput.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { PinInputProps } from './pin-input.types.js';
 export type Props = PinInputProps;
 import { PinInput } from 'bits-ui';
-declare const PinInput: import("svelte").Component<PinInputProps, {}, "ref" | "value">;
+declare const PinInput: import("svelte").Component<PinInputProps, {}, "value" | "ref">;
 type PinInput = ReturnType<typeof PinInput>;
 export default PinInput;

package/dist/{Popover → components/Popover}/Popover.svelte

@@ -2,7 +2,7 @@
 </script>
 
 <script lang="ts">import { Popover } from "bits-ui";
-import { getComponentConfig } from "../config.js";
+import { getComponentConfig } from "../../config.js";
 import { popoverDefaults, popoverVariants } from "./popover.variants.js";
 const config = getComponentConfig("popover", popoverDefaults);
 let { ref = $bindable(null), open = $bindable(false), onOpenChange, onOpenChangeComplete, side = "bottom", sideOffset = 8, align = "center", alignOffset = 0, avoidCollisions = true, collisionBoundary, collisionPadding = 8, sticky = "partial", hideWhenDetached = false, trapFocus = true, preventScroll = false, onOpenAutoFocus, onCloseAutoFocus, onEscapeKeydown, onInteractOutside, forceMount, arrow = false, transition = config.defaultVariants.transition ?? true, portal = true, dismissible = true, ui, class: className, children, content: contentSlot, ...restProps } = $props();

package/dist/{Popover → components/Popover}/Popover.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { PopoverProps } from './popover.types.js';
 export type Props = PopoverProps;
 import { Popover } from 'bits-ui';
-declare const Popover: import("svelte").Component<PopoverProps, {}, "open" | "ref">;
+declare const Popover: import("svelte").Component<PopoverProps, {}, "ref" | "open">;
 type Popover = ReturnType<typeof Popover>;
 export default Popover;

package/dist/{Progress → components/Progress}/Progress.svelte

@@ -2,7 +2,7 @@
 </script>
 
 <script lang="ts">import { Progress } from "bits-ui";
-import { getComponentConfig } from "../config.js";
+import { getComponentConfig } from "../../config.js";
 import { progressDefaults, progressVariants } from "./progress.variants.js";
 const config = getComponentConfig("progress", progressDefaults);
 let { ref = $bindable(null), value = null, max = 100, status = false, color = config.defaultVariants.color, size = config.defaultVariants.size, orientation = config.defaultVariants.orientation, inverted = false, animation = config.defaultVariants.animation, ui, class: className, statusSlot, stepSlot, ...restProps } = $props();

package/dist/{RadioGroup → components/RadioGroup}/RadioGroup.svelte

@@ -2,8 +2,8 @@
 </script>
 
 <script lang="ts">import { Label, RadioGroup, useId } from "bits-ui";
-import { getComponentConfig, iconsDefaults } from "../config.js";
-import { useFormField, useFormFieldEmit } from "../hooks/useFormField.svelte.js";
+import { getComponentConfig, iconsDefaults } from "../../config.js";
+import { useFormField, useFormFieldEmit } from "../../hooks/useFormField/index.js";
 import Icon from "../Icon/Icon.svelte";
 import { radioGroupDefaults, radioGroupVariants } from "./radio-group.variants.js";
 const config = getComponentConfig("radioGroup", radioGroupDefaults);

package/dist/{RadioGroup → components/RadioGroup}/RadioGroup.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { RadioGroupProps } from './radio-group.types.js';
 export type Props = RadioGroupProps;
 import { RadioGroup } from 'bits-ui';
-declare const RadioGroup: import("svelte").Component<RadioGroupProps, {}, "ref" | "value">;
+declare const RadioGroup: import("svelte").Component<RadioGroupProps, {}, "value" | "ref">;
 type RadioGroup = ReturnType<typeof RadioGroup>;
 export default RadioGroup;

package/dist/{Select → components/Select}/Select.svelte

@@ -4,9 +4,9 @@
 <script lang="ts">import { Select } from "bits-ui";
 import { getContext } from "svelte";
 import Avatar from "../Avatar/Avatar.svelte";
-import { getComponentConfig, iconsDefaults } from "../config.js";
+import { getComponentConfig, iconsDefaults } from "../../config.js";
 import { fieldGroupVariantWithRoot } from "../FieldGroup/field-group.variants.js";
-import { useFormField, useFormFieldEmit } from "../hooks/useFormField.svelte.js";
+import { useFormField, useFormFieldEmit } from "../../hooks/useFormField/index.js";
 import Icon from "../Icon/Icon.svelte";
 import { selectDefaults, selectVariants } from "./select.variants.js";
 const config = getComponentConfig("select", selectDefaults);

package/dist/{Select → components/Select}/Select.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { SelectProps } from './select.types.js';
 export type Props = SelectProps;
 import { Select } from 'bits-ui';
-declare const Select: import("svelte").Component<SelectProps, {}, "open" | "ref" | "value">;
+declare const Select: import("svelte").Component<SelectProps, {}, "value" | "ref" | "open">;
 type Select = ReturnType<typeof Select>;
 export default Select;

package/dist/{SelectMenu → components/SelectMenu}/SelectMenu.svelte

@@ -5,10 +5,10 @@ export {};
 <script lang="ts">import { Combobox } from "bits-ui";
 import { getContext } from "svelte";
 import Avatar from "../Avatar/Avatar.svelte";
-import { getComponentConfig, iconsDefaults } from "../config.js";
+import { getComponentConfig, iconsDefaults } from "../../config.js";
 import { fieldGroupVariantWithRoot } from "../FieldGroup/field-group.variants.js";
-import { useDebounce } from "../hooks/useDebounce.svelte.js";
-import { useFormField, useFormFieldEmit } from "../hooks/useFormField.svelte.js";
+import { useDebounce } from "../../hooks/useDebounce/index.js";
+import { useFormField, useFormFieldEmit } from "../../hooks/useFormField/index.js";
 import Icon from "../Icon/Icon.svelte";
 import { selectMenuDefaults, selectMenuVariants } from "./select-menu.variants.js";
 const config = getComponentConfig("selectMenu", selectMenuDefaults);

package/dist/{SelectMenu → components/SelectMenu}/SelectMenu.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { SelectMenuProps } from './select-menu.types.js';
 export type Props = SelectMenuProps;
-declare const SelectMenu: import("svelte").Component<SelectMenuProps, {}, "open" | "ref" | "value">;
+declare const SelectMenu: import("svelte").Component<SelectMenuProps, {}, "value" | "ref" | "open">;
 type SelectMenu = ReturnType<typeof SelectMenu>;
 export default SelectMenu;

package/dist/{Separator → components/Separator}/Separator.svelte

@@ -3,7 +3,7 @@
 
 <script lang="ts">import { Separator } from "bits-ui";
 import Avatar from "../Avatar/Avatar.svelte";
-import { getComponentConfig } from "../config.js";
+import { getComponentConfig } from "../../config.js";
 import Icon from "../Icon/Icon.svelte";
 import { separatorDefaults, separatorVariants } from "./separator.variants.js";
 const config = getComponentConfig("separator", separatorDefaults);

package/dist/{Skeleton → components/Skeleton}/Skeleton.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" module>export {};
 </script>
 
-<script lang="ts">import { getComponentConfig } from "../config.js";
+<script lang="ts">import { getComponentConfig } from "../../config.js";
 import { skeletonDefaults, skeletonVariants } from "./skeleton.variants.js";
 const config = getComponentConfig("skeleton", skeletonDefaults);
 let { ref = $bindable(null), as = "div", ui, class: className, children, ...restProps } = $props();

package/dist/{Slideover → components/Slideover}/Slideover.svelte

@@ -3,7 +3,7 @@
 
 <script lang="ts">import { Dialog } from "bits-ui";
 import Button from "../Button/Button.svelte";
-import { getComponentConfig } from "../config.js";
+import { getComponentConfig } from "../../config.js";
 import { slideoverDefaults, slideoverVariants } from "./slideover.variants.js";
 const config = getComponentConfig("slideover", slideoverDefaults);
 let { open = $bindable(false), onOpenChange, onOpenChangeComplete, trapFocus = true, preventScroll = true, onOpenAutoFocus, onCloseAutoFocus, onEscapeKeydown, onInteractOutside, forceMount, restoreScrollDelay, title, description, side = config.defaultVariants.side ?? "right", overlay: showOverlay = config.defaultVariants.overlay ?? true, transition = config.defaultVariants.transition ?? "slide", size = config.defaultVariants.size ?? "md", inset = config.defaultVariants.inset ?? false, portal = true, close: closeProp = true, dismissible = true, ui, class: className, children, content: contentSlot, header: headerSlot, titleSlot, descriptionSlot, actions: actionsSlot, body: bodySlot, footer: footerSlot, closeSlot } = $props();

package/dist/{Slider → components/Slider}/Slider.svelte

@@ -2,8 +2,8 @@
 </script>
 
 <script lang="ts">import { Slider, useId } from "bits-ui";
-import { getComponentConfig } from "../config.js";
-import { useFormField, useFormFieldEmit } from "../hooks/useFormField.svelte.js";
+import { getComponentConfig } from "../../config.js";
+import { useFormField, useFormFieldEmit } from "../../hooks/useFormField/index.js";
 import { sliderDefaults, sliderVariants } from "./slider.variants.js";
 const config = getComponentConfig("slider", sliderDefaults);
 let { ref = $bindable(null), id, value = $bindable(0), onValueChange, onValueCommit, min = 0, max = 100, step = 1, orientation = config.defaultVariants.orientation, disabled = false, autoSort = true, dir, thumbPositioning, trackPadding, color = config.defaultVariants.color, size, tooltip = false, name, class: className, ui, ...restProps } = $props();

package/dist/{Slider → components/Slider}/Slider.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { SliderProps } from './slider.types.js';
 export type Props = SliderProps;
 import { Slider } from 'bits-ui';
-declare const Slider: import("svelte").Component<SliderProps, {}, "ref" | "value">;
+declare const Slider: import("svelte").Component<SliderProps, {}, "value" | "ref">;
 type Slider = ReturnType<typeof Slider>;
 export default Slider;

package/dist/{Stepper → components/Stepper}/Stepper.svelte

@@ -2,7 +2,7 @@
 </script>
 
 <script lang="ts">import { untrack } from "svelte";
-import { getComponentConfig } from "../config.js";
+import { getComponentConfig } from "../../config.js";
 import Icon from "../Icon/Icon.svelte";
 import { stepperDefaults, stepperVariants } from "./stepper.variants.js";
 const config = getComponentConfig("stepper", stepperDefaults);

package/dist/{Stepper → components/Stepper}/Stepper.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { StepperProps } from './stepper.types.js';
 export type Props = StepperProps;
-declare const Stepper: import("svelte").Component<StepperProps, {}, "ref" | "value" | "api">;
+declare const Stepper: import("svelte").Component<StepperProps, {}, "value" | "ref" | "api">;
 type Stepper = ReturnType<typeof Stepper>;
 export default Stepper;

package/dist/{Switch → components/Switch}/Switch.svelte

@@ -2,8 +2,8 @@
 </script>
 
 <script lang="ts">import { Label, Switch, useId } from "bits-ui";
-import { getComponentConfig, iconsDefaults } from "../config.js";
-import { useFormField, useFormFieldEmit } from "../hooks/useFormField.svelte.js";
+import { getComponentConfig, iconsDefaults } from "../../config.js";
+import { useFormField, useFormFieldEmit } from "../../hooks/useFormField/index.js";
 import Icon from "../Icon/Icon.svelte";
 import { switchDefaults, switchVariants } from "./switch.variants.js";
 const config = getComponentConfig("switch", switchDefaults);

package/dist/{Table → components/Table}/Table.svelte

@@ -5,7 +5,7 @@
 <script lang="ts" generics="T extends Record<string, any>">;
 import Button from "../Button/Button.svelte";
 import Checkbox from "../Checkbox/Checkbox.svelte";
-import { getComponentConfig, iconsDefaults } from "../config.js";
+import { getComponentConfig, iconsDefaults } from "../../config.js";
 import Icon from "../Icon/Icon.svelte";
 import { autoGenerateColumns, computePinOffsets, filterByColumns, filterByGlobal, formatCellValue, getRowKey, paginateData, resolveVisibleColumns, sortData } from "./table.utils.js";
 import { tableDefaults, tableVariants } from "./table.variants.js";

package/dist/{Table → components/Table}/table.variants.d.ts

@@ -197,7 +197,7 @@ export declare const tableDefaults: {
         loadingColor: "primary";
         loadingAnimation: "carousel";
         loading?: boolean | undefined;
-        sticky?: boolean | "footer" | "header" | undefined;
+        sticky?: boolean | "header" | "footer" | undefined;
         pinned?: boolean | undefined;
         striped?: boolean | undefined;
     };

package/dist/{Tabs → components/Tabs}/Tabs.svelte

@@ -3,7 +3,7 @@
 
 <script lang="ts">import { Tabs } from "bits-ui";
 import { tick, untrack } from "svelte";
-import { getComponentConfig } from "../config.js";
+import { getComponentConfig } from "../../config.js";
 import Icon from "../Icon/Icon.svelte";
 import { tabsDefaults, tabsVariants } from "./tabs.variants.js";
 const config = getComponentConfig("tabs", tabsDefaults);

package/dist/{Tabs → components/Tabs}/Tabs.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { TabsProps } from './tabs.types.js';
 export type Props = TabsProps;
 import { Tabs } from 'bits-ui';
-declare const Tabs: import("svelte").Component<TabsProps, {}, "ref" | "value">;
+declare const Tabs: import("svelte").Component<TabsProps, {}, "value" | "ref">;
 type Tabs = ReturnType<typeof Tabs>;
 export default Tabs;

package/dist/{Textarea → components/Textarea}/Textarea.svelte

@@ -2,9 +2,9 @@
 </script>
 
 <script lang="ts">import { getContext } from "svelte";
-import { getComponentConfig, iconsDefaults } from "../config.js";
+import { getComponentConfig, iconsDefaults } from "../../config.js";
 import { fieldGroupVariantWithRoot } from "../FieldGroup/field-group.variants.js";
-import { useFormField, useFormFieldEmit } from "../hooks/useFormField.svelte.js";
+import { useFormField, useFormFieldEmit } from "../../hooks/useFormField/index.js";
 import Icon from "../Icon/Icon.svelte";
 import { textareaDefaults, textareaVariants } from "./textarea.variants.js";
 const config = getComponentConfig("textarea", textareaDefaults);

package/dist/{Textarea → components/Textarea}/Textarea.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { TextareaProps } from './textarea.types.js';
 export type Props = TextareaProps;
-declare const Textarea: import("svelte").Component<TextareaProps, {}, "ref" | "value">;
+declare const Textarea: import("svelte").Component<TextareaProps, {}, "value" | "ref">;
 type Textarea = ReturnType<typeof Textarea>;
 export default Textarea;

package/dist/{ThemeModeButton → components/ThemeModeButton}/ThemeModeButton.svelte

@@ -3,7 +3,7 @@
 
 <script lang="ts">import { mode, toggleMode } from "mode-watcher";
 import Button from "../Button/Button.svelte";
-import { getComponentConfig, iconsDefaults } from "../config.js";
+import { getComponentConfig, iconsDefaults } from "../../config.js";
 import { themeModeButtonDefaults, themeModeButtonVariants } from "./theme-mode-button.variants.js";
 const config = getComponentConfig("themeModeButton", themeModeButtonDefaults);
 const icons = getComponentConfig("icons", iconsDefaults);

package/dist/{Timeline → components/Timeline}/Timeline.svelte

@@ -2,7 +2,7 @@
 </script>
 
 <script lang="ts">import Avatar from "../Avatar/Avatar.svelte";
-import { getComponentConfig } from "../config.js";
+import { getComponentConfig } from "../../config.js";
 import Icon from "../Icon/Icon.svelte";
 import { timelineDefaults, timelineVariants } from "./timeline.variants.js";
 const config = getComponentConfig("timeline", timelineDefaults);

package/dist/{Toast → components/Toast}/Toaster.svelte

@@ -3,7 +3,7 @@
 
 <script lang="ts">// biome-ignore lint/correctness/noUnusedImports: used in template below
 import { Toaster as SonnerToaster } from "svelte-sonner";
-import { getComponentConfig } from "../config.js";
+import { getComponentConfig } from "../../config.js";
 import { toastDefaults } from "./toast.variants.js";
 const config = getComponentConfig("toast", toastDefaults);
 let { variant = config.defaultVariants.variant, position = "bottom-right", visibleToasts = 3, duration = 5e3, closeButton = true, expand = false, gap = 14, class: className, ...restProps } = $props();

package/dist/{Tooltip → components/Tooltip}/Tooltip.svelte

@@ -2,7 +2,7 @@
 </script>
 
 <script lang="ts">import { Tooltip } from "bits-ui";
-import { getComponentConfig } from "../config.js";
+import { getComponentConfig } from "../../config.js";
 import Kbd from "../Kbd/Kbd.svelte";
 import { tooltipDefaults, tooltipVariants } from "./tooltip.variants.js";
 const config = getComponentConfig("tooltip", tooltipDefaults);

package/dist/{Tooltip → components/Tooltip}/Tooltip.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { TooltipProps } from './tooltip.types.js';
 export type Props = TooltipProps;
 import { Tooltip } from 'bits-ui';
-declare const Tooltip: import("svelte").Component<TooltipProps, {}, "open" | "ref">;
+declare const Tooltip: import("svelte").Component<TooltipProps, {}, "ref" | "open">;
 type Tooltip = ReturnType<typeof Tooltip>;
 export default Tooltip;

package/dist/{User → components/User}/User.svelte

@@ -3,7 +3,7 @@
 
 <script lang="ts">import Avatar from "../Avatar/Avatar.svelte";
 import Chip from "../Chip/Chip.svelte";
-import { getComponentConfig } from "../config.js";
+import { getComponentConfig } from "../../config.js";
 import Link from "../Link/Link.svelte";
 import { userDefaults, userVariants } from "./user.variants.js";
 const config = getComponentConfig("user", userDefaults);

package/dist/config.d.ts

@@ -1,4 +1,4 @@
-import type { FontsConfig } from './Fonts/fonts.types.js';
+import type { FontsConfig } from './components/Fonts/fonts.types.js';
 /**
  * Svelora Global Configuration
  *
@@ -32,6 +32,7 @@ import type { FontsConfig } from './Fonts/fonts.types.js';
  * Default icons used across components
  */
 export declare const iconsDefaults: {
+    provider: "iconify" | "tailwind";
     loading: string;
     chevronDown: string;
     chevronLeft: string;

package/dist/config.js

@@ -32,6 +32,7 @@
  * Default icons used across components
  */
 export const iconsDefaults = {
+    provider: 'iconify',
     loading: 'lucide:loader-2',
     chevronDown: 'lucide:chevron-down',
     chevronLeft: 'lucide:chevron-left',

package/dist/hooks/index.d.ts

@@ -1,28 +1,16 @@
-export type { UseClickOutsideOptions } from './useClickOutside.svelte.js';
-export { useClickOutside } from './useClickOutside.svelte.js';
-export type { UseClipboardOptions } from './useClipboard.svelte.js';
-export { useClipboard } from './useClipboard.svelte.js';
-export type { UseDebounceOptions } from './useDebounce.svelte.js';
-export { useDebounce } from './useDebounce.svelte.js';
-export { useDebouncedState } from './useDebouncedState.svelte.js';
-export type { UseEscapeKeydownOptions } from './useEscapeKeydown.svelte.js';
-export { useEscapeKeydown } from './useEscapeKeydown.svelte.js';
-export { useEventListener } from './useEventListener.svelte.js';
-export type { UseFocusTrapOptions } from './useFocusTrap.svelte.js';
-export { useFocusTrap } from './useFocusTrap.svelte.js';
-export type { FormFieldContext } from './useFormField.svelte.js';
-export { FORM_FIELD_CONTEXT_KEY, useFormField, useFormFieldEmit } from './useFormField.svelte.js';
-export type { UseInfiniteScrollOptions } from './useInfiniteScroll.svelte.js';
-export { useInfiniteScroll } from './useInfiniteScroll.svelte.js';
-export type { UseIntersectionObserverOptions } from './useIntersectionObserver.svelte.js';
-export { useIntersectionObserver } from './useIntersectionObserver.svelte.js';
-export type { UseLocalStorageOptions, UseLocalStorageReturn, UseLocalStorageSerializer } from './useLocalStorage.svelte.js';
-export { useLocalStorage } from './useLocalStorage.svelte.js';
-export type { UseMediaQueryOptions } from './useMediaQuery.svelte.js';
-export { useMediaQuery } from './useMediaQuery.svelte.js';
-export { useElementSize, useResizeObserver } from './useResizeObserver.svelte.js';
-export { useScrollLock } from './useScrollLock.svelte.js';
-export type { UseThrottleOptions } from './useThrottle.svelte.js';
-export { useThrottle } from './useThrottle.svelte.js';
-export type { UseIntervalOptions } from './useTimers.svelte.js';
-export { useInterval, useTimeout } from './useTimers.svelte.js';
+export * from './useMediaQuery/index.js';
+export * from './useClipboard/index.js';
+export * from './useFormField/index.js';
+export * from './useClickOutside/index.js';
+export * from './useInfiniteScroll/index.js';
+export * from './useEscapeKeydown/index.js';
+export * from './useDebounce/index.js';
+export * from './useThrottle/index.js';
+export * from './useTimers/index.js';
+export * from './useDebouncedState/index.js';
+export * from './useEventListener/index.js';
+export * from './useResizeObserver/index.js';
+export * from './useIntersectionObserver/index.js';
+export * from './useScrollLock/index.js';
+export * from './useFocusTrap/index.js';
+export * from './useLocalStorage/index.js';

package/dist/hooks/index.js

@@ -1,16 +1,16 @@
-export { useClickOutside } from './useClickOutside.svelte.js';
-export { useClipboard } from './useClipboard.svelte.js';
-export { useDebounce } from './useDebounce.svelte.js';
-export { useDebouncedState } from './useDebouncedState.svelte.js';
-export { useEscapeKeydown } from './useEscapeKeydown.svelte.js';
-export { useEventListener } from './useEventListener.svelte.js';
-export { useFocusTrap } from './useFocusTrap.svelte.js';
-export { FORM_FIELD_CONTEXT_KEY, useFormField, useFormFieldEmit } from './useFormField.svelte.js';
-export { useInfiniteScroll } from './useInfiniteScroll.svelte.js';
-export { useIntersectionObserver } from './useIntersectionObserver.svelte.js';
-export { useLocalStorage } from './useLocalStorage.svelte.js';
-export { useMediaQuery } from './useMediaQuery.svelte.js';
-export { useElementSize, useResizeObserver } from './useResizeObserver.svelte.js';
-export { useScrollLock } from './useScrollLock.svelte.js';
-export { useThrottle } from './useThrottle.svelte.js';
-export { useInterval, useTimeout } from './useTimers.svelte.js';
+export * from './useMediaQuery/index.js';
+export * from './useClipboard/index.js';
+export * from './useFormField/index.js';
+export * from './useClickOutside/index.js';
+export * from './useInfiniteScroll/index.js';
+export * from './useEscapeKeydown/index.js';
+export * from './useDebounce/index.js';
+export * from './useThrottle/index.js';
+export * from './useTimers/index.js';
+export * from './useDebouncedState/index.js';
+export * from './useEventListener/index.js';
+export * from './useResizeObserver/index.js';
+export * from './useIntersectionObserver/index.js';
+export * from './useScrollLock/index.js';
+export * from './useFocusTrap/index.js';
+export * from './useLocalStorage/index.js';

package/dist/hooks/useClickOutside/index.d.ts

@@ -0,0 +1 @@
+export * from './useClickOutside.svelte.js';

package/dist/hooks/useClickOutside/index.js

@@ -0,0 +1 @@
+export * from './useClickOutside.svelte.js';

package/dist/hooks/useClipboard/index.d.ts

@@ -0,0 +1 @@
+export * from './useClipboard.svelte.js';

package/dist/hooks/useClipboard/index.js

@@ -0,0 +1 @@
+export * from './useClipboard.svelte.js';

package/dist/hooks/useDebounce/index.d.ts

@@ -0,0 +1 @@
+export * from './useDebounce.svelte.js';

package/dist/hooks/useDebounce/index.js

@@ -0,0 +1 @@
+export * from './useDebounce.svelte.js';

package/dist/hooks/useDebouncedState/index.d.ts

@@ -0,0 +1 @@
+export * from './useDebouncedState.svelte.js';

package/dist/hooks/useDebouncedState/index.js

@@ -0,0 +1 @@
+export * from './useDebouncedState.svelte.js';

package/dist/hooks/{useDebouncedState.svelte.js → useDebouncedState/useDebouncedState.svelte.js}

@@ -1,4 +1,4 @@
-import { useDebounce } from './useDebounce.svelte.js';
+import { useDebounce } from '../useDebounce/index.js';
 /**
  * Reactive state whose `debounced` mirror lags behind `current` by `delay` ms.
  *

package/dist/hooks/useEscapeKeydown/index.d.ts

@@ -0,0 +1 @@
+export * from './useEscapeKeydown.svelte.js';

package/dist/hooks/useEscapeKeydown/index.js

@@ -0,0 +1 @@
+export * from './useEscapeKeydown.svelte.js';

package/dist/hooks/useEventListener/index.d.ts

@@ -0,0 +1 @@
+export * from './useEventListener.svelte.js';

package/dist/hooks/useEventListener/index.js

@@ -0,0 +1 @@
+export * from './useEventListener.svelte.js';

package/dist/hooks/{useEventListener.svelte.js → useEventListener/useEventListener.svelte.js}

@@ -1,4 +1,4 @@
-import { toGetter } from './utils.js';
+import { toGetter } from '../utils.js';
 export function useEventListener(target, type, handler, options) {
     const resolveTarget = toGetter(target);
     const types = Array.isArray(type) ? type : [type];

package/dist/hooks/useFocusTrap/index.d.ts

@@ -0,0 +1 @@
+export * from './useFocusTrap.svelte.js';

package/dist/hooks/useFocusTrap/index.js

@@ -0,0 +1 @@
+export * from './useFocusTrap.svelte.js';

package/dist/hooks/{useFocusTrap.svelte.js → useFocusTrap/useFocusTrap.svelte.js}

@@ -1,5 +1,5 @@
-import { toGetter } from './utils.js';
-import { useEventListener } from './useEventListener.svelte.js';
+import { toGetter } from '../utils.js';
+import { useEventListener } from '../useEventListener/index.js';
 const FOCUSABLE_SELECTOR = [
     'a[href]',
     'button:not([disabled])',

package/dist/hooks/useFormField/index.d.ts

@@ -0,0 +1 @@
+export * from './useFormField.svelte.js';

package/dist/hooks/useFormField/index.js

@@ -0,0 +1 @@
+export * from './useFormField.svelte.js';

package/dist/hooks/{useFormField.svelte.d.ts → useFormField/useFormField.svelte.d.ts}

@@ -1,4 +1,4 @@
-import type { FormFieldProps } from '../FormField/form-field.types.js';
+import type { FormFieldProps } from '../../components/FormField/form-field.types.js';
 /**
  * Symbol key for the FormField context. Using a Symbol instead of a string
  * prevents collisions with unrelated `getContext('formField')` calls from

package/dist/hooks/{useFormField.svelte.js → useFormField/useFormField.svelte.js}

@@ -1,5 +1,5 @@
 import { getContext } from 'svelte';
-import { getFormContext } from '../Form/form.context.svelte.js';
+import { getFormContext } from '../../components/Form/form.context.svelte.js';
 /**
  * Symbol key for the FormField context. Using a Symbol instead of a string
  * prevents collisions with unrelated `getContext('formField')` calls from

package/dist/hooks/useInfiniteScroll/index.d.ts

@@ -0,0 +1 @@
+export * from './useInfiniteScroll.svelte.js';

package/dist/hooks/useInfiniteScroll/index.js

@@ -0,0 +1 @@
+export * from './useInfiniteScroll.svelte.js';

package/dist/hooks/useIntersectionObserver/index.d.ts

@@ -0,0 +1 @@
+export * from './useIntersectionObserver.svelte.js';

package/dist/hooks/useIntersectionObserver/index.js

@@ -0,0 +1 @@
+export * from './useIntersectionObserver.svelte.js';