@wirekyt/svelte 0.0.1 → 0.0.2

package/dist/core/use-sync-external-store.svelte.js

@@ -0,0 +1,13 @@
+export function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+    let snapshot = $state(getServerSnapshot !== undefined && typeof window === "undefined"
+        ? getServerSnapshot()
+        : getSnapshot());
+    $effect(() => {
+        snapshot = getSnapshot();
+        const unsubscribe = subscribe(() => {
+            snapshot = getSnapshot();
+        });
+        return unsubscribe;
+    });
+    return () => snapshot;
+}

package/dist/date-input.d.ts

@@ -0,0 +1 @@
+export * from "./components/date-input";

package/dist/date-input.js

@@ -0,0 +1 @@
+export * from "./components/date-input";

package/dist/date-picker.d.ts

@@ -0,0 +1 @@
+export * from "./components/date-picker";

package/dist/date-picker.js

@@ -0,0 +1 @@
+export * from "./components/date-picker";

package/dist/dialog.d.ts

@@ -0,0 +1 @@
+export * from "./components/dialog";

package/dist/dialog.js

@@ -0,0 +1 @@
+export * from "./components/dialog";

package/dist/download-trigger.d.ts

@@ -0,0 +1 @@
+export * from "./components/download-trigger";

package/dist/download-trigger.js

@@ -0,0 +1 @@
+export * from "./components/download-trigger";

package/dist/drawer.d.ts

@@ -0,0 +1 @@
+export * from "./components/drawer";

package/dist/drawer.js

@@ -0,0 +1 @@
+export * from "./components/drawer";

package/dist/editable.d.ts

@@ -0,0 +1 @@
+export * from "./components/editable";

package/dist/editable.js

@@ -0,0 +1 @@
+export * from "./components/editable";

package/dist/factory.d.ts

@@ -0,0 +1 @@
+export * from "./components/factory";

package/dist/factory.js

@@ -0,0 +1 @@
+export * from "./components/factory";

package/dist/field.d.ts

@@ -0,0 +1 @@
+export * from "./components/field";

package/dist/field.js

@@ -0,0 +1 @@
+export * from "./components/field";

package/dist/fieldset.d.ts

@@ -0,0 +1 @@
+export * from "./components/fieldset";

package/dist/fieldset.js

@@ -0,0 +1 @@
+export * from "./components/fieldset";

package/dist/file-upload.d.ts

@@ -0,0 +1 @@
+export * from "./components/file-upload";

package/dist/file-upload.js

@@ -0,0 +1 @@
+export * from "./components/file-upload";

package/dist/floating-panel.d.ts

@@ -0,0 +1 @@
+export * from "./components/floating-panel";

package/dist/floating-panel.js

@@ -0,0 +1 @@
+export * from "./components/floating-panel";

package/dist/focus-trap.d.ts

@@ -0,0 +1 @@
+export * from "./components/focus-trap";

package/dist/focus-trap.js

@@ -0,0 +1 @@
+export * from "./components/focus-trap";

package/dist/format.d.ts

@@ -0,0 +1 @@
+export * from "./components/format";

package/dist/format.js

@@ -0,0 +1 @@
+export * from "./components/format";

package/dist/frame.d.ts

@@ -0,0 +1 @@
+export * from "./components/frame";

package/dist/frame.js

@@ -0,0 +1 @@
+export * from "./components/frame";

package/dist/highlight.d.ts

@@ -0,0 +1 @@
+export * from "./components/highlight";

package/dist/highlight.js

@@ -0,0 +1 @@
+export * from "./components/highlight";

package/dist/hover-card.d.ts

@@ -0,0 +1 @@
+export * from "./components/hover-card";

package/dist/hover-card.js

@@ -0,0 +1 @@
+export * from "./components/hover-card";

package/dist/image-cropper.d.ts

@@ -0,0 +1 @@
+export * from "./components/image-cropper";

package/dist/image-cropper.js

@@ -0,0 +1 @@
+export * from "./components/image-cropper";

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./core";
+export * from "./providers";
+export * from "./utils";
+export * from "./components/factory";

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from "./core";
+export * from "./providers";
+export * from "./utils";
+export * from "./components/factory";

