@korsolutions/ui 0.0.29 → 0.0.30

package/dist/primitives-8eataXpJ.mjs

@@ -1,1437 +0,0 @@
-import { n as DEFAULT_POSITION, r as useRelativePosition, t as DEFAULT_LAYOUT } from "./use-relative-position-BTKEyT1F.mjs";
-import React, { createContext, forwardRef, useContext, useEffect, useId, useImperativeHandle, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { ActivityIndicator, Image, Platform, Pressable, StyleSheet, Text, TextInput, View } from "react-native";
-import { Fragment, jsx } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
-
-//#region src/primitives/portal/portal.constants.tsx
-const DEFAULT_PORTAL_HOST = "__KOR_PORTAL_HOST__";
-
-//#endregion
-//#region src/primitives/portal/portal.tsx
-const store = {
-	map: (/* @__PURE__ */ new Map()).set(DEFAULT_PORTAL_HOST, /* @__PURE__ */ new Map()),
-	listeners: /* @__PURE__ */ new Set()
-};
-function emit() {
-	for (const cb of store.listeners) cb();
-}
-function getSnapshot() {
-	return store.map;
-}
-function subscribe(cb) {
-	store.listeners.add(cb);
-	return () => {
-		store.listeners.delete(cb);
-	};
-}
-function updatePortal(hostName, name, children) {
-	const next = new Map(store.map);
-	const portal = next.get(hostName) ?? /* @__PURE__ */ new Map();
-	portal.set(name, children);
-	next.set(hostName, portal);
-	store.map = next;
-	emit();
-}
-function removePortal(hostName, name) {
-	const next = new Map(store.map);
-	const portal = next.get(hostName) ?? /* @__PURE__ */ new Map();
-	portal.delete(name);
-	next.set(hostName, portal);
-	store.map = next;
-	emit();
-}
-function NativePortalHost({ name = DEFAULT_PORTAL_HOST, container }) {
-	const portalMap = useSyncExternalStore(subscribe, getSnapshot, getSnapshot).get(name) ?? /* @__PURE__ */ new Map();
-	if (portalMap.size === 0) return null;
-	return /* @__PURE__ */ jsx(Platform.select({
-		default: (props) => /* @__PURE__ */ jsx(View, {
-			...props,
-			style: {
-				position: "absolute",
-				top: 0,
-				left: 0,
-				right: 0,
-				bottom: 0,
-				elevation: 999,
-				zIndex: 999,
-				pointerEvents: "box-none"
-			}
-		}),
-		ios: container?.ios,
-		android: container?.android
-	}), { children: Array.from(portalMap.values()) });
-}
-function WebPortalHost() {
-	return /* @__PURE__ */ jsx(Fragment, {});
-}
-const PortalHost = Platform.select({
-	default: NativePortalHost,
-	web: WebPortalHost
-});
-function NativePortal({ name, hostName = DEFAULT_PORTAL_HOST, children }) {
-	useEffect(() => {
-		updatePortal(hostName, name, children);
-	}, [
-		hostName,
-		name,
-		children
-	]);
-	useEffect(() => {
-		return () => {
-			removePortal(hostName, name);
-		};
-	}, [hostName, name]);
-	return /* @__PURE__ */ jsx(Fragment, {});
-}
-function WebPortal({ name, hostName = DEFAULT_PORTAL_HOST, children }) {
-	const [container] = useState(() => {
-		let container$1 = document.getElementById(hostName);
-		if (!container$1) {
-			container$1 = document.createElement("div");
-			container$1.id = hostName;
-			document.body.appendChild(container$1);
-		}
-		return container$1;
-	});
-	return /* @__PURE__ */ jsx(Fragment, { children: createPortal(children, container, name) });
-}
-const Portal = Platform.select({
-	default: NativePortal,
-	web: WebPortal
-});
-
-//#endregion
-//#region src/primitives/field/context.ts
-const FieldContext = createContext(void 0);
-const useField = () => {
-	const context = useContext(FieldContext);
-	if (!context) throw new Error("useField must be used within a FieldProvider");
-	return context;
-};
-const useFieldOptional = () => {
-	return useContext(FieldContext);
-};
-
-//#endregion
-//#region src/primitives/field/field-root.tsx
-function FieldRoot(props) {
-	const id = useId();
-	const composedStyles = [props.styles?.root, props.style];
-	const Component = props.render ?? View;
-	return /* @__PURE__ */ jsx(FieldContext.Provider, {
-		value: {
-			styles: props.styles,
-			id
-		},
-		children: /* @__PURE__ */ jsx(Component, {
-			...props,
-			style: composedStyles
-		})
-	});
-}
-
-//#endregion
-//#region src/primitives/field/field-label.tsx
-function FieldLabel(props) {
-	const field = useField();
-	return /* @__PURE__ */ jsx(props.render ?? Text, {
-		...props,
-		for: props.for ?? field.id,
-		style: [field.styles?.label, props.style]
-	});
-}
-
-//#endregion
-//#region src/primitives/field/field-description.tsx
-function FieldDescription(props) {
-	const field = useField();
-	return /* @__PURE__ */ jsx(props.render ?? Text, {
-		...props,
-		style: [field.styles?.description, props.style]
-	});
-}
-
-//#endregion
-//#region src/primitives/field/field-error.tsx
-function FieldError(props) {
-	const field = useField();
-	return /* @__PURE__ */ jsx(props.render ?? Text, {
-		...props,
-		style: [field.styles?.error, props.style]
-	});
-}
-
-//#endregion
-//#region src/primitives/field/index.ts
-const FieldPrimitive = {
-	Root: FieldRoot,
-	Label: FieldLabel,
-	Description: FieldDescription,
-	Error: FieldError
-};
-
-//#endregion
-//#region src/primitives/input/input.tsx
-const calculateState$7 = (props, isFocused) => {
-	if (props.isDisabled) return "disabled";
-	if (isFocused) return "focused";
-	return "default";
-};
-const InputPrimitive = forwardRef((props, ref) => {
-	const [isFocused, setIsFocused] = useState(false);
-	const state = calculateState$7(props, isFocused);
-	const field = useFieldOptional();
-	const composedStyles = [
-		props.styles?.default?.style,
-		props.styles?.[state]?.style,
-		props.style
-	];
-	const composedProps = {
-		...props.styles?.default,
-		...props.styles?.[state],
-		...props
-	};
-	return /* @__PURE__ */ jsx(props.render ?? TextInput, {
-		...composedProps,
-		ref,
-		id: field?.id,
-		onChange: void 0,
-		onChangeText: props.onChange,
-		onFocus: (e) => {
-			setIsFocused(true);
-			props.onFocus?.(e);
-		},
-		onBlur: (e) => {
-			setIsFocused(false);
-			props.onBlur?.(e);
-		},
-		readOnly: props.isDisabled || props.readOnly,
-		style: composedStyles
-	});
-});
-InputPrimitive.displayName = "InputPrimitive";
-
-//#endregion
-//#region src/primitives/button/button-context.tsx
-const ButtonPrimitiveContext = createContext(void 0);
-const useButtonPrimitive = () => {
-	const context = useContext(ButtonPrimitiveContext);
-	if (!context) throw new Error("useButtonPrimitive must be used within a ButtonPrimitiveProvider");
-	return context;
-};
-
-//#endregion
-//#region src/primitives/button/button-root.tsx
-const calculateState$6 = (props, isHovered) => {
-	if (props.isDisabled) return "disabled";
-	if (props.isLoading) return "loading";
-	if (isHovered) return "hovered";
-	return "default";
-};
-function ButtonRoot(props) {
-	const [isHovered, setIsHovered] = useState(false);
-	const state = calculateState$6(props, isHovered);
-	const calculatedStyle = [
-		props.styles?.root?.default,
-		props.styles?.root?.[state],
-		props.style
-	];
-	const Container = props.render ?? Pressable;
-	return /* @__PURE__ */ jsx(ButtonPrimitiveContext.Provider, {
-		value: {
-			disabled: props.isDisabled,
-			state,
-			styles: props.styles
-		},
-		children: /* @__PURE__ */ jsx(Container, {
-			...props,
-			onHoverIn: () => setIsHovered(true),
-			onHoverOut: () => setIsHovered(false),
-			style: calculatedStyle
-		})
-	});
-}
-
-//#endregion
-//#region src/utils/calculate-styles.ts
-const calculateComposedStyles = (styles = {}, state, component, style) => {
-	const result = [];
-	const componentStyles = styles?.[component];
-	if (componentStyles && "default" in componentStyles && componentStyles["default"]) result.push(componentStyles["default"]);
-	if (componentStyles?.[state]) result.push(componentStyles[state]);
-	if (style) result.push(style);
-	return result;
-};
-
-//#endregion
-//#region src/primitives/button/button-label.tsx
-function ButtonLabel(props) {
-	const button = useButtonPrimitive();
-	const calculatedStyle = calculateComposedStyles(button.styles, button.state, "label", props.style);
-	return /* @__PURE__ */ jsx(props.render ?? Text, {
-		style: calculatedStyle,
-		children: props.children
-	});
-}
-
-//#endregion
-//#region src/primitives/button/button-spinner.tsx
-function ButtonSpinner(props) {
-	const button = useButtonPrimitive();
-	return /* @__PURE__ */ jsx(ActivityIndicator, { style: calculateComposedStyles(button.styles, button.state, "spinner", props.style) });
-}
-
-//#endregion
-//#region src/primitives/button/index.ts
-const ButtonPrimitive = {
-	Root: ButtonRoot,
-	Label: ButtonLabel,
-	Spinner: ButtonSpinner
-};
-
-//#endregion
-//#region src/primitives/select/context.ts
-const SelectContext = createContext(void 0);
-const useSelect = () => {
-	const context = useContext(SelectContext);
-	if (!context) throw new Error("useSelect must be used within a SelectProvider");
-	return context;
-};
-
-//#endregion
-//#region src/primitives/select/select-root.tsx
-const calculateState$5 = (props) => {
-	if (props.isDisabled) return "disabled";
-	return "default";
-};
-function SelectRoot(props) {
-	const [isOpen, setIsOpen] = useState(false);
-	const [triggerLayout, setTriggerLayout] = useState(null);
-	const [options, setOptions] = useState([]);
-	const state = calculateState$5(props);
-	const composedStyles = calculateComposedStyles(props.styles, state, "root", props.style);
-	const Component = props.render ?? View;
-	return /* @__PURE__ */ jsx(SelectContext.Provider, {
-		value: {
-			value: props.value,
-			onChange: props.onChange,
-			placeholder: props.placeholder,
-			isOpen,
-			setIsOpen,
-			triggerLayout,
-			setTriggerLayout,
-			options,
-			setOptions,
-			state,
-			isDisabled: props.isDisabled ?? false,
-			styles: props.styles ?? null
-		},
-		children: /* @__PURE__ */ jsx(Component, {
-			style: composedStyles,
-			children: props.children
-		})
-	});
-}
-
-//#endregion
-//#region src/utils/normalize-layout.ts
-const normalizeLayout = (layout) => {
-	if (!layout.y && "top" in layout && typeof layout.top === "number") layout.y = layout.top;
-	if (!layout.x && "left" in layout && typeof layout.left === "number") layout.x = layout.left;
-	return layout;
-};
-
-//#endregion
-//#region src/primitives/select/select-trigger.tsx
-function SelectTrigger(props) {
-	const select = useSelect();
-	const composedStyles = calculateComposedStyles(select.styles, select.state, "trigger", props.style);
-	return /* @__PURE__ */ jsx(props.render ?? Pressable, {
-		onPress: () => {
-			select.setIsOpen((prev) => !prev);
-		},
-		onLayout: (e) => {
-			const layout = normalizeLayout(e.nativeEvent.layout);
-			select.setTriggerLayout(layout);
-		},
-		disabled: select.isDisabled,
-		style: composedStyles,
-		children: props.children
-	});
-}
-
-//#endregion
-//#region src/primitives/select/select-value.tsx
-function SelectValue(props) {
-	const select = useSelect();
-	const selectedOption = select.options.find((option) => option.value === select.value);
-	const selectedOptionLabel = selectedOption?.label;
-	const composedStyles = calculateComposedStyles(select.styles, select.state, selectedOptionLabel ? "value" : "placeholder", props.style);
-	return /* @__PURE__ */ jsx(props.render ?? Text, {
-		style: composedStyles,
-		children: selectedOption?.label ?? select.placeholder
-	});
-}
-
-//#endregion
-//#region src/primitives/select/select-portal.tsx
-function SelectPortal(props) {
-	const select = useSelect();
-	useEffect(() => {
-		return () => {
-			select.setOptions([]);
-		};
-	}, []);
-	if (!select.isOpen) return null;
-	return /* @__PURE__ */ jsx(Portal, {
-		name: "select-portal",
-		children: /* @__PURE__ */ jsx(SelectContext.Provider, {
-			value: select,
-			children: props.children
-		})
-	});
-}
-
-//#endregion
-//#region src/primitives/select/select-overlay.tsx
-function SelectOverlay(props) {
-	const select = useSelect();
-	const composedStyles = calculateComposedStyles(select.styles, select.state, "overlay", props.style);
-	return /* @__PURE__ */ jsx(props.render ?? Pressable, {
-		onPress: () => {
-			select.setIsOpen(false);
-		},
-		style: [StyleSheet.absoluteFill, composedStyles],
-		children: props.children
-	});
-}
-
-//#endregion
-//#region src/primitives/select/select-content.tsx
-function SelectContent(props) {
-	const select = useSelect();
-	const composedStyles = calculateComposedStyles(select.styles, select.state, "content", props.style);
-	return /* @__PURE__ */ jsx(props.render ?? View, {
-		style: [composedStyles, {
-			position: "absolute",
-			top: select.triggerLayout?.y + select.triggerLayout?.height,
-			left: select.triggerLayout?.x,
-			width: select.triggerLayout?.width
-		}],
-		children: props.children
-	});
-}
-
-//#endregion
-//#region src/primitives/select/select-option.tsx
-const calculateState$4 = (selectState, hovered, selected) => {
-	if (selectState === "disabled") return "disabled";
-	if (selected) return "selected";
-	if (hovered) return "hovered";
-	return "default";
-};
-function SelectOption(props) {
-	const [isHovered, setIsHovered] = useState(false);
-	const select = useSelect();
-	const isSelected = select.value === props.value;
-	const optionState = calculateState$4(select.state, isHovered, isSelected);
-	const composedStyles = calculateComposedStyles(select.styles, optionState, "option", props.style);
-	useEffect(() => {
-		select.setOptions((prev) => {
-			if (prev.find((option) => option.value === props.value)) return prev;
-			return [...prev, {
-				value: props.value,
-				label: props.children
-			}];
-		});
-	}, [props.value, props.children]);
-	return /* @__PURE__ */ jsx(props.render ?? Text, {
-		value: props.value,
-		onPress: () => {
-			select.onChange?.(props.value);
-			select.setIsOpen(false);
-		},
-		onMouseEnter: () => setIsHovered(true),
-		onMouseLeave: () => setIsHovered(false),
-		style: composedStyles,
-		children: props.children
-	});
-}
-
-//#endregion
-//#region src/primitives/select/index.ts
-const SelectPrimitive = {
-	Root: SelectRoot,
-	Trigger: SelectTrigger,
-	Value: SelectValue,
-	Portal: SelectPortal,
-	Overlay: SelectOverlay,
-	Content: SelectContent,
-	Option: SelectOption
-};
-
-//#endregion
-//#region src/primitives/card/context.ts
-const CardContext = createContext(void 0);
-const useCard = () => {
-	const context = useContext(CardContext);
-	if (!context) throw new Error("useCard must be used within a CardProvider");
-	return context;
-};
-
-//#endregion
-//#region src/primitives/card/card-root.tsx
-function CardRoot(props) {
-	const composedStyle = calculateComposedStyles(props.styles, "default", "root", props.style);
-	const Component = props.render ?? View;
-	return /* @__PURE__ */ jsx(CardContext.Provider, {
-		value: {
-			state: "default",
-			styles: props.styles
-		},
-		children: /* @__PURE__ */ jsx(Component, {
-			...props,
-			style: composedStyle
-		})
-	});
-}
-
-//#endregion
-//#region src/primitives/card/card-header.tsx
-function CardHeader(props) {
-	const card = useCard();
-	const composedStyle = calculateComposedStyles(card.styles, card.state, "header", props.style);
-	return /* @__PURE__ */ jsx(props.render ?? View, {
-		...props,
-		style: composedStyle
-	});
-}
-
-//#endregion
-//#region src/primitives/card/card-title.tsx
-function CardTitle(props) {
-	const card = useCard();
-	const composedStyle = calculateComposedStyles(card.styles, card.state, "title", props.style);
-	return /* @__PURE__ */ jsx(props.render ?? Text, {
-		...props,
-		style: composedStyle
-	});
-}
-
-//#endregion
-//#region src/primitives/card/card-body.tsx
-function CardBody(props) {
-	const card = useCard();
-	const composedStyle = calculateComposedStyles(card.styles, card.state, "body", props.style);
-	return /* @__PURE__ */ jsx(props.render ?? View, {
-		...props,
-		style: composedStyle
-	});
-}
-
-//#endregion
-//#region src/primitives/card/card-footer.tsx
-function CardFooter(props) {
-	const card = useCard();
-	const composedStyle = calculateComposedStyles(card.styles, card.state, "footer", props.style);
-	return /* @__PURE__ */ jsx(props.render ?? View, {
-		...props,
-		style: composedStyle
-	});
-}
-
-//#endregion
-//#region src/primitives/card/index.ts
-const CardPrimitive = {
-	Root: CardRoot,
-	Header: CardHeader,
-	Title: CardTitle,
-	Body: CardBody,
-	Footer: CardFooter
-};
-
-//#endregion
-//#region src/primitives/empty/context.ts
-const EmptyContext = createContext({});
-const useEmpty = () => {
-	const context = useContext(EmptyContext);
-	if (!context) throw new Error("useEmptyContext must be used within a EmptyProvider");
-	return context;
-};
-
-//#endregion
-//#region src/primitives/empty/empty-root.tsx
-function EmptyRoot(props) {
-	const composedStyles = [props.styles?.root, props.style];
-	const Component = props.render ?? View;
-	return /* @__PURE__ */ jsx(EmptyContext.Provider, {
-		value: { styles: props.styles },
-		children: /* @__PURE__ */ jsx(Component, {
-			...props,
-			style: composedStyles
-		})
-	});
-}
-
-//#endregion
-//#region src/primitives/empty/empty-media.tsx
-function EmptyMedia(props) {
-	const composedStyles = [useEmpty().styles?.media, props.style];
-	return /* @__PURE__ */ jsx(props.render ?? View, {
-		...props,
-		style: composedStyles
-	});
-}
-
-//#endregion
-//#region src/primitives/empty/empty-title.tsx
-function EmptyTitle(props) {
-	const composedStyles = [useEmpty().styles?.title, props.style];
-	return /* @__PURE__ */ jsx(props.render ?? Text, {
-		...props,
-		style: composedStyles
-	});
-}
-
-//#endregion
-//#region src/primitives/empty/empty-description.tsx
-function EmptyDescription(props) {
-	const composedStyles = [useEmpty().styles?.description, props.style];
-	return /* @__PURE__ */ jsx(props.render ?? Text, {
-		...props,
-		style: composedStyles
-	});
-}
-
-//#endregion
-//#region src/primitives/empty/index.ts
-const EmptyPrimitive = {
-	Root: EmptyRoot,
-	Media: EmptyMedia,
-	Title: EmptyTitle,
-	Description: EmptyDescription
-};
-
-//#endregion
-//#region src/primitives/avatar/context.ts
-const AvatarContext = createContext(void 0);
-const useAvatar = () => {
-	const context = useContext(AvatarContext);
-	if (!context) throw new Error("useAvatarContext must be used within a AvatarProvider");
-	return context;
-};
-
-//#endregion
-//#region src/primitives/avatar/avatar-root.tsx
-function AvatarRoot(props) {
-	const composedStyles = [props.styles?.root, props.style];
-	const Component = props.render ?? View;
-	return /* @__PURE__ */ jsx(AvatarContext.Provider, {
-		value: { styles: props.styles },
-		children: /* @__PURE__ */ jsx(Component, {
-			...props,
-			style: composedStyles
-		})
-	});
-}
-
-//#endregion
-//#region src/primitives/avatar/avatar-fallback.tsx
-function AvatarFallback(props) {
-	const composedStyles = [useAvatar().styles?.fallback, props.style];
-	return /* @__PURE__ */ jsx(props.render ?? View, {
-		...props,
-		style: composedStyles
-	});
-}
-
-//#endregion
-//#region src/primitives/avatar/avatar-image.tsx
-function AvatarImage(props) {
-	const composedStyles = [useAvatar().styles?.image, props.style];
-	return /* @__PURE__ */ jsx(props.render ?? Image, {
-		...props,
-		style: composedStyles
-	});
-}
-
-//#endregion
-//#region src/primitives/avatar/index.ts
-const AvatarPrimitive = {
-	Root: AvatarRoot,
-	Image: AvatarImage,
-	Fallback: AvatarFallback
-};
-
-//#endregion
-//#region src/primitives/toast/context.ts
-const ToastContext = createContext(void 0);
-const useToast = () => {
-	const context = useContext(ToastContext);
-	if (!context) throw new Error("useToast must be used within a ToastProvider");
-	return context;
-};
-
-//#endregion
-//#region src/primitives/toast/toast-root.tsx
-function ToastRoot(props) {
-	const composedStyle = [props.styles?.root, props.style];
-	const Component = props.render ?? View;
-	return /* @__PURE__ */ jsx(ToastContext.Provider, {
-		value: { styles: props.styles },
-		children: /* @__PURE__ */ jsx(Component, {
-			...props,
-			style: composedStyle
-		})
-	});
-}
-
-//#endregion
-//#region src/primitives/toast/toast-title.tsx
-function ToastTitle(props) {
-	const composedStyle = [useToast().styles?.title, props.style];
-	return /* @__PURE__ */ jsx(props.render ?? Text, {
-		...props,
-		style: composedStyle
-	});
-}
-
-//#endregion
-//#region src/primitives/toast/toast-description.tsx
-function ToastDescription(props) {
-	const composedStyle = [useToast().styles?.description, props.style];
-	return /* @__PURE__ */ jsx(props.render ?? Text, {
-		...props,
-		style: composedStyle
-	});
-}
-
-//#endregion
-//#region src/primitives/toast/index.ts
-const ToastPrimitive = {
-	Root: ToastRoot,
-	Title: ToastTitle,
-	Description: ToastDescription
-};
-
-//#endregion
-//#region src/primitives/badge/context.ts
-const BadgeContext = createContext(void 0);
-const useBadge = () => {
-	const context = useContext(BadgeContext);
-	if (!context) throw new Error("useBadge must be used within a BadgeProvider");
-	return context;
-};
-
-//#endregion
-//#region src/primitives/badge/badge-root.tsx
-function BadgeRoot(props) {
-	const composedStyle = calculateComposedStyles(props.styles, "default", "root", props.style);
-	const Component = props.render ?? View;
-	return /* @__PURE__ */ jsx(BadgeContext.Provider, {
-		value: {
-			state: "default",
-			styles: props.styles
-		},
-		children: /* @__PURE__ */ jsx(Component, {
-			...props,
-			style: composedStyle
-		})
-	});
-}
-
-//#endregion
-//#region src/primitives/badge/badge-label.tsx
-function BadgeLabel(props) {
-	const badge = useBadge();
-	const composedStyle = calculateComposedStyles(badge.styles, badge.state, "label", props.style);
-	return /* @__PURE__ */ jsx(props.render ?? Text, {
-		...props,
-		style: composedStyle
-	});
-}
-
-//#endregion
-//#region src/primitives/badge/index.ts
-const BadgePrimitive = {
-	Root: BadgeRoot,
-	Label: BadgeLabel
-};
-
-//#endregion
-//#region src/primitives/textarea/textarea.tsx
-const calculateState$3 = (props, isFocused) => {
-	if (props.isDisabled) return "disabled";
-	if (isFocused) return "focused";
-	return "default";
-};
-function TextareaPrimitive(props) {
-	const [isFocused, setIsFocused] = useState(false);
-	const state = calculateState$3(props, isFocused);
-	const composedStyles = [
-		props.styles?.default?.style,
-		props.styles?.[state]?.style,
-		props.style
-	];
-	const composedProps = {
-		...props.styles?.default,
-		...props.styles?.[state],
-		...props
-	};
-	return /* @__PURE__ */ jsx(props.render ?? TextInput, {
-		...composedProps,
-		multiline: true,
-		onChange: void 0,
-		onChangeText: props.onChange,
-		onFocus: (e) => {
-			setIsFocused(true);
-			props.onFocus?.(e);
-		},
-		onBlur: (e) => {
-			setIsFocused(false);
-			props.onBlur?.(e);
-		},
-		readOnly: props.isDisabled || props.readOnly,
-		style: composedStyles
-	});
-}
-
-//#endregion
-//#region src/primitives/dropdown-menu/context.ts
-const DropdownMenuContext = createContext(void 0);
-const useDropdownMenu = () => {
-	const context = useContext(DropdownMenuContext);
-	if (!context) throw new Error("useDropdownMenu must be used within a DropdownMenuRoot");
-	return context;
-};
-
-//#endregion
-//#region src/primitives/dropdown-menu/dropdown-menu-root.tsx
-function DropdownMenuRoot(props) {
-	const [isOpen, setIsOpen] = useState(false);
-	const [triggerPosition, setTriggerPosition] = useState(DEFAULT_POSITION);
-	const [contentLayout, setContentLayout] = useState(DEFAULT_LAYOUT);
-	return /* @__PURE__ */ jsx(DropdownMenuContext.Provider, {
-		value: {
-			isOpen,
-			setIsOpen,
-			triggerPosition,
-			setTriggerPosition,
-			contentLayout,
-			setContentLayout,
-			styles: props.styles
-		},
-		children: props.children
-	});
-}
-
-//#endregion
-//#region src/primitives/dropdown-menu/dropdown-menu-trigger.tsx
-const DropdownMenuTrigger = forwardRef((props, ref) => {
-	const dropdownMenu = useDropdownMenu();
-	const triggerRef = useRef(null);
-	const onTriggerPress = async () => {
-		triggerRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
-			dropdownMenu.setTriggerPosition({
-				height,
-				width,
-				pageX,
-				pageY
-			});
-		});
-		dropdownMenu.setIsOpen((prev) => !prev);
-	};
-	useImperativeHandle(ref, () => ({
-		open: () => dropdownMenu.setIsOpen(true),
-		close: () => dropdownMenu.setIsOpen(false)
-	}));
-	return React.cloneElement(props.children, {
-		ref: triggerRef,
-		onPress: onTriggerPress,
-		role: "button",
-		accessible: true,
-		accessibilityRole: "button",
-		accessibilityState: { expanded: dropdownMenu.isOpen },
-		...props.children.props
-	});
-});
-DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
-
-//#endregion
-//#region src/primitives/dropdown-menu/dropdown-menu-content.tsx
-function DropdownMenuContent(props) {
-	const menu = useDropdownMenu();
-	const composedStyle = [
-		useRelativePosition({
-			align: "start",
-			avoidCollisions: true,
-			triggerPosition: menu.triggerPosition,
-			contentLayout: menu.contentLayout,
-			alignOffset: 0,
-			side: "bottom",
-			sideOffset: 0
-		}),
-		menu.styles?.content,
-		props.style
-	];
-	return /* @__PURE__ */ jsx(props.render ?? View, {
-		...props,
-		onLayout: (e) => {
-			menu.setContentLayout(e.nativeEvent.layout);
-		},
-		style: composedStyle
-	});
-}
-
-//#endregion
-//#region src/primitives/dropdown-menu/dropdown-menu-button.tsx
-const calculateState$2 = (isHovered) => {
-	if (isHovered) return "hovered";
-	return "default";
-};
-function DropdownMenuButton(props) {
-	const menu = useDropdownMenu();
-	const [isHovered, setIsHovered] = useState(false);
-	const state = calculateState$2(isHovered);
-	const composedStyle = [
-		menu.styles?.button?.default,
-		menu.styles?.button?.[state],
-		props.style
-	];
-	const handlePress = () => {
-		props.onPress?.();
-		menu.setIsOpen((prev) => !prev);
-	};
-	return /* @__PURE__ */ jsx(props.render ?? Text, {
-		...props,
-		onPress: handlePress,
-		onMouseEnter: () => setIsHovered(true),
-		onMouseLeave: () => setIsHovered(false),
-		style: composedStyle,
-		children: props.children
-	});
-}
-
-//#endregion
-//#region src/primitives/dropdown-menu/dropdown-menu-divider.tsx
-function DropdownMenuDivider(props) {
-	const composedStyle = [useDropdownMenu().styles?.divider, props.style];
-	return /* @__PURE__ */ jsx(props.render ?? View, {
-		...props,
-		style: composedStyle
-	});
-}
-
-//#endregion
-//#region src/primitives/dropdown-menu/dropdown-menu-portal.tsx
-function DropdownMenuPortal(props) {
-	const menu = useDropdownMenu();
-	if (!menu.isOpen) return null;
-	return /* @__PURE__ */ jsx(Portal, {
-		name: "dropdown-menu-portal",
-		children: /* @__PURE__ */ jsx(DropdownMenuContext.Provider, {
-			value: menu,
-			children: props.children
-		})
-	});
-}
-
-//#endregion
-//#region src/primitives/dropdown-menu/dropdown-menu-overlay.tsx
-function DropdownMenuOverlay(props) {
-	const menu = useDropdownMenu();
-	const composedStyle = [
-		StyleSheet.absoluteFill,
-		menu.styles?.overlay,
-		props.style
-	];
-	return /* @__PURE__ */ jsx(props.render ?? Pressable, {
-		onPress: () => {
-			menu.setIsOpen(false);
-		},
-		style: composedStyle,
-		children: props.children
-	});
-}
-
-//#endregion
-//#region src/primitives/dropdown-menu/index.ts
-const DropdownMenuPrimitive = {
-	Root: DropdownMenuRoot,
-	Trigger: DropdownMenuTrigger,
-	Portal: DropdownMenuPortal,
-	Overlay: DropdownMenuOverlay,
-	Content: DropdownMenuContent,
-	Button: DropdownMenuButton,
-	Divider: DropdownMenuDivider
-};
-
-//#endregion
-//#region src/primitives/popover/context.ts
-const PopoverContext = createContext(void 0);
-const usePopover = () => {
-	const context = useContext(PopoverContext);
-	if (!context) throw new Error("usePopover must be used within a PopoverRoot");
-	return context;
-};
-
-//#endregion
-//#region src/primitives/popover/popover-root.tsx
-function PopoverRoot(props) {
-	const [isOpen, setIsOpen] = useState(false);
-	const [contentLayout, setContentLayout] = useState(DEFAULT_LAYOUT);
-	const [triggerPosition, setTriggerPosition] = useState(DEFAULT_POSITION);
-	return /* @__PURE__ */ jsx(PopoverContext.Provider, {
-		value: {
-			isOpen,
-			setIsOpen,
-			contentLayout,
-			setContentLayout,
-			triggerPosition,
-			setTriggerPosition,
-			styles: props.styles
-		},
-		children: props.children
-	});
-}
-
-//#endregion
-//#region src/primitives/popover/popover-trigger.tsx
-const PopoverTrigger = forwardRef((props, ref) => {
-	const popover = usePopover();
-	const triggerRef = useRef(null);
-	const onTriggerPress = async () => {
-		triggerRef.current?.measureInWindow((pageX, pageY, width, height) => {
-			popover.setTriggerPosition({
-				height,
-				width,
-				pageX,
-				pageY
-			});
-		});
-		popover.setIsOpen((prev) => !prev);
-	};
-	useImperativeHandle(ref, () => ({
-		open: () => popover.setIsOpen(true),
-		close: () => popover.setIsOpen(false)
-	}));
-	return React.cloneElement(props.children, {
-		ref: triggerRef,
-		onPress: onTriggerPress,
-		role: "button",
-		accessible: true,
-		accessibilityRole: "button",
-		accessibilityState: { expanded: popover.isOpen },
-		...props.children.props
-	});
-});
-PopoverTrigger.displayName = "PopoverTrigger";
-
-//#endregion
-//#region src/primitives/popover/popover-portal.tsx
-function PopoverPortal(props) {
-	const popover = usePopover();
-	if (!popover.isOpen) return null;
-	return /* @__PURE__ */ jsx(Portal, {
-		name: "popover-portal",
-		children: /* @__PURE__ */ jsx(PopoverContext.Provider, {
-			value: popover,
-			children: props.children
-		})
-	});
-}
-
-//#endregion
-//#region src/primitives/popover/popover-overlay.tsx
-function PopoverOverlay(props) {
-	const { closeOnPress = true, ...restProps } = props;
-	const popover = usePopover();
-	const composedStyle = [
-		StyleSheet.absoluteFill,
-		popover.styles?.overlay,
-		props.style
-	];
-	return /* @__PURE__ */ jsx(props.render ?? Pressable, {
-		...restProps,
-		onPress: () => {
-			if (closeOnPress) popover.setIsOpen(false);
-			props.onPress?.();
-		},
-		style: composedStyle,
-		children: props.children
-	});
-}
-
-//#endregion
-//#region src/primitives/popover/popover-content.tsx
-function PopoverContent(props) {
-	const popover = usePopover();
-	const composedStyle = [
-		useRelativePosition({
-			align: "start",
-			avoidCollisions: true,
-			triggerPosition: popover.triggerPosition,
-			contentLayout: popover.contentLayout,
-			alignOffset: 0,
-			side: "bottom",
-			sideOffset: 0
-		}),
-		popover.styles?.content,
-		props.style
-	];
-	return /* @__PURE__ */ jsx(props.render ?? View, {
-		...props,
-		onLayout: (e) => {
-			popover.setContentLayout(e.nativeEvent.layout);
-		},
-		style: composedStyle
-	});
-}
-
-//#endregion
-//#region src/primitives/popover/popover-close.tsx
-function PopoverClose(props) {
-	const popover = usePopover();
-	return /* @__PURE__ */ jsx(props.render ?? Pressable, {
-		...props,
-		onPress: () => {
-			popover.setIsOpen(false);
-			props.onPress?.();
-		},
-		style: props.style
-	});
-}
-
-//#endregion
-//#region src/primitives/popover/index.ts
-const PopoverPrimitive = {
-	Root: PopoverRoot,
-	Trigger: PopoverTrigger,
-	Portal: PopoverPortal,
-	Overlay: PopoverOverlay,
-	Content: PopoverContent,
-	Close: PopoverClose
-};
-
-//#endregion
-//#region src/primitives/calendar/context.ts
-const CalendarContext = React.createContext(void 0);
-const useCalendarContext = () => {
-	const context = React.useContext(CalendarContext);
-	if (!context) throw new Error("Calendar components must be used within CalendarRoot");
-	return context;
-};
-
-//#endregion
-//#region src/primitives/calendar/calendar-root.tsx
-function CalendarRoot(props) {
-	const { children, value, onChange, defaultMonth = /* @__PURE__ */ new Date(), minDate, maxDate, style, styles, ...viewProps } = props;
-	const [currentMonth, setCurrentMonth] = useState(defaultMonth);
-	const containerStyle = [styles?.root, style];
-	return /* @__PURE__ */ jsx(CalendarContext.Provider, {
-		value: {
-			value,
-			onChange,
-			currentMonth,
-			setCurrentMonth,
-			styles,
-			minDate,
-			maxDate
-		},
-		children: /* @__PURE__ */ jsx(View, {
-			...viewProps,
-			style: containerStyle,
-			children
-		})
-	});
-}
-
-//#endregion
-//#region src/primitives/calendar/calendar-header.tsx
-function CalendarHeader(props) {
-	const { children, style, ...viewProps } = props;
-	const { styles } = useCalendarContext();
-	const headerStyle = [styles?.header, style];
-	return /* @__PURE__ */ jsx(View, {
-		...viewProps,
-		style: headerStyle,
-		children
-	});
-}
-
-//#endregion
-//#region src/utils/date-utils.ts
-const formatDate = (date, format) => {
-	const months = [
-		"January",
-		"February",
-		"March",
-		"April",
-		"May",
-		"June",
-		"July",
-		"August",
-		"September",
-		"October",
-		"November",
-		"December"
-	];
-	const day = date.getDate();
-	const month = months[date.getMonth()];
-	const year = date.getFullYear();
-	if (format === "MMMM yyyy") return `${month} ${year}`;
-	if (format === "d") return day.toString();
-	return date.toLocaleDateString();
-};
-const isDateSameDay = (date1, date2) => {
-	return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
-};
-const isDateToday = (date) => {
-	return isDateSameDay(date, /* @__PURE__ */ new Date());
-};
-const isDateBefore = (date1, date2) => {
-	const d1 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate());
-	const d2 = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
-	return d1.getTime() < d2.getTime();
-};
-const isDateAfter = (date1, date2) => {
-	const d1 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate());
-	const d2 = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
-	return d1.getTime() > d2.getTime();
-};
-const addMonths = (date, months) => {
-	const newDate = new Date(date);
-	newDate.setMonth(newDate.getMonth() + months);
-	return newDate;
-};
-const subMonths = (date, months) => {
-	return addMonths(date, -months);
-};
-const startOfMonth = (date) => {
-	return new Date(date.getFullYear(), date.getMonth(), 1);
-};
-const endOfMonth = (date) => {
-	return new Date(date.getFullYear(), date.getMonth() + 1, 0);
-};
-const getDaysInMonth = (date) => {
-	return endOfMonth(date).getDate();
-};
-const getFirstDayOfMonth = (date) => {
-	return startOfMonth(date).getDay();
-};
-const isSameMonth = (date1, date2) => {
-	return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth();
-};
-const getWeekDays = (month, year, week) => {
-	const days = [];
-	const firstDayOfMonth = new Date(year, month, 1).getDay();
-	const daysInMonth = getDaysInMonth(new Date(year, month));
-	const startDay = week * 7 - (firstDayOfMonth === 0 ? 6 : firstDayOfMonth - 1);
-	for (let i = 0; i < 7; i++) {
-		const day = startDay + i;
-		let date;
-		if (day < 1) {
-			const prevMonth = month === 0 ? 11 : month - 1;
-			const prevYear = month === 0 ? year - 1 : year;
-			const daysInPrevMonth = getDaysInMonth(new Date(prevYear, prevMonth));
-			date = new Date(prevYear, prevMonth, daysInPrevMonth + day);
-		} else if (day > daysInMonth) {
-			const nextMonth = month === 11 ? 0 : month + 1;
-			const nextYear = month === 11 ? year + 1 : year;
-			date = new Date(nextYear, nextMonth, day - daysInMonth);
-		} else date = new Date(year, month, day);
-		days.push(date);
-	}
-	return days;
-};
-const getWeeksInMonth = (date) => {
-	const firstDayOfMonth = getFirstDayOfMonth(date);
-	const daysInMonth = getDaysInMonth(date);
-	return Math.ceil((firstDayOfMonth + daysInMonth) / 7);
-};
-
-//#endregion
-//#region src/primitives/calendar/calendar-title.tsx
-function CalendarTitle(props) {
-	const { children, style, formatStr = "MMMM yyyy", ...textProps } = props;
-	const { currentMonth, styles } = useCalendarContext();
-	const titleStyle = [styles?.headerTitle, style];
-	return /* @__PURE__ */ jsx(Text, {
-		...textProps,
-		style: titleStyle,
-		children: children ?? formatDate(currentMonth, formatStr)
-	});
-}
-
-//#endregion
-//#region src/primitives/calendar/calendar-nav-button.tsx
-const calculateState$1 = (isDisabled, isHovered) => {
-	if (isDisabled) return "disabled";
-	if (isHovered) return "hovered";
-	return "default";
-};
-function CalendarNavButton(props) {
-	const { children = props.direction === "prev" ? "‹" : "›", direction, style, textStyle, ...pressableProps } = props;
-	const { currentMonth, setCurrentMonth, minDate, maxDate, styles } = useCalendarContext();
-	const [isHovered, setIsHovered] = useState(false);
-	const isDisabled = React.useMemo(() => {
-		if (direction === "prev" && minDate) return subMonths(currentMonth, 1) < minDate;
-		if (direction === "next" && maxDate) return addMonths(currentMonth, 1) > maxDate;
-		return false;
-	}, [
-		direction,
-		currentMonth,
-		minDate,
-		maxDate
-	]);
-	const state = calculateState$1(isDisabled, isHovered);
-	const handlePress = () => {
-		if (isDisabled) return;
-		setCurrentMonth(direction === "prev" ? subMonths(currentMonth, 1) : addMonths(currentMonth, 1));
-	};
-	const buttonStyle = [
-		styles?.navButton?.default,
-		styles?.navButton?.[state],
-		style
-	];
-	const textStyleCombined = [
-		styles?.navButtonText?.default,
-		styles?.navButtonText?.[state],
-		textStyle
-	];
-	return /* @__PURE__ */ jsx(Pressable, {
-		...pressableProps,
-		onPress: handlePress,
-		onHoverIn: () => setIsHovered(true),
-		onHoverOut: () => setIsHovered(false),
-		disabled: isDisabled,
-		style: buttonStyle,
-		children: /* @__PURE__ */ jsx(Text, {
-			style: textStyleCombined,
-			children
-		})
-	});
-}
-
-//#endregion
-//#region src/primitives/calendar/calendar-week-labels.tsx
-function CalendarWeekLabel(props) {
-	const { styles } = useCalendarContext();
-	return /* @__PURE__ */ jsx(Text, {
-		numberOfLines: 1,
-		style: [styles?.weekLabel, props.style],
-		children: props.children
-	});
-}
-const DEFAULT_WEEK_DAYS = [
-	"Su",
-	"Mo",
-	"Tu",
-	"We",
-	"Th",
-	"Fr",
-	"Sa"
-];
-function CalendarWeekLabels(props) {
-	const { weekDays = DEFAULT_WEEK_DAYS, style } = props;
-	const { styles } = useCalendarContext();
-	return /* @__PURE__ */ jsx(View, {
-		style: [styles?.weekLabels, style],
-		children: weekDays.map((day, index) => /* @__PURE__ */ jsx(CalendarWeekLabel, {
-			style: styles?.weekLabel,
-			children: day
-		}, index))
-	});
-}
-
-//#endregion
-//#region src/primitives/calendar/calendar-day.tsx
-const calculateState = (date, selected, isCurrentMonth, isDisabled, isHovered) => {
-	if (isDisabled) return "disabled";
-	if (selected && isDateSameDay(date, selected)) return "selected";
-	if (isDateToday(date)) return "today";
-	if (isHovered) return "hovered";
-	if (!isCurrentMonth) return "deprioritized";
-	return "default";
-};
-function CalendarDay(props) {
-	const calendar = useCalendarContext();
-	const [isHovered, setIsHovered] = useState(false);
-	const isCurrentMonth = isSameMonth(props.date, calendar.currentMonth);
-	const isDisabled = useMemo(() => {
-		if (calendar.minDate && isDateBefore(props.date, calendar.minDate)) return true;
-		if (calendar.maxDate && isDateAfter(props.date, calendar.maxDate)) return true;
-		return false;
-	}, [
-		props.date,
-		calendar.minDate,
-		calendar.maxDate
-	]);
-	const state = calculateState(props.date, calendar.value, isCurrentMonth, isDisabled, isHovered);
-	const handlePress = () => {
-		console.log("Day pressed:", isDisabled, calendar.onChange);
-		if (isDisabled || !calendar.onChange) return;
-		calendar.onChange(props.date);
-	};
-	return /* @__PURE__ */ jsx(Pressable, {
-		onPress: handlePress,
-		onHoverIn: () => setIsHovered(true),
-		onHoverOut: () => setIsHovered(false),
-		disabled: isDisabled,
-		style: [
-			calendar.styles?.dayButton?.default,
-			calendar.styles?.dayButton?.[state],
-			props.style
-		],
-		children: /* @__PURE__ */ jsx(Text, {
-			style: [
-				calendar.styles?.dayText?.default,
-				calendar.styles?.dayText?.[state],
-				props.textStyle
-			],
-			children: formatDate(props.date, "d")
-		})
-	});
-}
-
-//#endregion
-//#region src/primitives/calendar/calendar-weeks.tsx
-function CalendarWeek(props) {
-	const { style, ...viewProps } = props;
-	const { currentMonth, styles } = useCalendarContext();
-	const days = getWeekDays(currentMonth.getMonth(), currentMonth.getFullYear(), props.index);
-	const composedStyle = [styles?.week, style];
-	return /* @__PURE__ */ jsx(View, {
-		...viewProps,
-		style: composedStyle,
-		children: days.map((day, index) => {
-			return /* @__PURE__ */ jsx(CalendarDay, { date: day }, index);
-		})
-	});
-}
-function CalendarWeeks(props) {
-	const { currentMonth, styles } = useCalendarContext();
-	const weeks = getWeeksInMonth(currentMonth);
-	return /* @__PURE__ */ jsx(View, {
-		style: [styles?.weeks, props.style],
-		children: Array.from({ length: weeks }).map((_, index) => {
-			return /* @__PURE__ */ jsx(CalendarWeek, { index }, index);
-		})
-	});
-}
-
-//#endregion
-//#region src/primitives/calendar/index.ts
-const CalendarPrimitive = {
-	Root: CalendarRoot,
-	Header: CalendarHeader,
-	Title: CalendarTitle,
-	NavButton: CalendarNavButton,
-	CalendarWeekLabels,
-	Weeks: CalendarWeeks,
-	Day: CalendarDay
-};
-
-//#endregion
-export { DEFAULT_PORTAL_HOST as _, TextareaPrimitive as a, AvatarPrimitive as c, SelectPrimitive as d, ButtonPrimitive as f, PortalHost as g, Portal as h, DropdownMenuPrimitive as i, EmptyPrimitive as l, FieldPrimitive as m, PopoverPrimitive as n, BadgePrimitive as o, InputPrimitive as p, usePopover as r, ToastPrimitive as s, CalendarPrimitive as t, CardPrimitive as u };