@korsolutions/ui 0.0.28 → 0.0.30

package/dist/components/index.mjs

@@ -1,978 +0,0 @@
-import { i as useThemedStyles, r as ToastComponent, t as ToastAPI } from "../toast-manager-q0YV3t3j.mjs";
-import { a as TextareaPrimitive, c as AvatarPrimitive, d as SelectPrimitive, f as ButtonPrimitive, i as DropdownMenuPrimitive, l as EmptyPrimitive, m as FieldPrimitive, n as PopoverPrimitive, o as BadgePrimitive, p as InputPrimitive, r as usePopover, t as CalendarPrimitive, u as CardPrimitive } from "../primitives-8eataXpJ.mjs";
-import "../use-relative-position-BTKEyT1F.mjs";
-import { t as useNumericMask } from "../use-numeric-mask-BQlz1Pus.mjs";
-import React, { forwardRef, useEffect, useState } from "react";
-import { Linking, Text } from "react-native";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/utils/hsla-utils.ts
-const hslaSetLightness = (hsla, lightness) => {
-	const parts = hsla.replace(/^hsla?\(|\s+|\)$/g, "").split(",");
-	if (parts.length < 3) throw new Error("Invalid HSLA color format");
-	return `hsla(${parseInt(parts[0], 10)}, ${parseInt(parts[1], 10)}%, ${lightness}%, ${parts[3] ? parseFloat(parts[3]) : 1})`;
-};
-const hslaGetLightness = (hsla) => {
-	const parts = hsla.replace(/^hsla?\(|\s+|\)$/g, "").split(",");
-	if (parts.length < 3) throw new Error("Invalid HSLA color format");
-	return parseInt(parts[2], 10);
-};
-const hslaSetRelativeLightness = (hsla, delta) => {
-	let newLightness = hslaGetLightness(hsla) + delta;
-	if (newLightness > 100) newLightness = 100;
-	if (newLightness < 0) newLightness = 0;
-	return hslaSetLightness(hsla, newLightness);
-};
-
-//#endregion
-//#region src/components/button/variants/default.tsx
-const useButtonVariantDefault = () => {
-	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
-		root: {
-			default: {
-				flexDirection: "row",
-				paddingVertical: 12,
-				paddingHorizontal: 16,
-				borderRadius: radius,
-				gap: 8,
-				alignItems: "center",
-				justifyContent: "center",
-				backgroundColor: colors.primary,
-				borderWidth: 1,
-				borderColor: colors.border
-			},
-			disabled: { opacity: .5 },
-			loading: { opacity: .8 },
-			hovered: { backgroundColor: hslaSetRelativeLightness(colors.primary, -10) }
-		},
-		label: {
-			default: {
-				color: colors.primaryForeground,
-				fontSize,
-				fontWeight: "bold",
-				fontFamily
-			},
-			disabled: { color: colors.mutedForeground },
-			loading: { color: colors.mutedForeground }
-		},
-		spinner: {
-			default: { color: colors.primaryForeground },
-			disabled: { color: colors.mutedForeground },
-			loading: { color: colors.mutedForeground }
-		}
-	}));
-};
-
-//#endregion
-//#region src/components/button/variants/secondary.tsx
-const useButtonVariantSecondary = () => {
-	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
-		root: {
-			default: {
-				flexDirection: "row",
-				paddingVertical: 12,
-				paddingHorizontal: 16,
-				borderRadius: radius,
-				gap: 8,
-				alignItems: "center",
-				justifyContent: "center",
-				borderWidth: 1,
-				borderColor: colors.border,
-				backgroundColor: colors.secondary
-			},
-			disabled: { opacity: .5 },
-			loading: { opacity: .8 },
-			hovered: { backgroundColor: hslaSetRelativeLightness(colors.secondary, -1) }
-		},
-		label: {
-			default: {
-				color: colors.foreground,
-				fontSize,
-				fontWeight: "bold",
-				fontFamily
-			},
-			disabled: { color: colors.mutedForeground },
-			loading: { color: colors.mutedForeground }
-		},
-		spinner: {
-			default: { color: colors.primaryForeground },
-			disabled: { color: colors.mutedForeground },
-			loading: { color: colors.mutedForeground }
-		}
-	}));
-};
-
-//#endregion
-//#region src/components/button/variants/index.ts
-const ButtonVariants = {
-	default: useButtonVariantDefault,
-	secondary: useButtonVariantSecondary
-};
-
-//#endregion
-//#region src/components/button/button.tsx
-function Button(props) {
-	const { children, variant = "default", ...rootProps } = props;
-	const useVariantStyles = ButtonVariants[variant];
-	const variantStyles = useVariantStyles();
-	return /* @__PURE__ */ jsxs(ButtonPrimitive.Root, {
-		...rootProps,
-		styles: variantStyles,
-		children: [props.isLoading && /* @__PURE__ */ jsx(ButtonPrimitive.Spinner, {}), /* @__PURE__ */ jsx(ButtonPrimitive.Label, { children: props.children })]
-	});
-}
-
-//#endregion
-//#region src/components/card/variants/default.tsx
-function useCardVariantDefault() {
-	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
-		root: { default: {
-			borderWidth: 1,
-			borderColor: colors.border,
-			borderRadius: radius,
-			backgroundColor: colors.surface,
-			paddingVertical: 24,
-			gap: 24
-		} },
-		header: { default: { paddingHorizontal: 24 } },
-		title: { default: {
-			fontFamily,
-			fontSize: fontSize * 1.25,
-			fontWeight: "600",
-			color: colors.foreground
-		} },
-		body: { default: {
-			paddingHorizontal: 24,
-			gap: 24
-		} }
-	}));
-}
-
-//#endregion
-//#region src/components/card/variants/index.ts
-const CardVariants = { default: useCardVariantDefault };
-
-//#endregion
-//#region src/components/card/card.tsx
-function Card(props) {
-	const useVariantStyles = CardVariants[props.variant || "default"];
-	const styles = useVariantStyles();
-	return /* @__PURE__ */ jsxs(CardPrimitive.Root, {
-		styles,
-		children: [!!props.title && /* @__PURE__ */ jsx(CardPrimitive.Header, { children: /* @__PURE__ */ jsx(CardPrimitive.Title, { children: props.title }) }), /* @__PURE__ */ jsx(CardPrimitive.Body, { children: props.children })]
-	});
-}
-
-//#endregion
-//#region src/components/input/variants/default.tsx
-function useInputVariantDefault() {
-	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
-		default: {
-			placeholderTextColor: colors.mutedForeground,
-			selectionColor: colors.primary,
-			style: {
-				borderWidth: 1,
-				borderColor: colors.border,
-				borderRadius: radius,
-				backgroundColor: colors.surface,
-				paddingVertical: 12,
-				paddingHorizontal: 16,
-				outlineWidth: 0,
-				fontFamily,
-				fontSize,
-				height: 48,
-				color: colors.foreground
-			}
-		},
-		focused: { style: { borderColor: colors.primary } },
-		disabled: { style: {
-			color: colors.mutedForeground,
-			backgroundColor: colors.muted
-		} }
-	}));
-}
-
-//#endregion
-//#region src/components/input/variants/index.ts
-const InputVariants = { default: useInputVariantDefault };
-
-//#endregion
-//#region src/components/input/input.tsx
-function Input(props) {
-	const useVariantStyles = InputVariants[props.variant ?? "default"];
-	const variantStyles = useVariantStyles();
-	return /* @__PURE__ */ jsx(InputPrimitive, {
-		...props,
-		styles: variantStyles
-	});
-}
-
-//#endregion
-//#region src/components/input/numeric-input.tsx
-function NumericInput({ value, onChange, format = "decimal", locale = "en-US", currency = "USD", precision = 2, min, max, allowNegative = true, variant = "default", onBlur, onFocus, ...props }) {
-	const numericMask = useNumericMask({
-		format,
-		locale,
-		currency,
-		precision,
-		min,
-		max,
-		allowNegative,
-		onChange
-	});
-	useEffect(() => {
-		if (value !== numericMask.numericValue) numericMask.setValue(value ?? null);
-	}, [value]);
-	const handleBlur = (e) => {
-		numericMask.onBlur();
-		onBlur?.(e);
-	};
-	const handleFocus = (e) => {
-		numericMask.onFocus();
-		onFocus?.(e);
-	};
-	return /* @__PURE__ */ jsx(Input, {
-		...props,
-		variant,
-		value: numericMask.value,
-		onChange: numericMask.onChangeText,
-		onBlur: handleBlur,
-		onFocus: handleFocus,
-		keyboardType: numericMask.keyboardType
-	});
-}
-
-//#endregion
-//#region src/components/field/variants/default.tsx
-const useFieldVariantDefault = () => {
-	return useThemedStyles(({ colors, fontFamily, fontSize }) => ({
-		root: {
-			flexDirection: "column",
-			gap: 8
-		},
-		label: {
-			fontFamily,
-			fontSize: fontSize * .875,
-			fontWeight: "600",
-			color: colors.foreground
-		},
-		description: {
-			fontFamily,
-			fontSize: fontSize * .875,
-			color: colors.mutedForeground
-		},
-		error: {
-			fontFamily,
-			fontSize: fontSize * .875,
-			color: colors.danger
-		}
-	}));
-};
-
-//#endregion
-//#region src/components/field/variants/index.ts
-const FieldVariants = { default: useFieldVariantDefault };
-
-//#endregion
-//#region src/components/field/field.tsx
-function Field(props) {
-	const useVariantStyles = FieldVariants[props.variant || "default"];
-	const variantStyles = useVariantStyles();
-	return /* @__PURE__ */ jsxs(FieldPrimitive.Root, {
-		styles: variantStyles,
-		children: [
-			props.label && /* @__PURE__ */ jsx(FieldPrimitive.Label, {
-				for: props.id,
-				children: props.label
-			}),
-			props.description && /* @__PURE__ */ jsx(FieldPrimitive.Description, { children: props.description }),
-			props.children,
-			props.error && /* @__PURE__ */ jsx(FieldPrimitive.Error, { children: props.error })
-		]
-	});
-}
-
-//#endregion
-//#region src/components/select/variants/default.tsx
-function useSelectVariantDefault() {
-	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
-		root: {
-			default: {},
-			disabled: {}
-		},
-		trigger: {
-			default: {
-				borderWidth: 1,
-				borderColor: colors.border,
-				borderRadius: radius,
-				justifyContent: "center",
-				paddingVertical: 12,
-				paddingHorizontal: 16,
-				height: 48
-			},
-			disabled: { backgroundColor: colors.muted }
-		},
-		value: {
-			default: {
-				fontFamily,
-				fontSize,
-				color: colors.foreground
-			},
-			disabled: { color: colors.mutedForeground }
-		},
-		placeholder: {
-			default: {
-				fontFamily,
-				fontSize,
-				color: colors.mutedForeground
-			},
-			disabled: { color: colors.mutedForeground }
-		},
-		overlay: {
-			default: {},
-			disabled: {}
-		},
-		content: {
-			default: {
-				backgroundColor: colors.surface,
-				borderRadius: radius,
-				borderWidth: 1,
-				borderColor: colors.border,
-				padding: 4,
-				gap: 4
-			},
-			disabled: {}
-		},
-		option: {
-			default: {
-				paddingVertical: 12,
-				paddingHorizontal: 16,
-				fontFamily,
-				fontSize,
-				color: colors.foreground,
-				borderRadius: radius / 2
-			},
-			disabled: { color: colors.mutedForeground },
-			selected: { backgroundColor: colors.muted },
-			hovered: { backgroundColor: colors.muted }
-		}
-	}));
-}
-
-//#endregion
-//#region src/components/select/variants/index.ts
-const SelectVariants = { default: useSelectVariantDefault };
-
-//#endregion
-//#region src/components/select/select.tsx
-function Select(props) {
-	const useVariantStyles = SelectVariants[props.variant ?? "default"];
-	const variantStyles = useVariantStyles();
-	return /* @__PURE__ */ jsxs(SelectPrimitive.Root, {
-		...props,
-		styles: variantStyles,
-		children: [/* @__PURE__ */ jsx(SelectPrimitive.Trigger, { children: /* @__PURE__ */ jsx(SelectPrimitive.Value, {}) }), /* @__PURE__ */ jsxs(SelectPrimitive.Portal, { children: [/* @__PURE__ */ jsx(SelectPrimitive.Overlay, {}), /* @__PURE__ */ jsx(SelectPrimitive.Content, { children: props.options.map((option) => /* @__PURE__ */ jsx(SelectPrimitive.Option, {
-			value: String(option.value),
-			children: option.label
-		}, String(option.value))) })] })]
-	});
-}
-
-//#endregion
-//#region src/components/typography/variants/body-lg.tsx
-function useTextVariantBodyLg() {
-	return useThemedStyles(({ colors, fontFamily, letterSpacing, fontSize }) => ({
-		color: colors.foreground,
-		fontSize: fontSize * 1.25,
-		fontFamily,
-		letterSpacing
-	}));
-}
-
-//#endregion
-//#region src/components/typography/variants/body-md.tsx
-function useTextVariantBodyMd() {
-	return useThemedStyles(({ colors, fontFamily, letterSpacing, fontSize }) => ({
-		color: colors.foreground,
-		fontSize,
-		fontFamily,
-		letterSpacing
-	}));
-}
-
-//#endregion
-//#region src/components/typography/variants/body-sm.tsx
-function useTextVariantBodySm() {
-	return useThemedStyles(({ colors, fontFamily, letterSpacing, fontSize }) => ({
-		color: colors.foreground,
-		fontSize: fontSize * .875,
-		fontFamily,
-		letterSpacing
-	}));
-}
-
-//#endregion
-//#region src/components/typography/variants/heading-lg.tsx
-function useTextVariantHeadingLg() {
-	return useThemedStyles(({ colors, fontFamily, letterSpacing, fontSize }) => ({
-		color: colors.foreground,
-		fontSize: fontSize * 1.5,
-		fontFamily,
-		letterSpacing,
-		fontWeight: "600"
-	}));
-}
-
-//#endregion
-//#region src/components/typography/variants/heading-md.tsx
-function useTextVariantHeadingMd() {
-	return useThemedStyles(({ colors, fontFamily, letterSpacing, fontSize }) => ({
-		color: colors.foreground,
-		fontSize: fontSize * 1.25,
-		fontFamily,
-		letterSpacing,
-		fontWeight: "600"
-	}));
-}
-
-//#endregion
-//#region src/components/typography/variants/heading-sm.tsx
-function useTextVariantHeadingSm() {
-	return useThemedStyles(({ colors, fontFamily, letterSpacing, fontSize }) => ({
-		color: colors.foreground,
-		fontSize,
-		fontFamily,
-		letterSpacing,
-		fontWeight: "600"
-	}));
-}
-
-//#endregion
-//#region src/components/typography/variants/index.ts
-const TypographyVariants = {
-	["body-sm"]: useTextVariantBodySm,
-	["body-md"]: useTextVariantBodyMd,
-	["body-lg"]: useTextVariantBodyLg,
-	["heading-sm"]: useTextVariantHeadingSm,
-	["heading-md"]: useTextVariantHeadingMd,
-	["heading-lg"]: useTextVariantHeadingLg
-};
-
-//#endregion
-//#region src/components/typography/typography.tsx
-function Typography(props) {
-	const useVariantStyles = TypographyVariants[props.variant ?? "body-md"];
-	const variantStyles = useVariantStyles();
-	return /* @__PURE__ */ jsx(Text, {
-		...props,
-		style: variantStyles
-	});
-}
-
-//#endregion
-//#region src/components/link/variants/default.tsx
-function useLinkVariantDefault() {
-	return useThemedStyles(({ colors, fontFamily, letterSpacing, fontSize }) => ({
-		color: colors.primary,
-		fontSize,
-		fontFamily,
-		textDecorationLine: "underline",
-		letterSpacing
-	}));
-}
-
-//#endregion
-//#region src/components/link/variants/index.ts
-const LinkVariants = { default: useLinkVariantDefault };
-
-//#endregion
-//#region src/components/link/link.tsx
-function Link(props) {
-	const useVariantStyles = LinkVariants[props.variant ?? "default"];
-	const variantStyles = useVariantStyles();
-	const handlePress = async (e) => {
-		if (props.href) {
-			if (await Linking.canOpenURL(props.href)) await Linking.openURL(props.href);
-		}
-		props.onPress?.(e);
-	};
-	return /* @__PURE__ */ jsx(Text, {
-		...props,
-		style: variantStyles,
-		onPress: handlePress
-	});
-}
-
-//#endregion
-//#region src/components/empty/variants/default.tsx
-function useEmptyVariantDefault() {
-	return useThemedStyles(({ colors, fontFamily, fontSize }) => ({
-		root: {
-			alignItems: "center",
-			padding: 32,
-			gap: 32
-		},
-		media: {
-			backgroundColor: colors.muted,
-			width: 64,
-			height: 64,
-			borderRadius: "50%",
-			alignItems: "center",
-			justifyContent: "center"
-		},
-		title: {
-			fontFamily,
-			fontSize,
-			color: colors.foreground,
-			textAlign: "center",
-			fontWeight: "600"
-		},
-		description: {
-			fontFamily,
-			fontSize: fontSize * .875,
-			color: colors.mutedForeground,
-			textAlign: "center"
-		}
-	}));
-}
-
-//#endregion
-//#region src/components/empty/variants/index.ts
-const EmptyVariants = { default: useEmptyVariantDefault };
-
-//#endregion
-//#region src/components/empty/empty.tsx
-function Empty(props) {
-	const useVariantStyles = EmptyVariants[props.variant || "default"];
-	const styles = useVariantStyles();
-	return /* @__PURE__ */ jsxs(EmptyPrimitive.Root, {
-		styles,
-		children: [
-			!!props.media && /* @__PURE__ */ jsx(EmptyPrimitive.Media, { children: props.media }),
-			/* @__PURE__ */ jsx(EmptyPrimitive.Title, { children: props.title }),
-			props.description && /* @__PURE__ */ jsx(EmptyPrimitive.Description, { children: props.description }),
-			props.children
-		]
-	});
-}
-
-//#endregion
-//#region src/components/avatar/variants/default.tsx
-function useAvatarVariantDefault() {
-	return useThemedStyles(({ colors, fontFamily, fontSize }) => ({
-		root: {
-			backgroundColor: colors.surface,
-			borderRadius: "50%",
-			overflow: "hidden",
-			width: 64,
-			height: 64,
-			alignItems: "center",
-			justifyContent: "center"
-		},
-		image: {
-			width: "100%",
-			height: "100%",
-			resizeMode: "cover"
-		},
-		fallback: {
-			fontFamily,
-			fontSize,
-			color: colors.foreground,
-			textAlign: "center",
-			verticalAlign: "middle"
-		}
-	}));
-}
-
-//#endregion
-//#region src/components/avatar/variants/index.ts
-const AvatarVariants = { default: useAvatarVariantDefault };
-
-//#endregion
-//#region src/components/avatar/avatar.tsx
-function Avatar(props) {
-	const useVariantStyles = AvatarVariants[props.variant || "default"];
-	const styles = useVariantStyles();
-	const [imageError, setImageError] = useState(false);
-	return /* @__PURE__ */ jsxs(AvatarPrimitive.Root, {
-		styles,
-		children: [props.source && /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
-			source: props.source,
-			onError: () => setImageError(true)
-		}), (!props.source || imageError) && /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, { children: props.fallback })]
-	});
-}
-
-//#endregion
-//#region src/components/toast/index.ts
-const Toast = Object.assign(ToastComponent, {
-	show: ToastAPI.show,
-	dismiss: ToastAPI.dismiss
-});
-
-//#endregion
-//#region src/components/badge/variants/default.tsx
-const useBadgeVariantDefault = () => {
-	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
-		root: { default: {
-			backgroundColor: colors.primary,
-			paddingVertical: 4,
-			paddingHorizontal: 8,
-			borderRadius: radius,
-			alignSelf: "flex-start"
-		} },
-		label: { default: {
-			color: colors.primaryForeground,
-			fontSize: fontSize * .75,
-			fontWeight: "600",
-			fontFamily
-		} }
-	}));
-};
-
-//#endregion
-//#region src/components/badge/variants/secondary.tsx
-const useBadgeVariantSecondary = () => {
-	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
-		root: { default: {
-			backgroundColor: colors.secondary,
-			paddingVertical: 4,
-			paddingHorizontal: 8,
-			borderRadius: radius,
-			alignSelf: "flex-start"
-		} },
-		label: { default: {
-			color: colors.secondaryForeground,
-			fontSize: fontSize * .75,
-			fontWeight: "600",
-			fontFamily
-		} }
-	}));
-};
-
-//#endregion
-//#region src/components/badge/variants/index.ts
-const BadgeVariants = {
-	default: useBadgeVariantDefault,
-	secondary: useBadgeVariantSecondary
-};
-
-//#endregion
-//#region src/components/badge/badge.tsx
-function Badge(props) {
-	const useVariantStyles = BadgeVariants[props.variant || "default"];
-	const styles = useVariantStyles();
-	const customStyle = props.color ? { backgroundColor: props.color } : void 0;
-	return /* @__PURE__ */ jsx(BadgePrimitive.Root, {
-		styles,
-		style: customStyle,
-		children: /* @__PURE__ */ jsx(BadgePrimitive.Label, { children: props.children })
-	});
-}
-
-//#endregion
-//#region src/components/textarea/variants/default.tsx
-function useTextareaVariantDefault() {
-	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
-		default: {
-			placeholderTextColor: colors.mutedForeground,
-			selectionColor: colors.primary,
-			style: {
-				borderWidth: 1,
-				borderColor: colors.border,
-				borderRadius: radius,
-				backgroundColor: colors.surface,
-				paddingVertical: 12,
-				paddingHorizontal: 16,
-				outlineWidth: 0,
-				fontFamily,
-				fontSize,
-				minHeight: 120,
-				textAlignVertical: "top",
-				color: colors.foreground
-			}
-		},
-		focused: { style: { borderColor: colors.primary } },
-		disabled: { style: {
-			color: colors.mutedForeground,
-			backgroundColor: colors.muted
-		} }
-	}));
-}
-
-//#endregion
-//#region src/components/textarea/variants/index.ts
-const TextareaVariants = { default: useTextareaVariantDefault };
-
-//#endregion
-//#region src/components/textarea/textarea.tsx
-function Textarea(props) {
-	const useVariantStyles = TextareaVariants[props.variant ?? "default"];
-	const variantStyles = useVariantStyles();
-	return /* @__PURE__ */ jsx(TextareaPrimitive, {
-		...props,
-		styles: variantStyles
-	});
-}
-
-//#endregion
-//#region src/components/dropdown-menu/variants/default.tsx
-const useDropdownMenuVariantDefault = () => {
-	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
-		overlay: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
-		content: {
-			overflow: "hidden",
-			backgroundColor: colors.surface,
-			borderRadius: radius,
-			borderWidth: 1,
-			borderColor: colors.border,
-			shadowColor: "#000",
-			shadowOffset: {
-				width: 0,
-				height: 4
-			},
-			shadowOpacity: .15,
-			shadowRadius: 12,
-			elevation: 8
-		},
-		button: {
-			default: {
-				paddingVertical: 12,
-				paddingHorizontal: 16,
-				fontFamily,
-				fontSize,
-				color: colors.foreground
-			},
-			hovered: { backgroundColor: colors.muted }
-		},
-		divider: {
-			height: 1,
-			backgroundColor: colors.border
-		}
-	}));
-};
-
-//#endregion
-//#region src/components/dropdown-menu/variants/index.ts
-const DropdownMenuVariants = { default: useDropdownMenuVariantDefault };
-
-//#endregion
-//#region src/components/dropdown-menu/dropdown-menu.tsx
-function DropdownMenu(props) {
-	const useVariantStyles = DropdownMenuVariants[props.variant || "default"];
-	const styles = useVariantStyles();
-	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.Root, {
-		styles,
-		children: [/* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { children: props.trigger }), /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Overlay, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, { children: props.options.map((option) => {
-			if (option.type === "button") return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Button, {
-				onPress: option.onPress,
-				children: option.label
-			}, option.label);
-			else if (option.type === "divider") return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Divider, {}, Math.random().toString());
-		}) }) }) })]
-	});
-}
-
-//#endregion
-//#region src/components/popover/variants/default.tsx
-const usePopoverVariantDefault = () => {
-	return useThemedStyles(({ colors, radius }) => ({
-		overlay: {
-			backgroundColor: "rgba(0, 0, 0, 0.5)",
-			zIndex: 999
-		},
-		content: {
-			backgroundColor: colors.surface,
-			borderRadius: radius,
-			borderWidth: 1,
-			borderColor: colors.border,
-			shadowColor: "#000",
-			shadowOffset: {
-				width: 0,
-				height: 4
-			},
-			shadowOpacity: .15,
-			shadowRadius: 12,
-			elevation: 8
-		}
-	}));
-};
-
-//#endregion
-//#region src/components/popover/variants/unstyled.tsx
-const usePopoverVariantUnstyled = () => {
-	return useThemedStyles(() => ({
-		overlay: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
-		content: {}
-	}));
-};
-
-//#endregion
-//#region src/components/popover/variants/index.ts
-const PopoverVariants = {
-	default: usePopoverVariantDefault,
-	unstyled: usePopoverVariantUnstyled
-};
-
-//#endregion
-//#region src/components/popover/popover.tsx
-const PopoverContentComponent = (props) => {
-	const popover = usePopover();
-	if (typeof props.children === "function") return /* @__PURE__ */ jsx(PopoverPrimitive.Content, { children: props.children({ close: () => popover.setIsOpen(false) }) });
-	return /* @__PURE__ */ jsx(PopoverPrimitive.Content, { children: props.children });
-};
-const PopoverComponent = forwardRef((props, ref) => {
-	const useVariantStyles = PopoverVariants[props.variant || "default"];
-	const styles = useVariantStyles();
-	return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, {
-		styles,
-		children: [/* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
-			ref,
-			children: props.trigger
-		}), /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Overlay, {
-			closeOnPress: props.closeOnOverlayPress,
-			children: /* @__PURE__ */ jsx(PopoverContentComponent, { children: props.children })
-		}) })]
-	});
-});
-PopoverComponent.displayName = "Popover";
-const Popover = PopoverComponent;
-
-//#endregion
-//#region src/components/calendar/variants/default.tsx
-const useCalendarVariantDefault = () => {
-	return useThemedStyles(({ colors, radius, fontFamily, fontSize }) => ({
-		root: {
-			padding: 16,
-			backgroundColor: colors.background,
-			borderRadius: radius,
-			borderWidth: 1,
-			borderColor: colors.border,
-			width: 324
-		},
-		header: {
-			flexDirection: "row",
-			justifyContent: "space-between",
-			alignItems: "center",
-			marginBottom: 16,
-			paddingHorizontal: 8
-		},
-		headerTitle: {
-			fontSize: fontSize * 1.125,
-			fontWeight: "600",
-			fontFamily,
-			color: colors.foreground
-		},
-		navButton: {
-			default: {
-				width: 32,
-				height: 32,
-				borderRadius: radius * .5,
-				alignItems: "center",
-				justifyContent: "center",
-				backgroundColor: "transparent"
-			},
-			disabled: { opacity: .3 }
-		},
-		navButtonText: {
-			default: {
-				fontSize: fontSize * 1.5,
-				color: colors.foreground,
-				fontWeight: "500"
-			},
-			disabled: { color: colors.mutedForeground }
-		},
-		weekLabels: {
-			flexDirection: "row",
-			justifyContent: "space-between",
-			marginBottom: 8,
-			paddingVertical: 8,
-			gap: 2
-		},
-		weekLabel: {
-			fontSize: fontSize * .875,
-			fontWeight: "500",
-			fontFamily,
-			color: colors.mutedForeground,
-			width: 40,
-			textAlign: "center"
-		},
-		weeks: {
-			flexDirection: "column",
-			gap: 2
-		},
-		week: {
-			flexDirection: "row",
-			justifyContent: "space-between",
-			gap: 2
-		},
-		dayButton: {
-			default: {
-				width: 40,
-				height: 40,
-				borderRadius: radius * .5,
-				alignItems: "center",
-				justifyContent: "center",
-				backgroundColor: "transparent"
-			},
-			selected: { backgroundColor: colors.primary },
-			today: {
-				borderWidth: 1,
-				borderColor: colors.primary
-			},
-			disabled: { opacity: .3 },
-			deprioritized: { backgroundColor: "transparent" },
-			hovered: { backgroundColor: colors.muted }
-		},
-		dayText: {
-			default: {
-				fontSize,
-				fontFamily,
-				color: colors.foreground,
-				fontWeight: "400",
-				pointerEvents: "none"
-			},
-			selected: {
-				color: colors.primaryForeground,
-				fontWeight: "600"
-			},
-			today: {
-				color: colors.primary,
-				fontWeight: "600"
-			},
-			disabled: { color: colors.mutedForeground },
-			deprioritized: {
-				color: colors.mutedForeground,
-				opacity: .5
-			}
-		}
-	}));
-};
-
-//#endregion
-//#region src/components/calendar/variants/index.ts
-const CalendarVariants = { default: useCalendarVariantDefault };
-
-//#endregion
-//#region src/components/calendar/calendar.tsx
-function Calendar(props) {
-	const { variant = "default", weekDays, ...rootProps } = props;
-	const useVariantStyles = CalendarVariants[variant];
-	const variantStyles = useVariantStyles();
-	return /* @__PURE__ */ jsxs(CalendarPrimitive.Root, {
-		...rootProps,
-		styles: variantStyles,
-		children: [
-			/* @__PURE__ */ jsxs(CalendarPrimitive.Header, { children: [
-				/* @__PURE__ */ jsx(CalendarPrimitive.NavButton, { direction: "prev" }),
-				/* @__PURE__ */ jsx(CalendarPrimitive.Title, {}),
-				/* @__PURE__ */ jsx(CalendarPrimitive.NavButton, { direction: "next" })
-			] }),
-			/* @__PURE__ */ jsx(CalendarPrimitive.CalendarWeekLabels, { weekDays }),
-			/* @__PURE__ */ jsx(CalendarPrimitive.Weeks, {})
-		]
-	});
-}
-
-//#endregion
-export { Avatar, Badge, Button, Calendar, Card, DropdownMenu, Empty, Field, Input, Link, NumericInput, Popover, Select, Textarea, Toast, Typography };