@k8ordo/ui 2.0.0 → 2.2.0

package/dist/hooks/clipboard/index.mjs

@@ -1,15 +0,0 @@
-"use client";
-import { useCallback } from "react";
-//#region src/hooks/clipboard/index.ts
-const useClipboard = () => {
-	return {
-		writeClipboard: useCallback(async (text) => {
-			await navigator.clipboard.writeText(text);
-		}, []),
-		readClipboard: useCallback(async () => {
-			return await navigator.clipboard.readText();
-		}, [])
-	};
-};
-//#endregion
-export { useClipboard };

package/dist/hooks/debounced-transition/index.d.mts

@@ -1,5 +0,0 @@
-//#region src/hooks/debounced-transition/index.d.ts
-type DebouncedAction = (signal: AbortSignal) => void | Promise<void>;
-declare const useDebouncedTransition: (delay: number) => readonly [boolean, (action: DebouncedAction) => void];
-//#endregion
-export { DebouncedAction, useDebouncedTransition };

package/dist/hooks/debounced-transition/index.mjs

@@ -1,49 +0,0 @@
-"use client";
-import { useCallback, useEffect, useRef, useTransition } from "react";
-//#region src/hooks/debounced-transition/index.ts
-const useDebouncedTransition = (delay) => {
-	const [isPending, startTransition] = useTransition();
-	const abortRef = useRef(null);
-	useEffect(() => () => {
-		abortRef.current?.abort();
-	}, []);
-	return [isPending, useCallback((action) => {
-		abortRef.current?.abort();
-		const controller = new AbortController();
-		abortRef.current = controller;
-		const { signal } = controller;
-		startTransition(async () => {
-			try {
-				await delayWithSignal(delay, signal);
-			} catch {
-				return;
-			}
-			if (signal.aborted) return;
-			try {
-				await action(signal);
-			} catch (error) {
-				if (isAbortError(error)) return;
-				throw error;
-			}
-		});
-	}, [delay])];
-};
-const toAbortError = (reason) => reason instanceof Error ? reason : new DOMException("aborted", "AbortError");
-const delayWithSignal = (ms, signal) => new Promise((resolve, reject) => {
-	if (signal.aborted) {
-		reject(toAbortError(signal.reason));
-		return;
-	}
-	const timer = setTimeout(resolve, ms);
-	signal.addEventListener("abort", () => {
-		clearTimeout(timer);
-		reject(toAbortError(signal.reason));
-	}, { once: true });
-});
-const isAbortError = (error) => {
-	if (error instanceof DOMException && error.name === "AbortError") return true;
-	if (error instanceof Error && error.name === "AbortError") return true;
-	return false;
-};
-//#endregion
-export { useDebouncedTransition };

package/dist/hooks/deferred-debounce/index.d.mts

@@ -1,4 +0,0 @@
-//#region src/hooks/deferred-debounce/index.d.ts
-declare const useDeferredDebounce: <T>(value: T, initialValue?: T) => readonly [T, boolean];
-//#endregion
-export { useDeferredDebounce };

package/dist/hooks/deferred-debounce/index.mjs

@@ -1,9 +0,0 @@
-"use client";
-import { useDeferredValue } from "react";
-//#region src/hooks/deferred-debounce/index.ts
-const useDeferredDebounce = (value, initialValue) => {
-	const deferredValue = useDeferredValue(value, initialValue);
-	return [deferredValue, !Object.is(deferredValue, value)];
-};
-//#endregion
-export { useDeferredDebounce };

package/dist/hooks/disclosure/index.d.mts

@@ -1,10 +0,0 @@
-//#region src/hooks/disclosure/index.d.ts
-type UseDisclosureReturn = {
-  isOpen: boolean;
-  open: () => void;
-  close: () => void;
-  toggle: () => void;
-};
-declare const useDisclosure: (defaultOpen?: boolean) => UseDisclosureReturn;
-//#endregion
-export { useDisclosure };

package/dist/hooks/disclosure/index.mjs

@@ -1,20 +0,0 @@
-"use client";
-import { useCallback, useState } from "react";
-//#region src/hooks/disclosure/index.ts
-const useDisclosure = (defaultOpen = false) => {
-	const [isOpen, setIsOpen] = useState(defaultOpen);
-	return {
-		isOpen,
-		open: useCallback(() => {
-			setIsOpen(true);
-		}, []),
-		close: useCallback(() => {
-			setIsOpen(false);
-		}, []),
-		toggle: useCallback(() => {
-			setIsOpen((prev) => !prev);
-		}, [])
-	};
-};
-//#endregion
-export { useDisclosure };