package/dist/json-tree-view.d.ts

@@ -0,0 +1 @@
+export * from "./components/json-tree-view";

package/dist/json-tree-view.js

@@ -0,0 +1 @@
+export * from "./components/json-tree-view";

package/dist/listbox.d.ts

@@ -0,0 +1 @@
+export * from "./components/listbox";

package/dist/listbox.js

@@ -0,0 +1 @@
+export * from "./components/listbox";

package/dist/marquee.d.ts

@@ -0,0 +1 @@
+export * from "./components/marquee";

package/dist/marquee.js

@@ -0,0 +1 @@
+export * from "./components/marquee";

package/dist/menu.d.ts

@@ -0,0 +1 @@
+export * from "./components/menu";

package/dist/menu.js

@@ -0,0 +1 @@
+export * from "./components/menu";

package/dist/navigation-menu.d.ts

@@ -0,0 +1 @@
+export * from "./components/navigation-menu";

package/dist/navigation-menu.js

@@ -0,0 +1 @@
+export * from "./components/navigation-menu";

package/dist/number-input.d.ts

@@ -0,0 +1 @@
+export * from "./components/number-input";

package/dist/number-input.js

@@ -0,0 +1 @@
+export * from "./components/number-input";

package/dist/pagination.d.ts

@@ -0,0 +1 @@
+export * from "./components/pagination";

package/dist/pagination.js

@@ -0,0 +1 @@
+export * from "./components/pagination";

package/dist/password-input.d.ts

@@ -0,0 +1 @@
+export * from "./components/password-input";

package/dist/password-input.js

@@ -0,0 +1 @@
+export * from "./components/password-input";

package/dist/pin-input.d.ts

@@ -0,0 +1 @@
+export * from "./components/pin-input";

package/dist/pin-input.js

@@ -0,0 +1 @@
+export * from "./components/pin-input";

package/dist/popover.d.ts

@@ -0,0 +1 @@
+export * from "./components/popover";

package/dist/popover.js

@@ -0,0 +1 @@
+export * from "./components/popover";

package/dist/portal.d.ts

@@ -0,0 +1 @@
+export * from "./components/portal";

package/dist/portal.js

@@ -0,0 +1 @@
+export * from "./components/portal";

package/dist/presence.d.ts

@@ -0,0 +1 @@
+export * from "./components/presence";

package/dist/presence.js

@@ -0,0 +1 @@
+export * from "./components/presence";

package/dist/progress.d.ts

@@ -0,0 +1 @@
+export * from "./components/progress";

package/dist/progress.js

@@ -0,0 +1 @@
+export * from "./components/progress";

package/dist/providers/environment/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EnvironmentProvider, type EnvironmentProviderProps } from "./provider.svelte";
+export { useEnvironmentContext, type RootNode, type UseEnvironmentContext } from "./use-context";

package/dist/providers/environment/index.js

@@ -0,0 +1,2 @@
+export { default as EnvironmentProvider } from "./provider.svelte";
+export { useEnvironmentContext } from "./use-context";

package/dist/providers/environment/provider.svelte

