@korsolutions/ui 0.0.28 → 0.0.30

package/dist/toast-manager-q0YV3t3j.mjs

@@ -1,321 +0,0 @@
-import { h as Portal, s as ToastPrimitive } from "./primitives-8eataXpJ.mjs";
-import React, { createContext, useContext, useEffect, useState, useSyncExternalStore } from "react";
-import { Platform, StyleSheet, View, useColorScheme } from "react-native";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/themes/default/colors.ts
-const lightColors = {
-	background: "hsla(223.81, 100%, 100%, 1)",
-	foreground: "hsla(223.81, 0%, 3.94%, 1)",
-	primary: "hsla(223.81, 0%, 9.05%, 1)",
-	primaryForeground: "hsla(223.81, 0%, 98.03%, 1)",
-	secondary: "hsla(223.81, 0%, 96.06%, 1)",
-	secondaryForeground: "hsla(223.81, 0%, 9.05%, 1)",
-	muted: "hsla(223.81, 0%, 96.06%, 1)",
-	mutedForeground: "hsla(223.81, 0%, 45.15%, 1)",
-	border: "hsla(223.81, 0%, 89.82%, 1)",
-	surface: "hsla(223.81, 100%, 100%, 1)",
-	danger: "hsla(0, 84.2%, 60.2%, 1)",
-	success: "hsla(173, 58%, 39%, 1)",
-	warning: "hsla(43, 74%, 66%, 1)",
-	info: "hsla(197, 37%, 24%, 1)"
-};
-const darkColors = {
-	background: "hsla(223.81, 0%, 3.94%, 1)",
-	foreground: "hsla(223.81, 0%, 98.03%, 1)",
-	primary: "hsla(223.81, 0%, 89.82%, 1)",
-	primaryForeground: "hsla(223.81, 0%, 9.05%, 1)",
-	secondary: "hsla(223.81, 0%, 14.94%, 1)",
-	secondaryForeground: "hsla(223.81, 0%, 98.03%, 1)",
-	muted: "hsla(223.81, 0%, 14.94%, 1)",
-	mutedForeground: "hsla(223.81, 0%, 63.02%, 1)",
-	border: "hsla(223.81, 0%, 15.51%, 1)",
-	surface: "hsla(223.81, 0%, 9.05%, 1)",
-	danger: "hsla(0, 62.8%, 30.6%, 1)",
-	success: "hsla(160, 60%, 45%, 1)",
-	warning: "hsla(30, 80%, 55%, 1)",
-	info: "hsla(220, 70%, 50%, 1)"
-};
-
-//#endregion
-//#region src/themes/default/index.ts
-const defaultThemeAssets = {
-	colors: {
-		light: lightColors,
-		dark: darkColors
-	},
-	radius: 10,
-	fontFamily: "System",
-	letterSpacing: 0,
-	fontSize: 16
-};
-
-//#endregion
-//#region src/themes/themes.ts
-const themes = { default: defaultThemeAssets };
-
-//#endregion
-//#region src/themes/provider.tsx
-const ThemeContext = createContext(null);
-const ThemeProvider = (props) => {
-	const [themeName, setTheme] = useState("default");
-	const systemColorScheme = useColorScheme();
-	const [colorScheme, setColorScheme] = useState(systemColorScheme ?? "light");
-	const themesAssets = themes[themeName];
-	const colors = themesAssets.colors[colorScheme];
-	useEffect(() => {
-		if (systemColorScheme) setColorScheme(systemColorScheme);
-	}, [systemColorScheme]);
-	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
-		value: {
-			themeName,
-			setTheme,
-			colorScheme,
-			setColorScheme,
-			colors,
-			radius: themesAssets.radius,
-			fontFamily: themesAssets.fontFamily,
-			letterSpacing: themesAssets.letterSpacing,
-			fontSize: themesAssets.fontSize
-		},
-		children: props.children
-	});
-};
-const useTheme = () => {
-	const context = useContext(ThemeContext);
-	if (!context) throw new Error("useTheme must be used within a ThemeProvider");
-	return context;
-};
-
-//#endregion
-//#region src/themes/adapters/react-navigation.ts
-function useReactNavigationTheme() {
-	const theme = useTheme();
-	useEffect(() => {
-		if (Platform.OS !== "web") return;
-		const styles = document.createElement("style");
-		styles.innerHTML = `
-      :root {
-        --expo-router-modal-border: 1px solid ${theme.colors.border};
-      }
-    `;
-		document.head.appendChild(styles);
-		return () => {
-			document.head.removeChild(styles);
-		};
-	}, [theme.colors.border]);
-	return {
-		dark: theme.colorScheme === "dark",
-		colors: {
-			background: theme.colors.background,
-			border: theme.colors.border,
-			primary: theme.colors.primary,
-			card: theme.colors.surface,
-			text: theme.colors.foreground,
-			notification: theme.colors.danger
-		},
-		fonts: {
-			heavy: {
-				fontFamily: theme.fontFamily,
-				fontWeight: "800"
-			},
-			bold: {
-				fontFamily: theme.fontFamily,
-				fontWeight: "700"
-			},
-			medium: {
-				fontFamily: theme.fontFamily,
-				fontWeight: "500"
-			},
-			regular: {
-				fontFamily: theme.fontFamily,
-				fontWeight: "400"
-			}
-		}
-	};
-}
-
-//#endregion
-//#region src/utils/use-themed-styles.ts
-const useThemedStyles = (callback) => {
-	const theme = useTheme();
-	return callback({
-		colors: theme.colors,
-		radius: theme.radius,
-		fontFamily: theme.fontFamily,
-		letterSpacing: theme.letterSpacing,
-		fontSize: theme.fontSize
-	});
-};
-
-//#endregion
-//#region src/components/toast/variants/default.tsx
-const useToastVariantDefault = () => {
-	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
-		root: {
-			backgroundColor: colors.surface,
-			borderWidth: 1,
-			borderColor: colors.border,
-			borderRadius: radius,
-			padding: 16,
-			gap: 4,
-			minWidth: 300,
-			maxWidth: 400
-		},
-		title: {
-			color: colors.foreground,
-			fontSize,
-			fontWeight: "600",
-			fontFamily
-		},
-		description: {
-			color: colors.mutedForeground,
-			fontSize: fontSize * .875,
-			fontFamily
-		}
-	}));
-};
-
-//#endregion
-//#region src/components/toast/variants/success.tsx
-const useToastVariantSuccess = () => {
-	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
-		root: {
-			backgroundColor: colors.success,
-			borderWidth: 1,
-			borderColor: colors.success,
-			borderRadius: radius,
-			padding: 16,
-			gap: 4,
-			minWidth: 300,
-			maxWidth: 400
-		},
-		title: {
-			color: colors.foreground,
-			fontSize,
-			fontWeight: "600",
-			fontFamily
-		},
-		description: {
-			color: colors.foreground,
-			fontSize: fontSize * .875,
-			fontFamily,
-			opacity: .9
-		}
-	}));
-};
-
-//#endregion
-//#region src/components/toast/variants/danger.tsx
-const useToastVariantDanger = () => {
-	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
-		root: {
-			backgroundColor: colors.danger,
-			borderWidth: 1,
-			borderColor: colors.danger,
-			borderRadius: radius,
-			padding: 16,
-			gap: 4,
-			minWidth: 300,
-			maxWidth: 400
-		},
-		title: {
-			color: colors.foreground,
-			fontSize,
-			fontWeight: "600",
-			fontFamily
-		},
-		description: {
-			color: colors.foreground,
-			fontSize: fontSize * .875,
-			fontFamily,
-			opacity: .9
-		}
-	}));
-};
-
-//#endregion
-//#region src/components/toast/variants/index.ts
-const ToastVariants = {
-	default: useToastVariantDefault,
-	success: useToastVariantSuccess,
-	danger: useToastVariantDanger
-};
-
-//#endregion
-//#region src/components/toast/toast.tsx
-function ToastComponent(props) {
-	const useVariantStyles = ToastVariants[props.variant || "default"];
-	const styles = useVariantStyles();
-	return /* @__PURE__ */ jsxs(ToastPrimitive.Root, {
-		styles,
-		children: [/* @__PURE__ */ jsx(ToastPrimitive.Title, { children: props.title }), !!props.description && /* @__PURE__ */ jsx(ToastPrimitive.Description, { children: props.description })]
-	});
-}
-
-//#endregion
-//#region src/components/toast/toast-manager.tsx
-const TOAST_PORTAL_NAME = "toast-portal";
-const store = {
-	toasts: [],
-	listeners: /* @__PURE__ */ new Set()
-};
-function emit() {
-	for (const cb of store.listeners) cb();
-}
-function getSnapshot() {
-	return store.toasts;
-}
-function subscribe(cb) {
-	store.listeners.add(cb);
-	return () => {
-		store.listeners.delete(cb);
-	};
-}
-function addToast(config) {
-	const existingToast = store.toasts.find((t) => t.id === config.id);
-	if (existingToast) return existingToast.id;
-	const toast = {
-		duration: 3e3,
-		...config
-	};
-	store.toasts = [...store.toasts, toast];
-	emit();
-	if (toast.duration) setTimeout(() => {
-		removeToast(toast.id);
-	}, toast.duration);
-	return toast.id;
-}
-function removeToast(id) {
-	store.toasts = store.toasts.filter((t) => t.id !== id);
-	emit();
-}
-const ToastAPI = {
-	show: addToast,
-	dismiss: removeToast
-};
-function ToastContainer() {
-	const toasts = useSyncExternalStore(subscribe, getSnapshot);
-	if (!toasts.length) return null;
-	return /* @__PURE__ */ jsx(Portal, {
-		name: TOAST_PORTAL_NAME,
-		children: /* @__PURE__ */ jsx(View, {
-			style: s.wrapper,
-			children: toasts.map((toast) => /* @__PURE__ */ jsx(ToastComponent, {
-				title: toast.title,
-				description: toast.description,
-				variant: toast.variant
-			}, toast.id))
-		})
-	});
-}
-const s = StyleSheet.create({ wrapper: {
-	width: "100%",
-	alignItems: "center",
-	position: "absolute",
-	top: 24,
-	gap: 8
-} });
-
-//#endregion
-export { useReactNavigationTheme as a, useThemedStyles as i, ToastContainer as n, ThemeProvider as o, ToastComponent as r, useTheme as s, ToastAPI as t };

