@korsolutions/ui 0.0.29 → 0.0.31

package/dist/typescript/src/primitives/toast/toast-title.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { type StyleProp, type TextStyle } from "react-native";
+export interface ToastTitleProps {
+    children?: string;
+    render?: (props: ToastTitleProps) => React.ReactNode;
+    style?: StyleProp<TextStyle>;
+}
+export declare function ToastTitle(props: ToastTitleProps): React.JSX.Element;
+//# sourceMappingURL=toast-title.d.ts.map

package/dist/typescript/src/primitives/toast/toast-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-title.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/toast/toast-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC;IAErD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAOhD"}

package/dist/typescript/src/primitives/toast/types.d.ts

@@ -0,0 +1,9 @@
+import type { ToastDescriptionProps } from "./toast-description";
+import type { ToastRootProps } from "./toast-root";
+import type { ToastTitleProps } from "./toast-title";
+export interface ToastStyles {
+    root?: ToastRootProps["style"];
+    title?: ToastTitleProps["style"];
+    description?: ToastDescriptionProps["style"];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/primitives/toast/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;CAC9C"}

package/dist/typescript/src/themes/adapters/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./react-navigation";
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/themes/adapters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/themes/adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/typescript/src/themes/adapters/react-navigation.d.ts

@@ -0,0 +1,3 @@
+import type { Theme } from "@react-navigation/native";
+export declare function useReactNavigationTheme(): Theme;
+//# sourceMappingURL=react-navigation.d.ts.map

package/dist/typescript/src/themes/adapters/react-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/themes/adapters/react-navigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAItD,wBAAgB,uBAAuB,IAAI,KAAK,CA+C/C"}

package/dist/typescript/src/themes/default/colors.d.ts

@@ -0,0 +1,4 @@
+import type { Colors } from "../types";
+export declare const lightColors: Colors;
+export declare const darkColors: Colors;
+//# sourceMappingURL=colors.d.ts.map

package/dist/typescript/src/themes/default/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../../src/themes/default/colors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,WAAW,EAAE,MAoBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAoBxB,CAAC"}

package/dist/typescript/src/themes/default/index.d.ts

@@ -0,0 +1,3 @@
+import type { ThemeAssets } from "../types";
+export declare const defaultThemeAssets: ThemeAssets;
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/themes/default/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/themes/default/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,eAAO,MAAM,kBAAkB,EAAE,WAShC,CAAC"}

package/dist/typescript/src/themes/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./provider";
+export * from "./types";
+export * from "./adapters/react-navigation";
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/themes/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,6BAA6B,CAAC"}

package/dist/typescript/src/themes/provider.d.ts

@@ -0,0 +1,18 @@
+import { type PropsWithChildren } from "react";
+import type { Colors, ColorScheme, FontFamily, FontSize, LetterSpacing, Radius, ThemeName } from "./types";
+interface ThemeContext {
+    colors: Colors;
+    radius: Radius;
+    fontFamily: FontFamily;
+    colorScheme: ColorScheme;
+    letterSpacing: LetterSpacing;
+    fontSize: FontSize;
+    setColorScheme: (scheme: ColorScheme) => void;
+    setTheme: (themeName: ThemeName) => void;
+    themeName: ThemeName;
+}
+declare const ThemeContext: import("react").Context<ThemeContext | null>;
+export declare const ThemeProvider: (props: PropsWithChildren) => import("react").JSX.Element;
+export declare const useTheme: () => ThemeContext;
+export {};
+//# sourceMappingURL=provider.d.ts.map

package/dist/typescript/src/themes/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/themes/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,iBAAiB,EAAmC,MAAM,OAAO,CAAC;AAG/F,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE3G,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,8CAA2C,CAAC;AAE9D,eAAO,MAAM,aAAa,GAAI,OAAO,iBAAiB,gCAgCrD,CAAC;AAEF,eAAO,MAAM,QAAQ,oBAMpB,CAAC"}

package/dist/typescript/src/themes/themes.d.ts

@@ -0,0 +1,3 @@
+import type { ThemeAssets, ThemeName } from "./types";
+export declare const themes: Record<ThemeName, ThemeAssets>;
+//# sourceMappingURL=themes.d.ts.map

package/dist/typescript/src/themes/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../src/themes/themes.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,WAAW,CAEjD,CAAC"}

package/dist/typescript/src/themes/types.d.ts

@@ -0,0 +1,32 @@
+export type ThemeName = "default";
+export type ColorScheme = "light" | "dark";
+type Color = `hsla(${number}, ${number}%, ${number}%, ${number})`;
+export interface Colors {
+    background: Color;
+    foreground: Color;
+    primary: Color;
+    primaryForeground: Color;
+    secondary: Color;
+    secondaryForeground: Color;
+    muted: Color;
+    mutedForeground: Color;
+    border: Color;
+    surface: Color;
+    success: Color;
+    warning: Color;
+    danger: Color;
+    info: Color;
+}
+export type Radius = number;
+export type FontFamily = string;
+export type LetterSpacing = number;
+export type FontSize = number;
+export interface ThemeAssets {
+    colors: Record<ColorScheme, Colors>;
+    radius: Radius;
+    fontFamily: FontFamily;
+    letterSpacing: LetterSpacing;
+    fontSize: FontSize;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/themes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/themes/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC;AAClC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,KAAK,KAAK,GAAG,QAAQ,MAAM,KAAK,MAAM,MAAM,MAAM,MAAM,MAAM,GAAG,CAAC;AAElE,MAAM,WAAW,MAAM;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,UAAU,EAAE,KAAK,CAAC;IAClB,OAAO,EAAE,KAAK,CAAC;IACf,iBAAiB,EAAE,KAAK,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC;IACjB,mBAAmB,EAAE,KAAK,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,eAAe,EAAE,KAAK,CAAC;IACvB,MAAM,EAAE,KAAK,CAAC;IACd,OAAO,EAAE,KAAK,CAAC;IACf,OAAO,EAAE,KAAK,CAAC;IACf,OAAO,EAAE,KAAK,CAAC;IACf,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,KAAK,CAAC;CACb;AAED,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC;AAC5B,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAChC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AACnC,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;CACpB"}

package/dist/typescript/src/types/element.types.d.ts

@@ -0,0 +1,4 @@
+import type { TextInput, View } from "react-native";
+export type ViewRef = React.ComponentRef<View>;
+export type TextInputRef = React.ComponentRef<TextInput>;
+//# sourceMappingURL=element.types.d.ts.map

package/dist/typescript/src/types/element.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.types.d.ts","sourceRoot":"","sources":["../../../../src/types/element.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AAC/C,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC"}

package/dist/typescript/src/utils/calculate-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const calculateComposedStyles: <TStyle, State extends string | "default", Component extends string>(styles: (Partial<Record<Component, Partial<Record<State, TStyle>>>> | null) | undefined, state: State, component: Component, style?: TStyle) => TStyle[];
+//# sourceMappingURL=calculate-styles.d.ts.map

package/dist/typescript/src/utils/calculate-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculate-styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/calculate-styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,GAAI,MAAM,EAAE,KAAK,SAAS,MAAM,GAAG,SAAS,EAAE,SAAS,SAAS,MAAM,EACxG,SAAQ,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,aAAK,EAC9E,OAAO,KAAK,EACZ,WAAW,SAAS,EACpB,QAAQ,MAAM,KACb,MAAM,EAaR,CAAC"}

package/dist/typescript/src/utils/date-utils.d.ts

@@ -0,0 +1,19 @@
+export declare const formatDate: (date: Date, format: string) => string;
+export declare const isDateSameDay: (date1: Date, date2: Date) => boolean;
+export declare const isDateToday: (date: Date) => boolean;
+export declare const isDateBefore: (date1: Date, date2: Date) => boolean;
+export declare const isDateAfter: (date1: Date, date2: Date) => boolean;
+export declare const isDateTimeWithinInterval: (date: Date, interval: {
+    start: Date;
+    end: Date;
+}) => boolean;
+export declare const addMonths: (date: Date, months: number) => Date;
+export declare const subMonths: (date: Date, months: number) => Date;
+export declare const startOfMonth: (date: Date) => Date;
+export declare const endOfMonth: (date: Date) => Date;
+export declare const getDaysInMonth: (date: Date) => number;
+export declare const getFirstDayOfMonth: (date: Date) => number;
+export declare const isSameMonth: (date1: Date, date2: Date) => boolean;
+export declare const getWeekDays: (month: number, year: number, week: number) => Date[];
+export declare const getWeeksInMonth: (date: Date) => number;
+//# sourceMappingURL=date-utils.d.ts.map

package/dist/typescript/src/utils/date-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/date-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,GAAI,MAAM,IAAI,EAAE,QAAQ,MAAM,KAAG,MAevD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,IAAI,EAAE,OAAO,IAAI,KAAG,OAExD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,IAAI,KAAG,OAExC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,IAAI,EAAE,OAAO,IAAI,KAAG,OAIvD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,IAAI,EAAE,OAAO,IAAI,KAAG,OAItD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,IAAI,EAAE,UAAU;IAAE,KAAK,EAAE,IAAI,CAAC;IAAC,GAAG,EAAE,IAAI,CAAA;CAAE,KAAG,OAG3F,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,EAAE,QAAQ,MAAM,KAAG,IAItD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,EAAE,QAAQ,MAAM,KAAG,IAEtD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,IAAI,KAAG,IAEzC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,MAAM,IAAI,KAAG,IAEvC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,IAAI,KAAG,MAE3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,MAAM,IAAI,KAAG,MAE/C,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,IAAI,EAAE,OAAO,IAAI,KAAG,OAEtD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,MAAM,MAAM,EAAE,MAAM,MAAM,KAAG,IAAI,EAgC3E,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,KAAG,MAM5C,CAAC"}

package/dist/typescript/src/utils/hsla-utils.d.ts

@@ -0,0 +1,5 @@
+export declare const hslaSetAlpha: (hsla: string, alpha: number) => string;
+export declare const hslaSetLightness: (hsla: string, lightness: number) => string;
+export declare const hslaGetLightness: (hsla: string) => number;
+export declare const hslaSetRelativeLightness: (hsla: string, delta: number) => string;
+//# sourceMappingURL=hsla-utils.d.ts.map

package/dist/typescript/src/utils/hsla-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hsla-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/hsla-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MAS1D,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,EAAE,WAAW,MAAM,KAAG,MAOlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,MAI/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MAMtE,CAAC"}

package/dist/typescript/src/utils/normalize-layout.d.ts

@@ -0,0 +1,8 @@
+import type { LayoutRectangle } from "react-native";
+export declare const normalizeLayout: (layout: LayoutRectangle) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+//# sourceMappingURL=normalize-layout.d.ts.map

package/dist/typescript/src/utils/normalize-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize-layout.d.ts","sourceRoot":"","sources":["../../../../src/utils/normalize-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,eAAO,MAAM,eAAe,GAAI,QAAQ,eAAe;;;;;CAUtD,CAAC"}

package/dist/typescript/src/utils/use-themed-styles.d.ts

@@ -0,0 +1,11 @@
+import type { Colors, FontFamily, FontSize, LetterSpacing, Radius } from "@/themes/types";
+interface CallbackProps {
+    colors: Colors;
+    radius: Radius;
+    fontFamily: FontFamily;
+    letterSpacing: LetterSpacing;
+    fontSize: FontSize;
+}
+export declare const useThemedStyles: <T>(callback: (props: CallbackProps) => T) => T;
+export {};
+//# sourceMappingURL=use-themed-styles.d.ts.map

package/dist/typescript/src/utils/use-themed-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-themed-styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/use-themed-styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE1F,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,EAAE,UAAU,CAAC,KAAK,EAAE,aAAa,KAAK,CAAC,KAAG,CAS1E,CAAC"}

package/package.json

@@ -1,53 +1,53 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "license": "MIT",
-  "main": "dist/index.mjs",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.mts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/KorSoftwareSolutions/ui"
+  },
+  "bugs": {
+    "url": "https://github.com/KorSoftwareSolutions/ui/issues"
+  },
+  "main": "dist/module/index.js",
+  "module": "dist/module/index.js",
+  "types": "dist/typescript/src/index.d.ts",
   "exports": {
     ".": {
-      "default": "./dist/index.mjs",
-      "types": "./dist/index.d.mts",
-      "dev-source": "./src/index.ts"
-    },
-    "./primitives": {
-      "default": "./dist/primitives/index.mjs",
-      "types": "./dist/primitives/index.d.mts",
-      "dev-source": "./src/primitives/index.ts"
+      "default": "./dist/module/index.js",
+      "dev-source": "./src/index.ts",
+      "types": "./dist/typescript/src/index.d.ts"
     },
     "./components": {
-      "default": "./dist/components/index.mjs",
-      "types": "./dist/components/index.d.mts",
-      "dev-source": "./src/components/index.ts"
+      "default": "./dist/module/components/index.js",
+      "dev-source": "./src/components/index.ts",
+      "types": "./dist/typescript/src/components/index.d.ts"
     },
     "./hooks": {
-      "default": "./dist/hooks/index.mjs",
-      "types": "./dist/hooks/index.d.mts",
-      "dev-source": "./src/hooks/index.ts"
+      "default": "./dist/module/hooks/index.js",
+      "dev-source": "./src/hooks/index.ts",
+      "types": "./dist/typescript/src/hooks/index.d.ts"
+    },
+    "./package.json": "./package.json",
+    "./primitives": {
+      "default": "./dist/module/primitives/index.js",
+      "dev-source": "./src/primitives/index.ts",
+      "types": "./dist/typescript/src/primitives/index.d.ts"
     }
   },
+  "devDependencies": {
+    "@types/react": "^19.2.3",
+    "@types/react-dom": "^19.2.3",
+    "babel-plugin-module-resolver": "^5.0.2",
+    "react-native-builder-bob": "^0.40.17"
+  },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*",
     "react-native": "*",
     "react-native-web": "*"
   },
