@korsolutions/ui 0.0.27 → 0.0.28

package/dist/components/index.d.mts

@@ -1,4 +1,4 @@
-import { $ as EmptyStyles, C as PopoverTriggerRef, Ct as ButtonStyles, D as DropdownMenuStyles, Et as InputPrimitiveBaseProps, I as TextareaStyles, J as AvatarStyles, Ot as InputStyles, P as TextareaPrimitiveBaseProps, U as ToastStyles, a as CalendarStyles, at as CardStyles, ft as SelectRootBaseProps, jt as FieldStyles, mt as SelectStyles, r as CalendarRootProps, xt as ButtonPrimitiveRootProps, y as PopoverStyles, z as BadgeStyles } from "../index-_EJRToiG.mjs";
+import { $ as EmptyStyles, C as PopoverTriggerRef, Ct as ButtonStyles, D as DropdownMenuStyles, Et as InputPrimitiveBaseProps, I as TextareaStyles, J as AvatarStyles, Ot as InputStyles, P as TextareaPrimitiveBaseProps, U as ToastStyles, a as CalendarStyles, at as CardStyles, ft as SelectRootBaseProps, jt as FieldStyles, mt as SelectStyles, r as CalendarRootProps, xt as ButtonPrimitiveRootProps, y as PopoverStyles, z as BadgeStyles } from "../index-j_OCsdsx.mjs";
 import "../use-relative-position-DBzhrBU7.mjs";
 import "../portal.constants-ClRV24_C.mjs";
 import { t as NumericMaskFormat } from "../use-numeric-mask-D4zqPOnE.mjs";

package/dist/components/index.mjs

@@ -1,4 +1,4 @@
-import { i as useThemedStyles, r as ToastComponent, t as ToastAPI } from "../toast-manager-B5sELMqc.mjs";
+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";

package/dist/{index-_EJRToiG.d.mts → index-j_OCsdsx.d.mts}

@@ -1,6 +1,6 @@
 import { r as LayoutPosition } from "./use-relative-position-DBzhrBU7.mjs";
 import { n as PortalHostProps, r as PortalProps } from "./portal.constants-ClRV24_C.mjs";
-import * as react10 from "react";
+import * as react9 from "react";
 import React$1, { Dispatch, RefAttributes } from "react";
 import { ImageSource, ImageStyle, LayoutRectangle, PressableProps, StyleProp, TextInput, TextInputProps, TextProps, TextStyle, View, ViewProps, ViewStyle } from "react-native";
 
@@ -68,7 +68,7 @@ interface InputPrimitiveProps extends InputPrimitiveBaseProps {
   render?: (props: InputPrimitiveProps) => React.ReactNode;
   styles?: InputStyles;
 }