package/dist/hooks/hover/index.d.mts

@@ -1,12 +0,0 @@
-//#region src/hooks/hover/index.d.ts
-type HoverProps = {
-  onPointerEnter: () => void;
-  onPointerLeave: () => void;
-};
-type UseHoverReturn = {
-  isHovered: boolean;
-  hoverProps: HoverProps;
-};
-declare const useHover: () => UseHoverReturn;
-//#endregion
-export { useHover };

package/dist/hooks/hover/index.mjs

@@ -1,19 +0,0 @@
-"use client";
-import { useCallback, useState } from "react";
-//#region src/hooks/hover/index.ts
-const useHover = () => {
-	const [isHovered, setIsHovered] = useState(false);
-	return {
-		isHovered,
-		hoverProps: {
-			onPointerEnter: useCallback(() => {
-				setIsHovered(true);
-			}, []),
-			onPointerLeave: useCallback(() => {
-				setIsHovered(false);
-			}, [])
-		}
-	};
-};
-//#endregion
-export { useHover };

package/dist/hooks/intersection-observer/index.d.mts

@@ -1,3 +0,0 @@
-import { useIntersectionObserver } from "./use-intersection-observer.mjs";
-import { useInView } from "./use-in-view.mjs";
-export { useInView, useIntersectionObserver };

package/dist/hooks/intersection-observer/index.mjs

@@ -1,3 +0,0 @@
-import { useIntersectionObserver } from "./use-intersection-observer.mjs";
-import { useInView } from "./use-in-view.mjs";
-export { useInView, useIntersectionObserver };

package/dist/hooks/intersection-observer/use-in-view.d.mts

@@ -1,11 +0,0 @@
-import { RefObject } from "react";
-//#region src/hooks/intersection-observer/use-in-view.d.ts
-type UseInViewOptions = {
-  threshold?: number | number[];
-  root?: Element | null;
-  rootMargin?: string;
-  once?: boolean;
-};
-declare const useInView: <T extends Element = HTMLElement>(ref: RefObject<T | null>, options?: UseInViewOptions) => boolean;
-//#endregion
-export { useInView };

package/dist/hooks/intersection-observer/use-in-view.mjs

@@ -1,18 +0,0 @@
-"use client";
-import { useIntersectionObserver } from "./use-intersection-observer.mjs";
-import { useCallback, useState } from "react";
-//#region src/hooks/intersection-observer/use-in-view.ts
-const useInView = (ref, options = {}) => {
-	const { once = false, ...observerOptions } = options;
-	const [isInView, setIsInView] = useState(false);
-	const handleEntry = useCallback((entry) => {
-		setIsInView(entry.isIntersecting);
-	}, []);
-	useIntersectionObserver(ref, handleEntry, {
-		...observerOptions,
-		once
-	});
-	return isInView;
-};
-//#endregion
-export { useInView };

package/dist/hooks/intersection-observer/use-intersection-observer.d.mts

@@ -1,11 +0,0 @@
-import { RefObject } from "react";
-//#region src/hooks/intersection-observer/use-intersection-observer.d.ts
-type UseIntersectionObserverOptions = {
-  threshold?: number | number[];
-  root?: Element | null;
-  rootMargin?: string;
-  once?: boolean;
-};
-declare const useIntersectionObserver: <T extends Element = HTMLElement>(ref: RefObject<T | null>, callback: (entry: IntersectionObserverEntry) => void, options?: UseIntersectionObserverOptions) => void;
-//#endregion
-export { useIntersectionObserver };

package/dist/hooks/intersection-observer/use-intersection-observer.mjs

@@ -1,33 +0,0 @@
-"use client";
-import { useEffect } from "react";
-//#region src/hooks/intersection-observer/use-intersection-observer.ts
-const useIntersectionObserver = (ref, callback, options = {}) => {
-	const { threshold = 0, root = null, rootMargin = "0px", once = false } = options;
-	useEffect(() => {
-		const element = ref.current;
-		if (!element) return void 0;
-		const observer = new IntersectionObserver(([entry]) => {
-			if (entry) {
-				callback(entry);
-				if (once && entry.isIntersecting) observer.disconnect();
-			}
-		}, {
-			threshold,
-			root,
-			rootMargin
-		});
-		observer.observe(element);
-		return () => {
-			observer.disconnect();
-		};
-	}, [
-		ref,
-		callback,
-		threshold,
-		root,
-		rootMargin,
-		once
-	]);
-};
-//#endregion
-export { useIntersectionObserver };