package/dist/use-numeric-mask-BQlz1Pus.mjs

@@ -1,113 +0,0 @@
-import { useCallback, useState } from "react";
-
-//#region src/hooks/use-numeric-mask.ts
-function useNumericMask({ format = "decimal", locale = "en-US", currency = "USD", precision = 2, min, max, allowNegative = true, onChange } = {}) {
-	const [numericValue, setNumericValue] = useState(null);
-	const [displayValue, setDisplayValue] = useState("");
-	const [isFocused, setIsFocused] = useState(false);
-	const effectivePrecision = format === "integer" ? 0 : precision;
-	const formatValue = useCallback((num) => {
-		if (num === null || isNaN(num)) return "";
-		switch (format) {
-			case "currency": return new Intl.NumberFormat(locale, {
-				style: "currency",
-				currency,
-				minimumFractionDigits: effectivePrecision,
-				maximumFractionDigits: effectivePrecision
-			}).format(num);
-			case "percentage": return new Intl.NumberFormat(locale, {
-				style: "percent",
-				minimumFractionDigits: effectivePrecision,
-				maximumFractionDigits: effectivePrecision
-			}).format(num / 100);
-			case "integer": return new Intl.NumberFormat(locale, {
-				minimumFractionDigits: 0,
-				maximumFractionDigits: 0
-			}).format(num);
-			case "decimal":
-			default: return new Intl.NumberFormat(locale, {
-				minimumFractionDigits: effectivePrecision,
-				maximumFractionDigits: effectivePrecision
-			}).format(num);
-		}
-	}, [
-		format,
-		locale,
-		currency,
-		effectivePrecision
-	]);
-	const parseValue = useCallback((text) => {
-		let cleaned = text.replace(/[^\d.-]/g, "");
-		if (!allowNegative) cleaned = cleaned.replace(/-/g, "");
-		const parsed = parseFloat(cleaned);
-		if (isNaN(parsed) || cleaned === "" || cleaned === "-") return null;
-		let constrained = parsed;
-		if (min !== void 0 && constrained < min) constrained = min;
-		if (max !== void 0 && constrained > max) constrained = max;
-		return constrained;
-	}, [
-		min,
-		max,
-		allowNegative
-	]);
-	const handleChangeText = useCallback((text) => {
-		if (isFocused) {
-			let cleaned = text.replace(/[^\d.-]/g, "");
-			if (!allowNegative && cleaned.includes("-")) return;
-			if (allowNegative) {
-				if ((cleaned.match(/-/g) || []).length > 1 || cleaned.includes("-") && cleaned.indexOf("-") !== 0) return;
-			}
-			if (effectivePrecision >= 0) {
-				const decimalIndex = cleaned.indexOf(".");
-				if (decimalIndex !== -1) {
-					if (cleaned.substring(decimalIndex + 1).length > effectivePrecision) return;
-				}
-				if ((cleaned.match(/\./g) || []).length > 1) return;
-				if (format === "integer" && cleaned.includes(".")) return;
-			}
-		}
-		setDisplayValue(text);
-		const value = parseValue(text);
-		setNumericValue(value);
-		onChange?.(value);
-	}, [
-		parseValue,
-		onChange,
-		isFocused,
-		effectivePrecision,
-		allowNegative,
-		format
-	]);
-	const handleBlur = useCallback(() => {
-		setIsFocused(false);
-		if (numericValue !== null) setDisplayValue(formatValue(numericValue));
-		else setDisplayValue("");
-	}, [numericValue, formatValue]);
-	const handleFocus = useCallback(() => {
-		setIsFocused(true);
-		if (numericValue !== null) setDisplayValue(numericValue.toString());
-	}, [numericValue]);
-	const setValue = useCallback((value) => {
-		setNumericValue(value);
-		if (value !== null) if (isFocused) setDisplayValue(value.toString());
-		else setDisplayValue(formatValue(value));
-		else setDisplayValue("");
-		onChange?.(value);
-	}, [
-		isFocused,
-		formatValue,
-		onChange
-	]);
-	return {
-		value: displayValue,
-		numericValue,
-		onChangeText: handleChangeText,
-		onBlur: handleBlur,
-		onFocus: handleFocus,
-		keyboardType: format === "integer" ? allowNegative ? "numeric" : "number-pad" : "decimal-pad",
-		setValue
-	};
-}
-
-//#endregion
-export { useNumericMask as t };