-declare const InputPrimitive: react10.ForwardRefExoticComponent<Omit<InputPrimitiveProps, "ref"> & react10.RefAttributes<TextInput>>;
+declare const InputPrimitive: react9.ForwardRefExoticComponent<Omit<InputPrimitiveProps, "ref"> & react9.RefAttributes<TextInput>>;
 //#endregion
 //#region src/primitives/button/button-label.d.ts
 interface ButtonPrimitiveLabelProps {
@@ -154,7 +154,7 @@ interface SelectOptionProps {
   render?: (props: SelectOptionProps) => React.ReactElement;
   style?: StyleProp<TextStyle>;
 }
-declare function SelectOption(props: SelectOptionProps): react10.JSX.Element;
+declare function SelectOption(props: SelectOptionProps): react9.JSX.Element;
 //#endregion
 //#region src/primitives/select/types.d.ts
 type SelectState = "default" | "disabled";
@@ -435,7 +435,7 @@ interface TextareaPrimitiveProps extends TextareaPrimitiveBaseProps {
   render?: (props: TextareaPrimitiveProps) => React.ReactNode;
   styles?: TextareaStyles;
 }
-declare function TextareaPrimitive(props: TextareaPrimitiveProps): react10.JSX.Element;
+declare function TextareaPrimitive(props: TextareaPrimitiveProps): react9.JSX.Element;
 //#endregion
 //#region src/primitives/dropdown-menu/dropdown-menu-trigger.d.ts
 interface DropdownMenuTriggerProps extends PressableProps {
@@ -506,7 +506,7 @@ declare function DropdownMenuPortal(props: DropdownMenuPortalProps): React$1.JSX
 //#region src/primitives/dropdown-menu/index.d.ts
 declare const DropdownMenuPrimitive: {
   Root: typeof DropdownMenuRoot;
-  Trigger: react10.ForwardRefExoticComponent<DropdownMenuTriggerProps & react10.RefAttributes<DropdownMenuTriggerRef>>;
+  Trigger: react9.ForwardRefExoticComponent<DropdownMenuTriggerProps & react9.RefAttributes<DropdownMenuTriggerRef>>;
   Portal: typeof DropdownMenuPortal;
   Overlay: typeof DropdownMenuOverlay;
   Content: typeof DropdownMenuContent;
@@ -580,13 +580,13 @@ interface PopoverContext {
   setTriggerPosition: Dispatch<React.SetStateAction<LayoutPosition>>;
   styles?: PopoverStyles;
 }
-declare const PopoverContext: react10.Context<PopoverContext | undefined>;
+declare const PopoverContext: react9.Context<PopoverContext | undefined>;
 declare const usePopover: () => PopoverContext;
 //#endregion
 //#region src/primitives/popover/index.d.ts
 declare const PopoverPrimitive: {
   Root: typeof PopoverRoot;
-  Trigger: react10.ForwardRefExoticComponent<PopoverTriggerProps & react10.RefAttributes<PopoverTriggerRef>>;
+  Trigger: react9.ForwardRefExoticComponent<PopoverTriggerProps & react9.RefAttributes<PopoverTriggerRef>>;
   Portal: typeof PopoverPortal;
   Overlay: typeof PopoverOverlay;
   Content: typeof PopoverContent;
@@ -597,13 +597,13 @@ declare const PopoverPrimitive: {
 declare function NativePortalHost({
   name,
   container
-}: PortalHostProps): react10.JSX.Element | null;
+}: PortalHostProps): react9.JSX.Element | null;
 declare const PortalHost: typeof NativePortalHost;
 declare function NativePortal({
   name,
   hostName,
   children
-}: PortalProps): react10.JSX.Element;
+}: PortalProps): react9.JSX.Element;
 declare const Portal: typeof NativePortal;
 //#endregion
 //#region src/primitives/calendar/calendar-weeks.d.ts

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import { n as PortalHostProps } from "./portal.constants-ClRV24_C.mjs";
-import * as react7 from "react";
+import * as react4 from "react";
+import { Theme } from "@react-navigation/native";
 
 //#region src/themes/types.d.ts
 type ThemeName = "default";
@@ -25,6 +26,13 @@ type Radius = number;
 type FontFamily = string;
 type LetterSpacing = number;
 type FontSize = number;
+interface ThemeAssets {
+  colors: Record<ColorScheme, Colors>;
+  radius: Radius;
+  fontFamily: FontFamily;
+  letterSpacing: LetterSpacing;
+  fontSize: FontSize;
+}
 //#endregion
 //#region src/themes/provider.d.ts
 interface ThemeContext {
@@ -38,9 +46,12 @@ interface ThemeContext {
   setTheme: (themeName: ThemeName) => void;
   themeName: ThemeName;
 }
-declare const ThemeContext: react7.Context<ThemeContext | null>;
+declare const ThemeContext: react4.Context<ThemeContext | null>;
 declare const useTheme: () => ThemeContext;
 //#endregion
+//#region src/themes/adapters/react-navigation.d.ts
+declare function useReactNavigationTheme(): Theme;
+//#endregion
 //#region src/index.d.ts
 interface ProviderProps {
   children: React.ReactNode;
@@ -49,6 +60,6 @@ interface ProviderProps {
 declare const UniversalUIProvider: ({
   children,
   portalContainer
-}: ProviderProps) => react7.JSX.Element;
+}: ProviderProps) => react4.JSX.Element;
 //#endregion
-export { ProviderProps, UniversalUIProvider, useTheme };
+export { ColorScheme, Colors, FontFamily, FontSize, LetterSpacing, ProviderProps, Radius, ThemeAssets, ThemeName, UniversalUIProvider, useReactNavigationTheme, useTheme };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { a as ThemeProvider, n as ToastContainer, o as useTheme } from "./toast-manager-B5sELMqc.mjs";
+import { a as useReactNavigationTheme, n as ToastContainer, o as ThemeProvider, s as useTheme } from "./toast-manager-q0YV3t3j.mjs";
 import { g as PortalHost } from "./primitives-8eataXpJ.mjs";
 import "./use-relative-position-BTKEyT1F.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -13,4 +13,4 @@ const UniversalUIProvider = ({ children, portalContainer }) => {
 };
 
 //#endregion
-export { UniversalUIProvider, useTheme };
+export { UniversalUIProvider, useReactNavigationTheme, useTheme };

package/dist/primitives/index.d.mts

@@ -1,4 +1,4 @@
-import { $ as EmptyStyles, A as DropdownMenuButtonProps, At as FieldPrimitiveRootProps, B as BadgeLabelProps, C as PopoverTriggerRef, Ct as ButtonStyles, D as DropdownMenuStyles, Dt as InputPrimitiveProps, E as DropdownMenuRootProps, Et as InputPrimitiveBaseProps, F as TextareaPrimitiveProps, G as ToastTitleProps, H as ToastRootProps, I as TextareaStyles, J as AvatarStyles, K as AvatarPrimitive, L as BadgePrimitive, M as DropdownMenuTriggerProps, Mt as FieldErrorProps, N as TextareaPrimitive, Nt as FieldDescriptionProps, O as DropdownMenuOverlayProps, Ot as InputStyles, P as TextareaPrimitiveBaseProps, Pt as FieldLabelProps, Q as EmptyRootProps, R as BadgeRootProps, S as PopoverTriggerProps, St as ButtonState, T as DropdownMenuPortalProps, Tt as InputPrimitive, U as ToastStyles, V as ToastPrimitive, W as ToastDescriptionProps, X as AvatarFallbackProps, Y as AvatarImageProps, Z as EmptyPrimitive, _ as PopoverPortalProps, _t as SelectOverlayProps, a as CalendarStyles, at as CardStyles, b as PopoverOverlayProps, bt as ButtonPrimitive, c as CalendarDayProps, ct as CardTitleProps, d as Portal, dt as SelectPortalProps, et as EmptyTitleProps, f as PortalHost, ft as SelectRootBaseProps, g as PopoverCloseProps, gt as SelectContentProps, h as usePopover, ht as SelectOptionProps, i as CalendarDayState, it as CardRootProps, j as DropdownMenuContentProps, jt as FieldStyles, k as DropdownMenuDividerProps, kt as FieldPrimitive, l as CalendarWeekLabelsProps, lt as CardHeaderProps, m as PopoverContext, mt as SelectStyles, n as CalendarNavButtonProps, nt as EmptyDescriptionProps, o as CalendarTitleProps, ot as CardFooterProps, p as PopoverPrimitive, pt as SelectRootProps, q as AvatarRootProps, r as CalendarRootProps, rt as CardPrimitive, s as CalendarHeaderProps, st as CardBodyProps, t as CalendarPrimitive, tt as EmptyMediaProps, u as CalendarWeeksProps, ut as SelectPrimitive, v as PopoverRootProps, vt as SelectValueProps, w as DropdownMenuPrimitive, wt as ButtonPrimitiveLabelProps, x as PopoverContentProps, xt as ButtonPrimitiveRootProps, yt as SelectTriggerProps, z as BadgeStyles } from "../index-_EJRToiG.mjs";
+import { $ as EmptyStyles, A as DropdownMenuButtonProps, At as FieldPrimitiveRootProps, B as BadgeLabelProps, C as PopoverTriggerRef, Ct as ButtonStyles, D as DropdownMenuStyles, Dt as InputPrimitiveProps, E as DropdownMenuRootProps, Et as InputPrimitiveBaseProps, F as TextareaPrimitiveProps, G as ToastTitleProps, H as ToastRootProps, I as TextareaStyles, J as AvatarStyles, K as AvatarPrimitive, L as BadgePrimitive, M as DropdownMenuTriggerProps, Mt as FieldErrorProps, N as TextareaPrimitive, Nt as FieldDescriptionProps, O as DropdownMenuOverlayProps, Ot as InputStyles, P as TextareaPrimitiveBaseProps, Pt as FieldLabelProps, Q as EmptyRootProps, R as BadgeRootProps, S as PopoverTriggerProps, St as ButtonState, T as DropdownMenuPortalProps, Tt as InputPrimitive, U as ToastStyles, V as ToastPrimitive, W as ToastDescriptionProps, X as AvatarFallbackProps, Y as AvatarImageProps, Z as EmptyPrimitive, _ as PopoverPortalProps, _t as SelectOverlayProps, a as CalendarStyles, at as CardStyles, b as PopoverOverlayProps, bt as ButtonPrimitive, c as CalendarDayProps, ct as CardTitleProps, d as Portal, dt as SelectPortalProps, et as EmptyTitleProps, f as PortalHost, ft as SelectRootBaseProps, g as PopoverCloseProps, gt as SelectContentProps, h as usePopover, ht as SelectOptionProps, i as CalendarDayState, it as CardRootProps, j as DropdownMenuContentProps, jt as FieldStyles, k as DropdownMenuDividerProps, kt as FieldPrimitive, l as CalendarWeekLabelsProps, lt as CardHeaderProps, m as PopoverContext, mt as SelectStyles, n as CalendarNavButtonProps, nt as EmptyDescriptionProps, o as CalendarTitleProps, ot as CardFooterProps, p as PopoverPrimitive, pt as SelectRootProps, q as AvatarRootProps, r as CalendarRootProps, rt as CardPrimitive, s as CalendarHeaderProps, st as CardBodyProps, t as CalendarPrimitive, tt as EmptyMediaProps, u as CalendarWeeksProps, ut as SelectPrimitive, v as PopoverRootProps, vt as SelectValueProps, w as DropdownMenuPrimitive, wt as ButtonPrimitiveLabelProps, x as PopoverContentProps, xt as ButtonPrimitiveRootProps, yt as SelectTriggerProps, z as BadgeStyles } from "../index-j_OCsdsx.mjs";
 import "../use-relative-position-DBzhrBU7.mjs";
 import { n as PortalHostProps, r as PortalProps, t as DEFAULT_PORTAL_HOST } from "../portal.constants-ClRV24_C.mjs";
 export { AvatarFallbackProps, AvatarImageProps, AvatarPrimitive, AvatarRootProps, AvatarStyles, BadgeLabelProps, BadgePrimitive, BadgeRootProps, BadgeStyles, ButtonPrimitive, ButtonPrimitiveLabelProps, ButtonPrimitiveRootProps, ButtonState, ButtonStyles, CalendarDayProps, CalendarDayState, CalendarHeaderProps, CalendarNavButtonProps, CalendarPrimitive, CalendarRootProps, CalendarStyles, CalendarTitleProps, CalendarWeekLabelsProps, CalendarWeeksProps, CardBodyProps, CardFooterProps, CardHeaderProps, CardPrimitive, CardRootProps, CardStyles, CardTitleProps, DEFAULT_PORTAL_HOST, DropdownMenuButtonProps, DropdownMenuContentProps, DropdownMenuDividerProps, DropdownMenuOverlayProps, DropdownMenuPortalProps, DropdownMenuPrimitive, DropdownMenuRootProps, DropdownMenuStyles, DropdownMenuTriggerProps, EmptyDescriptionProps, EmptyMediaProps, EmptyPrimitive, EmptyRootProps, EmptyStyles, EmptyTitleProps, FieldDescriptionProps, FieldErrorProps, FieldLabelProps, FieldPrimitive, FieldPrimitiveRootProps, FieldStyles, InputPrimitive, InputPrimitiveBaseProps, InputPrimitiveProps, InputStyles, PopoverCloseProps, PopoverContentProps, PopoverContext, PopoverOverlayProps, PopoverPortalProps, PopoverPrimitive, PopoverRootProps, PopoverTriggerProps, PopoverTriggerRef, Portal, PortalHost, PortalHostProps, PortalProps, SelectContentProps, SelectOptionProps, SelectOverlayProps, SelectPortalProps, SelectPrimitive, SelectRootBaseProps, SelectRootProps, SelectStyles, SelectTriggerProps, SelectValueProps, TextareaPrimitive, TextareaPrimitiveBaseProps, TextareaPrimitiveProps, TextareaStyles, ToastDescriptionProps, ToastPrimitive, ToastRootProps, ToastStyles, ToastTitleProps, usePopover };

package/dist/{toast-manager-B5sELMqc.mjs → toast-manager-q0YV3t3j.mjs}

@@ -1,6 +1,6 @@
 import { h as Portal, s as ToastPrimitive } from "./primitives-8eataXpJ.mjs";
 import React, { createContext, useContext, useEffect, useState, useSyncExternalStore } from "react";
-import { StyleSheet, View, useColorScheme } from "react-native";
+import { Platform, StyleSheet, View, useColorScheme } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/themes/default/colors.ts
@@ -87,6 +87,54 @@ const useTheme = () => {
 	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) => {
@@ -270,4 +318,4 @@ const s = StyleSheet.create({ wrapper: {
 } });
 
 //#endregion
-export { ThemeProvider as a, useThemedStyles as i, ToastContainer as n, useTheme as o, ToastComponent as r, ToastAPI as t };
+export { useReactNavigationTheme as a, useThemedStyles as i, ToastContainer as n, ThemeProvider as o, ToastComponent as r, useTheme as s, ToastAPI as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "license": "MIT",
   "main": "dist/index.mjs",
   "module": "dist/index.mjs",

package/src/index.tsx

@@ -19,4 +19,6 @@ export const UniversalUIProvider = ({ children, portalContainer }: ProviderProps
   );
 };
 
-export { useTheme } from "./themes";
+export { useTheme } from "./themes/provider";
+export * from "./themes/adapters";
+export * from "./themes/types";

package/src/themes/adapters/index.ts

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

package/src/themes/adapters/react-navigation.ts

@@ -0,0 +1,52 @@
+import { useEffect } from "react";
+import { Theme } from "@react-navigation/native";
+import { useTheme } from "../provider";
+import { Platform } from "react-native";
+
+export function useReactNavigationTheme(): Theme {
+  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",
+      },
+    },
+  };
+}

package/src/themes/index.ts

@@ -1,2 +1,3 @@
 export * from "./provider";
 export * from "./types";
+export * from "./adapters/react-navigation";