package/dist/hooks/interval/index.d.mts

@@ -1,4 +0,0 @@
-//#region src/hooks/interval/index.d.ts
-declare const useInterval: (callback: () => void, timeout: number) => void;
-//#endregion
-export { useInterval };

package/dist/hooks/interval/index.mjs

@@ -1,19 +0,0 @@
-"use client";
-import { useEffect, useRef } from "react";
-//#region src/hooks/interval/index.ts
-const useInterval = (callback, timeout) => {
-	const callbackRef = useRef(callback);
-	useEffect(() => {
-		callbackRef.current = callback;
-	});
-	useEffect(() => {
-		const intervalId = window.setInterval(() => {
-			callbackRef.current();
-		}, timeout);
-		return () => {
-			window.clearInterval(intervalId);
-		};
-	}, [timeout]);
-};
-//#endregion
-export { useInterval };

package/dist/hooks/resize/index.d.mts

@@ -1,8 +0,0 @@
-import { RefObject } from "react";
-//#region src/hooks/resize/index.d.ts
-type Options = {
-  enabled?: boolean;
-};
-declare const useResize: <T extends Element = HTMLElement>(ref: RefObject<T | null>, callback: (entry: ResizeObserverEntry) => void, options?: Options) => void;
-//#endregion
-export { useResize };

package/dist/hooks/resize/index.mjs

@@ -1,24 +0,0 @@
-"use client";
-import { useEffect } from "react";
-//#region src/hooks/resize/index.ts
-const useResize = (ref, callback, options = {}) => {
-	const { enabled = true } = options;
-	useEffect(() => {
-		if (!enabled) return void 0;
-		const element = ref.current;
-		if (!element) return void 0;
-		const observer = new ResizeObserver((entries) => {
-			for (const entry of entries) callback(entry);
-		});
-		observer.observe(element);
-		return () => {
-			observer.disconnect();
-		};
-	}, [
-		ref,
-		callback,
-		enabled
-	]);
-};
-//#endregion
-export { useResize };

package/dist/hooks/scroll-direction/index.d.mts

@@ -1,13 +0,0 @@
-import { RefObject } from "react";
-//#region src/hooks/scroll-direction/index.d.ts
-type ScrollDirection = {
-  x: 'left' | 'right';
-  y: 'up' | 'down';
-};
-type UseScrollDirectionOptions = {
-  threshold?: number;
-  target?: RefObject<HTMLElement | null>;
-};
-declare const useScrollDirection: (options?: UseScrollDirectionOptions) => ScrollDirection;
-//#endregion
-export { useScrollDirection };

package/dist/hooks/scroll-direction/index.mjs

@@ -1,67 +0,0 @@
-"use client";
-import { useCallback, useRef, useSyncExternalStore } from "react";
-//#region src/hooks/scroll-direction/index.ts
-const SERVER_SNAPSHOT = {
-	x: "right",
-	y: "up"
-};
-const getServerSnapshot = () => SERVER_SNAPSHOT;
-const useScrollDirection = (options = {}) => {
-	const { threshold = 50, target } = options;
-	const stateRef = useRef({
-		direction: {
-			x: "right",
-			y: "up"
-		},
-		prevScrollX: 0,
-		prevScrollY: 0
-	});
-	const subscribe = useCallback((callback) => {
-		const element = target?.current ?? null;
-		const eventTarget = element ?? window;
-		const getScroll = () => {
-			if (element) return {
-				x: element.scrollLeft,
-				y: element.scrollTop
-			};
-			return {
-				x: window.scrollX,
-				y: window.scrollY
-			};
-		};
-		const handleScroll = () => {
-			const { x: currentScrollX, y: currentScrollY } = getScroll();
-			const state = stateRef.current;
-			let changed = false;
-			const newDirection = { ...state.direction };
-			if (currentScrollY > state.prevScrollY && currentScrollY > threshold && newDirection.y !== "down") {
-				newDirection.y = "down";
-				changed = true;
-			} else if (currentScrollY < state.prevScrollY && newDirection.y !== "up") {
-				newDirection.y = "up";
-				changed = true;
-			}
-			if (currentScrollX > state.prevScrollX && currentScrollX > threshold && newDirection.x !== "right") {
-				newDirection.x = "right";
-				changed = true;
-			} else if (currentScrollX < state.prevScrollX && newDirection.x !== "left") {
-				newDirection.x = "left";
-				changed = true;
-			}
-			stateRef.current = {
-				direction: newDirection,
-				prevScrollX: currentScrollX,
-				prevScrollY: currentScrollY
-			};
-			if (changed) callback();
-		};
-		eventTarget.addEventListener("scroll", handleScroll, { passive: true });
-		return () => {
-			eventTarget.removeEventListener("scroll", handleScroll);
-		};
-	}, [threshold, target]);
-	const getSnapshot = () => stateRef.current.direction;
-	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-};
-//#endregion
-export { useScrollDirection };