@@ -0,0 +1,37 @@
+<script module lang="ts">
+  import type { MaybeFunction } from "@wirekyt/dom/utils";
+  import type { Snippet } from "svelte";
+
+  import { getDocument, getWindow } from "@wirekyt/dom/dom-query";
+
+  import type { RootNode, UseEnvironmentContext } from "./use-context";
+
+  export interface EnvironmentProviderProps {
+    value?: MaybeFunction<RootNode>;
+    children?: Snippet;
+  }
+</script>
+
+<script lang="ts">
+  import { runIfFn } from "../../utils";
+
+  import { EnvironmentContextProvider } from "./use-context";
+
+  const { value, children }: EnvironmentProviderProps = $props();
+  let spanRef: HTMLSpanElement | null = $state(null);
+
+  const getRootNode = () => runIfFn(value) ?? spanRef?.ownerDocument ?? document;
+
+  const environment = $derived<ReturnType<UseEnvironmentContext>>({
+    getRootNode,
+    getDocument: () => getDocument(getRootNode()),
+    getWindow: () => getWindow(getRootNode()),
+  });
+
+  EnvironmentContextProvider(() => environment);
+</script>
+
+{@render children?.()}
+{#if !value}
+  <span bind:this={spanRef} hidden></span>
+{/if}

package/dist/providers/environment/provider.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { MaybeFunction } from "@wirekyt/dom/utils";
+import type { Snippet } from "svelte";
+import type { RootNode } from "./use-context";
+export interface EnvironmentProviderProps {
+    value?: MaybeFunction<RootNode>;
+    children?: Snippet;
+}
+declare const Provider: import("svelte").Component<EnvironmentProviderProps, {}, "">;
+type Provider = ReturnType<typeof Provider>;
+export default Provider;

package/dist/providers/environment/use-context.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor } from "../../core";
+export type RootNode = ShadowRoot | Document | Node;
+export interface UseEnvironmentContext extends Accessor<{
+    getRootNode(): RootNode;
+    getDocument(): Document;
+    getWindow(): Window & typeof globalThis;
+}> {
+}
+export declare const EnvironmentContextProvider: (opts: UseEnvironmentContext) => void, useEnvironmentContext: (fallback?: UseEnvironmentContext | undefined) => UseEnvironmentContext;

package/dist/providers/environment/use-context.js

@@ -0,0 +1,10 @@
+import { createContext } from "../../utils";
+export const [EnvironmentContextProvider, useEnvironmentContext] = createContext({
+    name: "EnvironmentContext",
+    strict: false,
+    defaultValue: () => ({
+        getRootNode: () => document,
+        getDocument: () => document,
+        getWindow: () => window,
+    }),
+});

package/dist/providers/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./environment";
+export * from "./interaction";
+export * from "./locale";

package/dist/providers/index.js

@@ -0,0 +1,3 @@
+export * from "./environment";
+export * from "./interaction";
+export * from "./locale";

package/dist/providers/interaction/index.d.ts

@@ -0,0 +1,2 @@
+export { useFocusVisible, type UseFocusVisibleProps } from "./use-focus-visible.svelte";
+export { useInteractionModality, type Modality } from "./use-modality.svelte";

package/dist/providers/interaction/index.js

@@ -0,0 +1,2 @@
+export { useFocusVisible } from "./use-focus-visible.svelte";
+export { useInteractionModality } from "./use-modality.svelte";

package/dist/providers/interaction/use-focus-visible.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { Accessor } from "../../core";
+export interface UseFocusVisibleProps {
+    isTextInput?: boolean;
+    autoFocus?: boolean;
+}
+export declare function useFocusVisible(props?: UseFocusVisibleProps): Accessor<boolean>;

package/dist/providers/interaction/use-focus-visible.svelte.js

@@ -0,0 +1,18 @@
+import { isFocusVisible, trackFocusVisible } from "@wirekyt/dom/focus-visible";
+import { useEnvironmentContext } from "../environment";
+export function useFocusVisible(props = {}) {
+    const { isTextInput, autoFocus } = props;
+    const env = useEnvironmentContext();
+    let focusVisible = $state(autoFocus || isFocusVisible());
+    $effect(() => {
+        return trackFocusVisible({
+            root: env().getRootNode(),
+            isTextInput,
+            autoFocus,
+            onChange(details) {
+                focusVisible = details.isFocusVisible;
+            },
+        });
+    });
+    return () => focusVisible;
+}

package/dist/providers/interaction/use-modality.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { Accessor } from "../../core";
+import { type Modality } from "@wirekyt/dom/focus-visible";
+export type { Modality };
+export declare function useInteractionModality(): Accessor<Modality | null>;

package/dist/providers/interaction/use-modality.svelte.js

@@ -0,0 +1,15 @@
+import { getInteractionModality, trackInteractionModality, } from "@wirekyt/dom/focus-visible";
+import { useEnvironmentContext } from "../environment";
+export function useInteractionModality() {
+    const env = useEnvironmentContext();
+    let modality = $state(getInteractionModality());
+    $effect(() => {
+        return trackInteractionModality({
+            root: env().getRootNode(),
+            onChange(details) {
+                modality = details.modality;
+            },
+        });
+    });
+    return () => modality;
+}