package/dist/use-numeric-mask-D4zqPOnE.d.mts

@@ -1,33 +0,0 @@
-//#region src/hooks/use-numeric-mask.d.ts
-type NumericMaskFormat = "currency" | "decimal" | "integer" | "percentage";
-interface UseNumericMaskOptions {
-  format?: NumericMaskFormat;
-  locale?: string;
-  currency?: string;
-  precision?: number;
-  min?: number;
-  max?: number;
-  allowNegative?: boolean;
-  onChange?: (value: number | null) => void;
-}
-interface UseNumericMaskReturn {
-  value: string;
-  numericValue: number | null;
-  onChangeText: (text: string) => void;
-  onBlur: () => void;
-  onFocus: () => void;
-  keyboardType: "numeric" | "decimal-pad" | "number-pad";
-  setValue: (value: number | null) => void;
-}
-declare function useNumericMask({
-  format,
-  locale,
-  currency,
-  precision,
-  min,
-  max,
-  allowNegative,
-  onChange
-}?: UseNumericMaskOptions): UseNumericMaskReturn;
-//#endregion
-export { useNumericMask as i, UseNumericMaskOptions as n, UseNumericMaskReturn as r, NumericMaskFormat as t };

package/dist/use-relative-position-BTKEyT1F.mjs