package/dist/hooks/scroll-lock/index.d.mts

@@ -1,9 +0,0 @@
-import { RefObject } from "react";
-//#region src/hooks/scroll-lock/index.d.ts
-type UseScrollLockReturn = {
-  lock: () => void;
-  unlock: () => void;
-};
-declare const useScrollLock: (target?: RefObject<HTMLElement | null>) => UseScrollLockReturn;
-//#endregion
-export { useScrollLock };

package/dist/hooks/scroll-lock/index.mjs

@@ -1,59 +0,0 @@
-"use client";
-import { useCallback, useEffect, useRef } from "react";
-//#region src/hooks/scroll-lock/index.ts
-const lockRegistry = /* @__PURE__ */ new WeakMap();
-const resolveTarget = (target) => target?.current ?? document.body;
-const useScrollLock = (target) => {
-	const isLockedRef = useRef(false);
-	const lockedElementRef = useRef(null);
-	const lock = useCallback(() => {
-		if (isLockedRef.current) return;
-		const element = resolveTarget(target);
-		isLockedRef.current = true;
-		lockedElementRef.current = element;
-		const entry = lockRegistry.get(element);
-		if (entry) entry.count++;
-		else {
-			lockRegistry.set(element, {
-				count: 1,
-				originalOverflow: element.style.overflow
-			});
-			element.style.overflow = "hidden";
-		}
-	}, [target]);
-	const unlock = useCallback(() => {
-		if (!isLockedRef.current) return;
-		const element = lockedElementRef.current;
-		if (!element) return;
-		isLockedRef.current = false;
-		lockedElementRef.current = null;
-		const entry = lockRegistry.get(element);
-		if (!entry) return;
-		entry.count--;
-		if (entry.count === 0) {
-			element.style.overflow = entry.originalOverflow;
-			lockRegistry.delete(element);
-		}
-	}, []);
-	useEffect(() => () => {
-		if (isLockedRef.current) {
-			const element = lockedElementRef.current;
-			isLockedRef.current = false;
-			lockedElementRef.current = null;
-			if (!element) return;
-			const entry = lockRegistry.get(element);
-			if (!entry) return;
-			entry.count--;
-			if (entry.count === 0) {
-				element.style.overflow = entry.originalOverflow;
-				lockRegistry.delete(element);
-			}
-		}
-	}, []);
-	return {
-		lock,
-		unlock
-	};
-};
-//#endregion
-export { useScrollLock };

package/dist/hooks/step/index.d.mts

@@ -1,15 +0,0 @@
-//#region src/hooks/step/index.d.ts
-type Step = {
-  count: number;
-  next: () => void;
-  back: () => void;
-  isDisabledBack: boolean;
-  isDisabledNext: boolean;
-};
-type UseStep = (props: {
-  initialCount: number;
-  maxCount: number;
-}) => Step;
-declare const useStep: UseStep;
-//#endregion
-export { useStep };

package/dist/hooks/step/index.mjs

@@ -1,39 +0,0 @@
-"use client";
-import { useCallback, useEffect, useState } from "react";
-//#region src/hooks/step/index.ts
-const useStep = ({ initialCount, maxCount }) => {
-	const [count, setCount] = useState(initialCount);
-	const isDisabledBack = count === initialCount;
-	const isDisabledNext = count === maxCount;
-	const back = useCallback(() => {
-		setCount((prev) => {
-			if (prev === initialCount) return prev;
-			return prev - 1;
-		});
-	}, [initialCount]);
-	const next = useCallback(() => {
-		setCount((prev) => {
-			if (prev === maxCount) return prev;
-			return prev + 1;
-		});
-	}, [maxCount]);
-	useEffect(() => {
-		const listener = (e) => {
-			if (e.key === "ArrowLeft") back();
-			if (e.key === "ArrowRight") next();
-		};
-		window.addEventListener("keydown", listener);
-		return () => {
-			window.removeEventListener("keydown", listener);
-		};
-	}, [back, next]);
-	return {
-		count,
-		next,
-		back,
-		isDisabledBack,
-		isDisabledNext
-	};
-};
-//#endregion
-export { useStep };