-  "devDependencies": {
-    "@types/react": "^19.2.3",
-    "@types/react-dom": "^19.2.3",
-    "tsdown": "0.17.0-beta.4"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/KorSoftwareSolutions/ui"
-  },
-  "bugs": {
-    "url": "https://github.com/KorSoftwareSolutions/ui/issues"
-  },
   "scripts": {
-    "build": "tsdown",
-    "prepublish": "tsdown",
     "ts-check": "tsc --noEmit"
   }
 }

package/src/components/avatar/avatar.tsx

@@ -1,6 +1,6 @@
 import { AvatarPrimitive } from "@/primitives";
 import React, { useState } from "react";
-import { ImageSource } from "react-native";
+import type { ImageSource } from "react-native";
 import { AvatarVariants } from "./variants";
 
 export interface AvatarProps {

package/src/components/avatar/variants/default.tsx

@@ -1,4 +1,4 @@
-import { AvatarStyles } from "@/primitives";
+import type { AvatarStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export function useAvatarVariantDefault(): AvatarStyles {

package/src/components/badge/variants/default.tsx

@@ -1,4 +1,4 @@
-import { BadgeStyles } from "@/primitives";
+import type { BadgeStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export const useBadgeVariantDefault = (): BadgeStyles => {

package/src/components/badge/variants/secondary.tsx

@@ -1,4 +1,4 @@
-import { BadgeStyles } from "@/primitives";
+import { type BadgeStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export const useBadgeVariantSecondary = (): BadgeStyles => {

package/src/components/button/button.tsx

@@ -1,5 +1,5 @@
+import { ButtonPrimitive, type ButtonPrimitiveRootProps } from "@/primitives";
 import React from "react";
-import { ButtonPrimitive, ButtonPrimitiveRootProps } from "@/primitives";
 import { ButtonVariants } from "./variants";
 
 interface ButtonProps {

package/src/components/button/variants/default.tsx

@@ -1,4 +1,4 @@
-import { ButtonStyles } from "@/primitives";
+import { type ButtonStyles } from "@/primitives";
 import { hslaSetRelativeLightness } from "@/utils/hsla-utils";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 

package/src/components/button/variants/secondary.tsx

@@ -1,4 +1,4 @@
-import { ButtonStyles } from "@/primitives";
+import { type ButtonStyles } from "@/primitives";
 import { hslaSetRelativeLightness } from "@/utils/hsla-utils";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 

package/src/components/calendar/calendar.tsx

@@ -1,5 +1,5 @@
+import { CalendarPrimitive, type CalendarRootProps } from "@/primitives";
 import React from "react";
-import { CalendarPrimitive, CalendarRootProps } from "@/primitives";
 import { CalendarVariants } from "./variants";
 
 export interface CalendarProps {

package/src/components/calendar/variants/default.tsx

@@ -1,4 +1,4 @@
-import { CalendarStyles } from "@/primitives";
+import { type CalendarStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export const useCalendarVariantDefault = (): CalendarStyles => {

package/src/components/card/variants/default.tsx

@@ -1,4 +1,4 @@
-import { CardStyles } from "@/primitives";
+import { type CardStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export function useCardVariantDefault(): CardStyles {

package/src/components/dropdown-menu/dropdown-menu.tsx

@@ -1,7 +1,7 @@
 import { DropdownMenuPrimitive } from "@/primitives";
 import React from "react";
+import { type PressableProps } from "react-native";
 import { DropdownMenuVariants } from "./variants";
-import { PressableProps } from "react-native";
 
 type DropdownMenuOption =
   | {
@@ -39,6 +39,8 @@ export function DropdownMenu(props: DropdownMenuProps) {
                 );
               } else if (option.type === "divider") {
                 return <DropdownMenuPrimitive.Divider key={Math.random().toString()} />;
+              } else {
+                return null;
               }
             })}
           </DropdownMenuPrimitive.Content>

package/src/components/dropdown-menu/variants/default.tsx

@@ -1,4 +1,4 @@
-import { DropdownMenuStyles } from "@/primitives";
+import { type DropdownMenuStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export const useDropdownMenuVariantDefault = (): DropdownMenuStyles => {

package/src/components/empty/variants/default.tsx

@@ -1,4 +1,4 @@
-import { EmptyStyles } from "@/primitives";
+import { type EmptyStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export function useEmptyVariantDefault(): EmptyStyles {

package/src/components/field/variants/default.tsx

@@ -1,4 +1,4 @@
-import { FieldStyles } from "@/primitives";
+import { type FieldStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export const useFieldVariantDefault = (): FieldStyles => {

package/src/components/input/input.tsx

@@ -1,6 +1,6 @@
+import { InputPrimitive, type InputPrimitiveBaseProps } from "@/primitives";
 import React from "react";
 import { InputVariants } from "./variants";
-import { InputPrimitive, InputPrimitiveBaseProps } from "@/primitives";
 
 interface InputProps extends InputPrimitiveBaseProps {
   variant?: keyof typeof InputVariants;

package/src/components/input/numeric-input.tsx

@@ -1,7 +1,7 @@
+import { useNumericMask, type NumericMaskFormat } from "@/hooks/use-numeric-mask";
+import { type InputPrimitiveBaseProps } from "@/primitives";
 import React, { useEffect } from "react";
 import { Input } from "./input";
-import { InputPrimitiveBaseProps } from "@/primitives";
-import { useNumericMask, NumericMaskFormat } from "@/hooks/use-numeric-mask";
 
 export interface NumericInputProps extends Omit<InputPrimitiveBaseProps, "value" | "onChange" | "keyboardType"> {
   variant?: "default";

package/src/components/input/variants/default.tsx

@@ -1,4 +1,4 @@
-import { InputStyles } from "@/primitives";
+import { type InputStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export function useInputVariantDefault(): InputStyles {

package/src/components/link/link.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Text as RnText, TextProps as RnTextProps, Linking } from "react-native";
+import { Linking, Text as RnText, type TextProps as RnTextProps } from "react-native";
 import { LinkVariants } from "./variants";
 
 export interface LinkProps extends RnTextProps {

package/src/components/link/variants/default.tsx

@@ -1,5 +1,5 @@
 import { useThemedStyles } from "@/utils/use-themed-styles";
-import { TextStyle } from "react-native";
+import { type TextStyle } from "react-native";
 
 export function useLinkVariantDefault(): TextStyle {
   return useThemedStyles(

package/src/components/popover/popover.tsx

@@ -1,8 +1,8 @@
+import type { PopoverTriggerRef } from "@/primitives";
 import { PopoverPrimitive, usePopover } from "@/primitives";
 import React, { forwardRef } from "react";
+import { type PressableProps } from "react-native";
 import { PopoverVariants } from "./variants";
-import type { PopoverTriggerRef } from "@/primitives";
-import { PressableProps } from "react-native";
 
 interface PopoverChildrenProps {
   close: () => void;
@@ -38,9 +38,8 @@ const PopoverComponent = forwardRef<PopoverTriggerRef, PopoverProps>((props, ref
     <PopoverPrimitive.Root styles={styles}>
       <PopoverPrimitive.Trigger ref={ref}>{props.trigger}</PopoverPrimitive.Trigger>
       <PopoverPrimitive.Portal>
-        <PopoverPrimitive.Overlay closeOnPress={props.closeOnOverlayPress}>
-          <PopoverContentComponent>{props.children}</PopoverContentComponent>
-        </PopoverPrimitive.Overlay>
+        <PopoverPrimitive.Overlay closeOnPress={props.closeOnOverlayPress} />
+        <PopoverContentComponent>{props.children}</PopoverContentComponent>
       </PopoverPrimitive.Portal>
     </PopoverPrimitive.Root>
   );

package/src/components/popover/variants/default.tsx

@@ -1,4 +1,4 @@
-import { PopoverStyles } from "@/primitives/popover/types";
+import { type PopoverStyles } from "@/primitives/popover/types";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export const usePopoverVariantDefault = (): PopoverStyles => {
@@ -18,6 +18,7 @@ export const usePopoverVariantDefault = (): PopoverStyles => {
         shadowOpacity: 0.15,
         shadowRadius: 12,
         elevation: 8,
+        zIndex: 1000,
       },
     })
   );

package/src/components/popover/variants/unstyled.tsx

@@ -1,4 +1,4 @@
-import { PopoverStyles } from "@/primitives/popover/types";
+import { type PopoverStyles } from "@/primitives/popover/types";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export const usePopoverVariantUnstyled = (): PopoverStyles => {

package/src/components/select/select.tsx

@@ -1,5 +1,5 @@
+import { SelectPrimitive, type SelectRootBaseProps } from "@/primitives";
 import React from "react";
-import { SelectPrimitive, SelectRootBaseProps } from "@/primitives";
 import { SelectVariants } from "./variants";
 
 export interface SelectOption<T> {

package/src/components/select/variants/default.tsx

@@ -1,4 +1,4 @@
-import { SelectStyles } from "@/primitives";
+import { type SelectStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export function useSelectVariantDefault(): SelectStyles {

package/src/components/textarea/textarea.tsx

@@ -1,6 +1,6 @@
+import { TextareaPrimitive, type TextareaPrimitiveBaseProps } from "@/primitives";
 import React from "react";
 import { TextareaVariants } from "./variants";
-import { TextareaPrimitive, TextareaPrimitiveBaseProps } from "@/primitives";
 
 interface TextareaProps extends TextareaPrimitiveBaseProps {
   variant?: keyof typeof TextareaVariants;

package/src/components/textarea/variants/default.tsx

@@ -1,4 +1,4 @@
-import { TextareaStyles } from "@/primitives";
+import { type TextareaStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export function useTextareaVariantDefault(): TextareaStyles {

package/src/components/toast/variants/danger.tsx

@@ -1,4 +1,4 @@
-import { ToastStyles } from "@/primitives";
+import { type ToastStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export const useToastVariantDanger = (): ToastStyles => {

package/src/components/toast/variants/default.tsx

@@ -1,4 +1,4 @@
-import { ToastStyles } from "@/primitives";
+import { type ToastStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export const useToastVariantDefault = (): ToastStyles => {

package/src/components/toast/variants/success.tsx

@@ -1,4 +1,4 @@
-import { ToastStyles } from "@/primitives";
+import { type ToastStyles } from "@/primitives";
 import { useThemedStyles } from "@/utils/use-themed-styles";
 
 export const useToastVariantSuccess = (): ToastStyles => {

package/src/components/typography/typography.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Text as RnText, TextProps as RnTextProps } from "react-native";
+import { Text as RnText, type TextProps as RnTextProps } from "react-native";
 import { TypographyVariants } from "./variants";
 
 export interface TypographyProps extends RnTextProps {

package/src/components/typography/variants/body-lg.tsx

@@ -1,5 +1,5 @@
 import { useThemedStyles } from "@/utils/use-themed-styles";
-import { TextStyle } from "react-native";
+import { type TextStyle } from "react-native";
 
 export function useTextVariantBodyLg(): TextStyle {
   return useThemedStyles(

package/src/components/typography/variants/body-md.tsx

@@ -1,5 +1,5 @@
 import { useThemedStyles } from "@/utils/use-themed-styles";
-import { TextStyle } from "react-native";
+import { type TextStyle } from "react-native";
 
 export function useTextVariantBodyMd(): TextStyle {
   return useThemedStyles(

package/src/components/typography/variants/body-sm.tsx

@@ -1,5 +1,5 @@
 import { useThemedStyles } from "@/utils/use-themed-styles";
-import { TextStyle } from "react-native";
+import { type TextStyle } from "react-native";
 
 export function useTextVariantBodySm(): TextStyle {
   return useThemedStyles(