@@ -1,106 +0,0 @@
-import * as React$1 from "react";
-import { useWindowDimensions } from "react-native";
-
-//#region src/hooks/use-relative-position.ts
-function useRelativePosition({ align, avoidCollisions, triggerPosition, contentLayout, alignOffset, insets, sideOffset, side }) {
-	const dimensions = useWindowDimensions();
-	return React$1.useMemo(() => {
-		if (!triggerPosition || !contentLayout) return {
-			position: "absolute",
-			opacity: 0,
-			top: dimensions.height,
-			zIndex: -9999999
-		};
-		return getContentStyle({
-			align,
-			avoidCollisions,
-			contentLayout,
-			side,
-			triggerPosition,
-			alignOffset,
-			insets,
-			sideOffset,
-			dimensions
-		});
-	}, [
-		align,
-		avoidCollisions,
-		side,
-		alignOffset,
-		insets,
-		triggerPosition,
-		contentLayout,
-		dimensions.width,
-		dimensions.height
-	]);
-}
-const DEFAULT_LAYOUT = {
-	x: 0,
-	y: 0,
-	width: 0,
-	height: 0
-};
-const DEFAULT_POSITION = {
-	height: 0,
-	width: 0,
-	pageX: 0,
-	pageY: 0
-};
-function getSidePosition({ side, triggerPosition, contentLayout, sideOffset, insets, avoidCollisions, dimensions }) {
-	const insetTop = insets?.top ?? 0;
-	const insetBottom = insets?.bottom ?? 0;
-	const positionTop = triggerPosition?.pageY - sideOffset - contentLayout.height;
-	const positionBottom = triggerPosition.pageY + triggerPosition.height + sideOffset;
-	if (!avoidCollisions) return { top: side === "top" ? positionTop : positionBottom };
-	if (side === "top") return { top: Math.min(Math.max(insetTop, positionTop), dimensions.height - insetBottom - contentLayout.height) };
-	return { top: Math.min(dimensions.height - insetBottom - contentLayout.height, positionBottom) };
-}
-function getAlignPosition({ align, avoidCollisions, contentLayout, triggerPosition, alignOffset, insets, dimensions }) {
-	const insetLeft = insets?.left ?? 0;
-	const insetRight = insets?.right ?? 0;
-	const maxContentWidth = dimensions.width - insetLeft - insetRight;
-	const contentWidth = Math.min(contentLayout.width, maxContentWidth);
-	let left = getLeftPosition(align, triggerPosition.pageX, triggerPosition.width, contentWidth, alignOffset, insetLeft, insetRight, dimensions);
-	if (avoidCollisions) {
-		if (left < insetLeft || left + contentWidth > dimensions.width - insetRight) {
-			const spaceLeft = left - insetLeft;
-			const spaceRight = dimensions.width - insetRight - (left + contentWidth);
-			if (spaceLeft > spaceRight && spaceLeft >= contentWidth) left = insetLeft;
-			else if (spaceRight >= contentWidth) left = dimensions.width - insetRight - contentWidth;
-			else left = Math.max(insetLeft, (dimensions.width - contentWidth - insetRight) / 2);
-		}
-	}
-	return {
-		left,
-		maxWidth: maxContentWidth
-	};
-}
-function getLeftPosition(align, triggerPageX, triggerWidth, contentWidth, alignOffset, insetLeft, insetRight, dimensions) {
-	let left = 0;
-	if (align === "start") left = triggerPageX;
-	if (align === "center") left = triggerPageX + triggerWidth / 2 - contentWidth / 2;
-	if (align === "end") left = triggerPageX + triggerWidth - contentWidth;
-	return Math.max(insetLeft, Math.min(left + alignOffset, dimensions.width - contentWidth - insetRight));
-}
-function getContentStyle({ align, avoidCollisions, contentLayout, side, triggerPosition, alignOffset, insets, sideOffset, dimensions }) {
-	return Object.assign({ position: "absolute" }, getSidePosition({
-		side,
-		triggerPosition,
-		contentLayout,
-		sideOffset,
-		insets,
-		avoidCollisions,
-		dimensions
-	}), getAlignPosition({
-		align,
-		avoidCollisions,
-		triggerPosition,
-		contentLayout,
-		alignOffset,
-		insets,
-		dimensions
-	}));
-}
-
-//#endregion
-export { DEFAULT_POSITION as n, useRelativePosition as r, DEFAULT_LAYOUT as t };