package/dist/providers/locale/index.d.ts

@@ -0,0 +1,5 @@
+export { default as LocaleProvider, type LocaleProviderProps } from "./provider.svelte";
+export { useCollator, type UseCollatorProps, type UseCollatorReturn } from "./use-collator.svelte";
+export { useDateFormatter, type UseDateFormatterProps, type UseDateFormatterReturn, } from "./use-date-formatter.svelte";
+export { useFilter, type UseFilterProps, type UseFilterReturn } from "./use-filter.svelte";
+export { useLocaleContext, type UseLocaleContext } from "./use-context";

package/dist/providers/locale/index.js

@@ -0,0 +1,5 @@
+export { default as LocaleProvider } from "./provider.svelte";
+export { useCollator } from "./use-collator.svelte";
+export { useDateFormatter, } from "./use-date-formatter.svelte";
+export { useFilter } from "./use-filter.svelte";
+export { useLocaleContext } from "./use-context";

package/dist/providers/locale/provider.svelte

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { Snippet } from "svelte";
+
+  import type { UseLocaleContext } from "./use-context";
+
+  export interface LocaleProviderProps {
+    locale: string;
+    children?: Snippet;
+  }
+</script>
+
+<script lang="ts">
+  import { isRTL } from "@wirekyt/dom/i18n-utils";
+
+  import { LocaleContextProvider } from "./use-context";
+
+  let { locale, children }: LocaleProviderProps = $props();
+
+  const context = $derived<ReturnType<UseLocaleContext>>({
+    locale,
+    dir: isRTL(locale) ? "rtl" : "ltr",
+  });
+
+  LocaleContextProvider(() => context);
+</script>
+
+{@render children?.()}

package/dist/providers/locale/provider.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from "svelte";
+export interface LocaleProviderProps {
+    locale: string;
+    children?: Snippet;
+}
+declare const Provider: import("svelte").Component<LocaleProviderProps, {}, "">;
+type Provider = ReturnType<typeof Provider>;
+export default Provider;

package/dist/providers/locale/use-collator.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Accessor } from "../../core";
+export interface UseCollatorProps extends Intl.CollatorOptions {
+    locale?: string;
+}
+export interface UseCollatorReturn extends Accessor<Intl.Collator> {
+}
+export declare function useCollator(props?: UseCollatorProps): UseCollatorReturn;

package/dist/providers/locale/use-collator.svelte.js

@@ -0,0 +1,11 @@
+import { createCollator } from "@wirekyt/dom/i18n-utils";
+import { useLocaleContext } from "./use-context";
+export function useCollator(props = {}) {
+    const env = useLocaleContext();
+    const locale = $derived(props.locale ?? env().locale);
+    const collator = $derived.by(() => {
+        const { locale: _, ...options } = props;
+        return createCollator(locale, options);
+    });
+    return () => collator;
+}

package/dist/providers/locale/use-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from "../../core";
+import type { Locale } from "@wirekyt/dom/i18n-utils";
+export interface UseLocaleContext extends Accessor<Locale> {
+}
+export declare const LocaleContextProvider: (opts: UseLocaleContext) => void, useLocaleContext: (fallback?: UseLocaleContext | undefined) => UseLocaleContext;

package/dist/providers/locale/use-context.js

@@ -0,0 +1,9 @@
+import { createContext } from "../../utils";
+export const [LocaleContextProvider, useLocaleContext] = createContext({
+    name: "LocaleContext",
+    strict: false,
+    defaultValue: () => ({
+        dir: "ltr",
+        locale: "en-US",
+    }),
+});

package/dist/providers/locale/use-date-formatter.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Accessor } from "../../core";
+import { DateFormatter } from "@internationalized/date";
+export interface UseDateFormatterProps extends Intl.DateTimeFormatOptions {
+    locale?: string;
+}
+export interface UseDateFormatterReturn extends Accessor<DateFormatter> {
+}
+export declare function useDateFormatter(props?: UseDateFormatterProps): UseDateFormatterReturn;

package/dist/providers/locale/use-date-formatter.svelte.js