package/dist/hooks/timeout/index.d.mts

@@ -1,4 +0,0 @@
-//#region src/hooks/timeout/index.d.ts
-declare const useTimeout: (callback: () => void, delay: number) => void;
-//#endregion
-export { useTimeout };

package/dist/hooks/timeout/index.mjs

@@ -1,19 +0,0 @@
-"use client";
-import { useEffect, useRef } from "react";
-//#region src/hooks/timeout/index.ts
-const useTimeout = (callback, delay) => {
-	const callbackRef = useRef(callback);
-	useEffect(() => {
-		callbackRef.current = callback;
-	});
-	useEffect(() => {
-		const timeoutId = window.setTimeout(() => {
-			callbackRef.current();
-		}, delay);
-		return () => {
-			window.clearTimeout(timeoutId);
-		};
-	}, [delay]);
-};
-//#endregion
-export { useTimeout };

package/dist/hooks/window-resize/index.d.mts

@@ -1,11 +0,0 @@
-//#region src/hooks/window-resize/index.d.ts
-type Size = {
-  width: number;
-  height: number;
-};
-type Options = {
-  enabled?: boolean;
-};
-declare const useWindowResize: (callback: (size: Size) => void, options?: Options) => void;
-//#endregion
-export { useWindowResize };

package/dist/hooks/window-resize/index.mjs

@@ -1,21 +0,0 @@
-"use client";
-import { useEffect } from "react";
-//#region src/hooks/window-resize/index.ts
-const useWindowResize = (callback, options = {}) => {
-	const { enabled = true } = options;
-	useEffect(() => {
-		if (!enabled) return void 0;
-		const handleResize = () => {
-			callback({
-				width: window.innerWidth,
-				height: window.innerHeight
-			});
-		};
-		window.addEventListener("resize", handleResize);
-		return () => {
-			window.removeEventListener("resize", handleResize);
-		};
-	}, [callback, enabled]);
-};
-//#endregion
-export { useWindowResize };

package/dist/hooks/window-size/index.d.mts

@@ -1,8 +0,0 @@
-//#region src/hooks/window-size/index.d.ts
-type Size = {
-  width: number;
-  height: number;
-};
-declare const useWindowSize: () => Size;
-//#endregion
-export { useWindowSize };

package/dist/hooks/window-size/index.mjs

@@ -1,31 +0,0 @@
-"use client";
-import { useSyncExternalStore } from "react";
-//#region src/hooks/window-size/index.ts
-let cachedSnapshot = {
-	width: 0,
-	height: 0
-};
-const getSnapshot = () => {
-	const w = window.innerWidth;
-	const h = window.innerHeight;
-	if (cachedSnapshot.width === w && cachedSnapshot.height === h) return cachedSnapshot;
-	cachedSnapshot = {
-		width: w,
-		height: h
-	};
-	return cachedSnapshot;
-};
-const SERVER_SNAPSHOT = {
-	width: 0,
-	height: 0
-};
-const getServerSnapshot = () => SERVER_SNAPSHOT;
-const subscribe = (callback) => {
-	window.addEventListener("resize", callback);
-	return () => {
-		window.removeEventListener("resize", callback);
-	};
-};
-const useWindowSize = () => useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-//#endregion
-export { useWindowSize };

package/dist/i18n/context.d.mts

@@ -1,9 +0,0 @@
-import { Messages } from "./messages.mjs";
-import { FC, PropsWithChildren } from "react";
-//#region src/i18n/context.d.ts
-declare const useMessages: () => Messages;
-declare const MessagesProvider: FC<PropsWithChildren<{
-  messages?: Partial<Messages> | undefined;
-}>>;
-//#endregion
-export { MessagesProvider, useMessages };

package/dist/i18n/context.mjs

@@ -1,19 +0,0 @@
-"use client";
-import { ja } from "./ja.mjs";
-import { createContext, use, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/i18n/context.tsx
-const MessagesContext = createContext(void 0);
-const useMessages = () => use(MessagesContext) ?? ja;
-const MessagesProvider = ({ messages, children }) => {
-	const value = useMemo(() => messages === void 0 ? ja : {
-		...ja,
-		...messages
-	}, [messages]);
-	return /* @__PURE__ */ jsx(MessagesContext, {
-		value,
-		children
-	});
-};
-//#endregion
-export { MessagesProvider, useMessages };