package/dist/use-relative-position-DBzhrBU7.d.mts

@@ -1,61 +0,0 @@
-import { LayoutRectangle, ScaledSize } from "react-native";
-
-//#region src/hooks/use-relative-position.d.ts
-interface Insets {
-  top?: number;
-  bottom?: number;
-  left?: number;
-  right?: number;
-}
-type UseRelativePositionArgs = Omit<GetContentStyleArgs, "triggerPosition" | "contentLayout" | "dimensions"> & {
-  triggerPosition: LayoutPosition | null;
-  contentLayout: LayoutRectangle | null;
-};
-declare function useRelativePosition({
-  align,
-  avoidCollisions,
-  triggerPosition,
-  contentLayout,
-  alignOffset,
-  insets,
-  sideOffset,
-  side
-}: UseRelativePositionArgs): ({
-  readonly position: "absolute";
-} & {
-  top: number;
-} & {
-  left: number;
-  maxWidth: number;
-}) | {
-  readonly position: "absolute";
-  readonly opacity: 0;
-  readonly top: number;
-  readonly zIndex: -9999999;
-};
-interface LayoutPosition {
-  pageY: number;
-  pageX: number;
-  width: number;
-  height: number;
-}
-interface GetPositionArgs {
-  dimensions: ScaledSize;
-  avoidCollisions: boolean;
-  triggerPosition: LayoutPosition;
-  contentLayout: LayoutRectangle;
-  insets?: Insets;
-}
-interface GetSidePositionArgs extends GetPositionArgs {
-  side: "top" | "bottom";
-  sideOffset: number;
-}
-declare const DEFAULT_LAYOUT: LayoutRectangle;
-declare const DEFAULT_POSITION: LayoutPosition;
-interface GetAlignPositionArgs extends GetPositionArgs {
-  align: "start" | "center" | "end";
-  alignOffset: number;
-}
-type GetContentStyleArgs = GetPositionArgs & GetSidePositionArgs & GetAlignPositionArgs;
-//#endregion
-export { useRelativePosition as i, DEFAULT_POSITION as n, LayoutPosition as r, DEFAULT_LAYOUT as t };

package/src/utils/get-ref-layout.ts

@@ -1,16 +0,0 @@
-import { LayoutRectangle, View } from "react-native";
-
-const DEFAULT_LAYOUT: LayoutRectangle = { x: 0, y: 0, width: 0, height: 0 };
-
-export const getRefLayout = async (ref: React.RefObject<View | null>) => {
-  return new Promise<LayoutRectangle>((resolve) => {
-    if (!ref?.current?.["measureInWindow"]) {
-      console.warn("getRefLayout.NoRef");
-      resolve(DEFAULT_LAYOUT);
-      return;
-    }
-    ref.current.measureInWindow((x, y, width, height) => {
-      resolve({ x, y, width, height });
-    });
-  });
-};

package/tsdown.config.ts

@@ -1,8 +0,0 @@
-import { defineConfig } from "tsdown";
-
-export default defineConfig({
-  entry: ["./src/index.tsx", "./src/primitives/index.ts", "./src/components/index.ts", "./src/hooks/index.ts"],
-  onSuccess() {
-    console.info("🙏 Build succeeded!");
-  },
-});