@@ -0,0 +1,11 @@
+import { DateFormatter } from "@internationalized/date";
+import { useLocaleContext } from "./use-context";
+export function useDateFormatter(props = {}) {
+    const env = useLocaleContext();
+    const locale = $derived(props.locale ?? env().locale);
+    const formatter = $derived.by(() => {
+        const { locale: _, ...options } = props;
+        return new DateFormatter(locale, options);
+    });
+    return () => formatter;
+}

package/dist/providers/locale/use-filter.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Accessor } from "../../core";
+import { type FilterOptions, type FilterReturn } from "@wirekyt/dom/i18n-utils";
+import { type MaybeFunction } from "@wirekyt/dom/utils";
+export interface UseFilterProps extends FilterOptions {
+}
+export declare function useFilter(inProps: MaybeFunction<UseFilterProps>): UseFilterReturn;
+export interface UseFilterReturn extends Accessor<FilterReturn> {
+}

package/dist/providers/locale/use-filter.svelte.js

@@ -0,0 +1,10 @@
+import { createFilter } from "@wirekyt/dom/i18n-utils";
+import { runIfFn } from "@wirekyt/dom/utils";
+import { useLocaleContext } from "./use-context";
+export function useFilter(inProps) {
+    const props = $derived(runIfFn(inProps));
+    const env = useLocaleContext();
+    const locale = $derived(props.locale ?? env().locale);
+    const filter = $derived(createFilter({ ...props, locale }));
+    return () => filter;
+}

package/dist/qr-code.d.ts

@@ -0,0 +1 @@
+export * from "./components/qr-code";

package/dist/qr-code.js

@@ -0,0 +1 @@
+export * from "./components/qr-code";

package/dist/radio-group.d.ts

@@ -0,0 +1 @@
+export * from "./components/radio-group";

package/dist/radio-group.js

@@ -0,0 +1 @@
+export * from "./components/radio-group";

package/dist/rating-group.d.ts

@@ -0,0 +1 @@
+export * from "./components/rating-group";

package/dist/rating-group.js

@@ -0,0 +1 @@
+export * from "./components/rating-group";

package/dist/scroll-area.d.ts

@@ -0,0 +1 @@
+export * from "./components/scroll-area";

package/dist/scroll-area.js

@@ -0,0 +1 @@
+export * from "./components/scroll-area";

package/dist/segment-group.d.ts

@@ -0,0 +1 @@
+export * from "./components/segment-group";

package/dist/segment-group.js

@@ -0,0 +1 @@
+export * from "./components/segment-group";

package/dist/select.d.ts

@@ -0,0 +1 @@
+export * from "./components/select";

package/dist/select.js

@@ -0,0 +1 @@
+export * from "./components/select";

package/dist/signature-pad.d.ts

@@ -0,0 +1 @@
+export * from "./components/signature-pad";

package/dist/signature-pad.js

@@ -0,0 +1 @@
+export * from "./components/signature-pad";

package/dist/slider.d.ts

@@ -0,0 +1 @@
+export * from "./components/slider";

package/dist/slider.js

@@ -0,0 +1 @@
+export * from "./components/slider";

package/dist/splitter.d.ts

@@ -0,0 +1 @@
+export * from "./components/splitter";

package/dist/splitter.js

@@ -0,0 +1 @@
+export * from "./components/splitter";

package/dist/steps.d.ts

@@ -0,0 +1 @@
+export * from "./components/steps";

package/dist/steps.js

@@ -0,0 +1 @@
+export * from "./components/steps";

package/dist/swap.d.ts

@@ -0,0 +1 @@
+export * from "./components/swap";

package/dist/swap.js

@@ -0,0 +1 @@
+export * from "./components/swap";

package/dist/switch.d.ts

@@ -0,0 +1 @@
+export * from "./components/switch";

package/dist/switch.js

@@ -0,0 +1 @@
+export * from "./components/switch";

package/dist/tabs.d.ts

@@ -0,0 +1 @@
+export * from "./components/tabs";

package/dist/tabs.js

@@ -0,0 +1 @@
+export * from "./components/tabs";

package/dist/tags-input.d.ts

@@ -0,0 +1 @@
+export * from "./components/tags-input";