@korsolutions/ui 0.0.84 → 0.0.85

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

@@ -31,5 +31,128 @@ export type StorageClient<T> = {
     set: (value: T) => void;
     get: () => T | null;
 };
+import type { AlertDialogStyles } from "../components/alert-dialog/types";
+import type { AlertStyles } from "../components/alert/types";
+import type { AvatarStyles } from "../components/avatar/types";
+import type { BadgeStyles } from "../components/badge/types";
+import type { ButtonStyles } from "../components/button/types";
+import type { CalendarStyles } from "../components/calendar/calendar/types";
+import type { TimelineStyles } from "../components/calendar/timeline/types";
+import type { WeekCalendarStyles } from "../components/calendar/week-calendar/types";
+import type { CardStyles } from "../components/card/types";
+import type { CheckboxStyles } from "../components/checkbox/types";
+import type { ComboboxStyles } from "../components/combobox/types";
+import type { EmptyStyles } from "../components/empty/types";
+import type { FieldStyles } from "../components/field/types";
+import type { IconButtonStyles } from "../components/icon-button/types";
+import type { InputStyles } from "../components/input/types";
+import type { MenuStyles } from "../components/menu/types";
+import type { PhoneInputStyles } from "../components/phone-input/types";
+import type { PopoverStyles } from "../components/popover/types";
+import type { ProgressStyles } from "../components/progress/types";
+import type { RadioGroupStyles } from "../components/radio-group/types";
+import type { SelectStyles } from "../components/select/types";
+import type { SeparatorStyles } from "../components/separator/types";
+import type { SpinnerStyles } from "../components/spinner/types";
+import type { TableStyles } from "../components/table/types";
+import type { TabsStyles } from "../components/tabs/types";
+import type { TextareaStyles } from "../components/textarea/types";
+import type { ToastStyles } from "../components/toast/types";
+import type { ToastVariants } from "../components/toast/variants";
+import type { PressableStyles } from "../components/touchable/types";
+import type { SvgProps } from "../types/props.types";
+export interface ComponentsConfig {
+    colorScheme?: {
+        storage?: StorageClient<ColorScheme>;
+    };
+    alert?: {
+        styles?: AlertStyles;
+    };
+    alertDialog?: {
+        styles?: AlertDialogStyles;
+    };
+    avatar?: {
+        styles?: AvatarStyles;
+    };
+    badge?: {
+        styles?: BadgeStyles;
+    };
+    button?: {
+        styles?: ButtonStyles;
+    };
+    calendar?: {
+        prevIcon?: React.ComponentType<SvgProps>;
+        nextIcon?: React.ComponentType<SvgProps>;
+        styles?: CalendarStyles;
+    };
+    card?: {
+        styles?: CardStyles;
+    };
+    checkbox?: {
+        styles?: CheckboxStyles;
+    };
+    combobox?: {
+        styles?: ComboboxStyles;
+    };
+    empty?: {
+        styles?: EmptyStyles;
+    };
+    field?: {
+        styles?: FieldStyles;
+    };
+    iconButton?: {
+        styles?: IconButtonStyles;
+    };
+    input?: {
+        styles?: InputStyles;
+    };
+    menu?: {
+        selectionIcon?: React.ComponentType<SvgProps>;
+        styles?: MenuStyles;
+    };
+    phoneInput?: {
+        styles?: PhoneInputStyles;
+    };
+    popover?: {
+        styles?: PopoverStyles;
+    };
+    progress?: {
+        styles?: ProgressStyles;
+    };
+    radioGroup?: {
+        styles?: RadioGroupStyles;
+    };
+    select?: {
+        styles?: SelectStyles;
+    };
+    separator?: {
+        styles?: SeparatorStyles;
+    };
+    spinner?: {
+        styles?: SpinnerStyles;
+    };
+    table?: {
+        styles?: TableStyles;
+    };
+    tabs?: {
+        styles?: TabsStyles;
+    };
+    textarea?: {
+        styles?: TextareaStyles;
+    };
+    timeline?: {
+        styles?: TimelineStyles;
+    };
+    toast?: {
+        icons?: Partial<Record<keyof typeof ToastVariants, React.ComponentType<SvgProps>>>;
+        styles?: ToastStyles;
+    };
+    touchable?: {
+        styles?: PressableStyles;
+    };
+    weekCalendar?: {
+        styles?: WeekCalendarStyles;
+    };
+}
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/themes/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,KAAK,KAAK,GAAG,OAAO,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI,CAAC;AAEtD,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;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/themes/types.ts"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,3 @@
 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[];
+export declare const mergeStyles: <TStyle extends Record<string, any>>(variantStyles: TStyle, globalStyles: TStyle | undefined) => TStyle;
 //# sourceMappingURL=calculate-styles.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"calculate-styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/calculate-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,GAClC,MAAM,EACN,KAAK,SAAS,MAAM,GAAG,SAAS,EAChC,SAAS,SAAS,MAAM,EAExB,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;AAmBF,eAAO,MAAM,WAAW,GAAI,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5D,eAAe,MAAM,EACrB,cAAc,MAAM,GAAG,SAAS,KAC/B,MAYF,CAAC"}

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

@@ -1 +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,MAkBvD,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,CAAC,IAAI,GAAG,IAAI,CAAC,EAoBpF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,KAAG,MAM5C,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,IAAI,KAAG,IAIxC,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,KAAG,IAItC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,IAAI,KAAG,IAAI,EAO7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,MAAM,IAAI,EAAE,OAAO,MAAM,KAAG,IAIpD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,MAAM,IAAI,EAAE,OAAO,MAAM,KAAG,IAEpD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,MAAM,IAAI,EAAE,MAAM,MAAM,KAAG,IAIlD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,MAAM,IAAI,EAAE,MAAM,MAAM,KAAG,IAElD,CAAC"}
+{"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,MA+BvD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,IAAI,EAAE,OAAO,IAAI,KAAG,OAMxD,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,GACnC,MAAM,IAAI,EACV,UAAU;IAAE,KAAK,EAAE,IAAI,CAAC;IAAC,GAAG,EAAE,IAAI,CAAA;CAAE,KACnC,OAGF,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,CAAC,IAAI,GAAG,IAAI,CAAC,EAoBpF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,KAAG,MAM5C,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,IAAI,KAAG,IAIxC,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,IAAI,KAAG,IAItC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,IAAI,KAAG,IAAI,EAO7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,MAAM,IAAI,EAAE,OAAO,MAAM,KAAG,IAIpD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,MAAM,IAAI,EAAE,OAAO,MAAM,KAAG,IAEpD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,MAAM,IAAI,EAAE,MAAM,MAAM,KAAG,IAIlD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,MAAM,IAAI,EAAE,MAAM,MAAM,KAAG,IAElD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"input-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/input-utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,gBAAgB,GAAG,YAAY,EACxC,KAAK,EAAE,MAAM,QAOd"}
+{"version":3,"file":"input-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/input-utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,GAAG,YAAY,EAAE,KAAK,EAAE,MAAM,QAMzF"}

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

@@ -1 +1 @@
-{"version":3,"file":"normalize-layout.d.ts","sourceRoot":"","sources":["../../../../src/utils/normalize-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,eAAe,GAAI,QAAQ,eAAe;;;;;CAUtD,CAAC;AAUF,eAAO,MAAM,qBAAqB,GAChC,KAAK,YAAY,GAAG,IAAI,EACxB,UAAU,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,SAoB3C,CAAC"}
+{"version":3,"file":"normalize-layout.d.ts","sourceRoot":"","sources":["../../../../src/utils/normalize-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,eAAe,GAAI,QAAQ,eAAe;;;;;CAUtD,CAAC;AAUF,eAAO,MAAM,qBAAqB,GAChC,KAAK,YAAY,GAAG,IAAI,EACxB,UAAU,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,SAsB3C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-themed-styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/use-themed-styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,MAAM,EACN,UAAU,EACV,QAAQ,EACR,aAAa,EACb,MAAM,EACP,MAAM,iBAAiB,CAAC;AAEzB,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,EAC/B,UAAU,CAAC,KAAK,EAAE,aAAa,KAAK,CAAC,KACpC,CASF,CAAC"}
+{"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,iBAAiB,CAAC;AAE3F,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,28 +1,29 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.84",
+  "version": "0.0.85",
+  "bugs": {
+    "url": "https://github.com/KorSoftwareSolutions/ui/issues"
+  },
   "license": "MIT",
   "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/module/index.js",
+      "types": "./dist/typescript/src/index.d.ts",
       "dev-source": "./src/index.ts",
-      "types": "./dist/typescript/src/index.d.ts"
+      "default": "./dist/module/index.js"
     },
     "./package.json": "./package.json"
   },
   "scripts": {
     "prepare": "bob build",
-    "lint": "tsc --noEmit"
+    "lint": "tsc --noEmit && oxlint .",
+    "fmt": "oxfmt"
   },
   "devDependencies": {
     "@react-navigation/native": "^7.1.28",

package/src/components/alert/components/alert-description.tsx

@@ -10,9 +10,7 @@ export interface AlertDescriptionProps {
   style?: StyleProp<TextStyle>;
 }
 
-export function AlertDescription(
-  props: PropsWithRender<AlertDescriptionProps>,
-) {
+export function AlertDescription(props: PropsWithRender<AlertDescriptionProps>) {
   const alert = useAlert();
 
   const composedStyle = [alert.styles?.description, props.style];

package/src/components/alert/components/alert-icon.tsx

@@ -4,7 +4,10 @@ import { useAlert } from "../context";
 
 export type AlertIconProps = SvgProps;
 
-export function AlertIcon({ render: Component, ...props }: PropsWithRequiredRender<AlertIconProps>) {
+export function AlertIcon({
+  render: Component,
+  ...props
+}: PropsWithRequiredRender<AlertIconProps>) {
   const alert = useAlert();
 
   const composedProps = {

package/src/components/alert/components/alert-root.tsx

@@ -1,6 +1,8 @@
-import type { PropsWithRender } from "../../../types/props.types";
 import React from "react";
-import { type StyleProp, View, type ViewStyle } from "react-native";
+import { type StyleProp, StyleSheet, View, type ViewStyle } from "react-native";
+import { useComponentConfig } from "../../../themes/provider";
+import type { PropsWithRender } from "../../../types/props.types";
+import { mergeStyles } from "../../../utils/calculate-styles";
 import { AlertContext } from "../context";
 import { AlertVariants } from "../variants";
 
@@ -13,13 +15,16 @@ export interface AlertRootProps {
 
 export function AlertRoot(props: PropsWithRender<AlertRootProps>) {
   const variantStyles = AlertVariants[props.variant ?? "default"]();
-  const composedStyle: StyleProp<ViewStyle> = [variantStyles.root, props.style];
+  const componentConfig = useComponentConfig("alert");
+
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
+  const composedStyle = StyleSheet.flatten([mergedStyles.root, props.style]);
 
   const Component = props.render ?? View;
   return (
     <AlertContext.Provider
       value={{
-        styles: variantStyles,
+        styles: mergedStyles,
       }}
     >
       <Component {...props} style={composedStyle} />

package/src/components/alert-dialog/async-alert-dialog.tsx

@@ -32,9 +32,7 @@ interface AsyncAlertDialogInstance {
 // Global state
 const dialogQueue: AsyncAlertDialogInstance[] = [];
 let currentDialog: AsyncAlertDialogInstance | null = null;
-let setCurrentDialogFn:
-  | ((dialog: AsyncAlertDialogInstance | null) => void)
-  | null = null;
+let setCurrentDialogFn: ((dialog: AsyncAlertDialogInstance | null) => void) | null = null;
 
 // Process next dialog in queue
 function processQueue() {
@@ -57,17 +55,8 @@ function closeDialog(confirmed: boolean) {
 }
 
 // Inner component that has access to the dialog context
-function AsyncAlertDialogContent({
-  instance,
-}: {
-  instance: AsyncAlertDialogInstance;
-}) {
-  const {
-    title,
-    description,
-    actionLabel = "Continue",
-    cancelLabel = "Cancel",
-  } = instance.props;
+function AsyncAlertDialogContent({ instance }: { instance: AsyncAlertDialogInstance }) {
+  const { title, description, actionLabel = "Continue", cancelLabel = "Cancel" } = instance.props;
   const { setIsOpen } = useAlertDialog();
 
   const handleAction = () => closeDialog(true);
@@ -85,12 +74,8 @@ function AsyncAlertDialogContent({
         <AlertDialogTitle>{title}</AlertDialogTitle>
         <AlertDialogDescription>{description}</AlertDialogDescription>
         <AlertDialogFooter>
-          <AlertDialogCancel onPress={handleCancel}>
-            {cancelLabel}
-          </AlertDialogCancel>
-          <AlertDialogAction onPress={handleAction}>
-            {actionLabel}
-          </AlertDialogAction>
+          <AlertDialogCancel onPress={handleCancel}>{cancelLabel}</AlertDialogCancel>
+          <AlertDialogAction onPress={handleAction}>{actionLabel}</AlertDialogAction>
         </AlertDialogFooter>
       </AlertDialogContent>
     </AlertDialogPortal>
@@ -98,11 +83,7 @@ function AsyncAlertDialogContent({
 }
 
 // Component that renders a single dialog instance
-function AsyncAlertDialogInstance({
-  instance,
-}: {
-  instance: AsyncAlertDialogInstance;
-}) {
+function AsyncAlertDialogInstance({ instance }: { instance: AsyncAlertDialogInstance }) {
   return (
     <AlertDialogRoot {...instance.props}>
       <AsyncAlertDialogContent instance={instance} />

package/src/components/alert-dialog/components/alert-dialog-root.tsx

@@ -1,4 +1,6 @@
 import React, { useMemo, useState } from "react";
+import { useComponentConfig } from "../../../themes/provider";
+import { mergeStyles } from "../../../utils/calculate-styles";
 import { AlertDialogContext, type AlertDialogContextValue } from "../context";
 import { AlertDialogVariants } from "../variants";
 
@@ -8,17 +10,20 @@ export interface AlertDialogRootProps {
 }
 
 export function AlertDialogRoot(props: AlertDialogRootProps) {
-  const variantStyles = AlertDialogVariants[props.variant || "default"]();
   const { children } = props;
+  const variantStyles = AlertDialogVariants[props.variant || "default"]();
+  const componentConfig = useComponentConfig("alertDialog");
   const [isOpen, setIsOpen] = useState(false);
 
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
+
   const contextValue: AlertDialogContextValue = useMemo(
     () => ({
       isOpen,
       setIsOpen,
-      styles: variantStyles,
+      styles: mergedStyles,
     }),
-    [isOpen, variantStyles],
+    [isOpen, mergedStyles],
   );
 
   return <AlertDialogContext.Provider value={contextValue}>{children}</AlertDialogContext.Provider>;

package/src/components/avatar/components/avatar-image.tsx

@@ -1,10 +1,5 @@
 import React from "react";
-import {
-  Image,
-  type ImageSource,
-  type ImageStyle,
-  type StyleProp,
-} from "react-native";
+import { Image, type ImageSource, type ImageStyle, type StyleProp } from "react-native";
 import { useAvatar } from "../context";
 
 export interface AvatarImageProps {

package/src/components/avatar/components/avatar-root.tsx

@@ -1,5 +1,7 @@
 import React, { useMemo, useState } from "react";
 import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useComponentConfig } from "../../../themes/provider";
+import { mergeStyles } from "../../../utils/calculate-styles";
 import { AvatarContext } from "../context";
 import { AvatarVariants } from "../variants";
 
@@ -12,17 +14,20 @@ export interface AvatarRootProps {
 
 export function AvatarRoot(props: AvatarRootProps) {
   const variantStyles = AvatarVariants[props.variant || "default"]();
-  const composedStyles = [variantStyles.root, props.style];
+  const componentConfig = useComponentConfig("avatar");
+
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
+  const composedStyles = [mergedStyles.root, props.style];
 
   const [imageLoaded, setImageLoaded] = useState(false);
 
   const contextValue: AvatarContext = useMemo(
     () => ({
-      styles: variantStyles,
+      styles: mergedStyles,
       imageLoaded,
       setImageLoaded,
     }),
-    [variantStyles, imageLoaded],
+    [mergedStyles, imageLoaded],
   );
 
   const Component = props.render ?? View;

package/src/components/badge/badge.tsx

@@ -1,6 +1,8 @@
 import React from "react";
 import { type StyleProp, StyleSheet, View, type ViewStyle } from "react-native";
 import { useOrganizedChildren } from "../../hooks/use-organized-children";
+import { useComponentConfig } from "../../themes/provider";
+import { mergeStyles } from "../../utils/calculate-styles";
 import { BadgeContext } from "./context";
 import { BadgeVariants } from "./variants";
 
@@ -16,26 +18,22 @@ export interface BadgeProps {
 
 export function Badge(props: BadgeProps) {
   const variantStyles = BadgeVariants[props.variant || "default"]();
+  const componentConfig = useComponentConfig("badge");
 
-  const customStyle = props.color
-    ? { backgroundColor: props.color }
-    : undefined;
+  const customStyle = props.color ? { backgroundColor: props.color } : undefined;
 
-  const composedStyle = StyleSheet.flatten([variantStyles.root, props.style]);
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
+  const composedStyle = StyleSheet.flatten([mergedStyles.root, props.style]);
 
-  const textStyle = variantStyles.text;
-  const iconStyle = variantStyles.icon;
-  const organizedChildren = useOrganizedChildren(
-    props.children,
-    textStyle,
-    iconStyle,
-  );
+  const textStyle = StyleSheet.flatten([mergedStyles.text, props.style]);
+  const iconStyle = { ...mergedStyles.icon, ...props.style };
+  const organizedChildren = useOrganizedChildren(props.children, textStyle, iconStyle);
 
   const Component = props.render ?? View;
   return (
     <BadgeContext.Provider
       value={{
-        styles: variantStyles,
+        styles: mergedStyles,
       }}
     >
       <Component {...props} style={[composedStyle, customStyle]}>

package/src/components/button/button.tsx

@@ -8,6 +8,8 @@ import {
   type ViewStyle,
 } from "react-native";
 import { useOrganizedChildren } from "../../hooks/use-organized-children";
+import { useComponentConfig } from "../../themes/provider";
+import { mergeStyles } from "../../utils/calculate-styles";
 import type { ButtonState } from "./types";
 import { ButtonVariants } from "./variants";
 
@@ -21,10 +23,7 @@ export interface ButtonProps extends Omit<PressableProps, "disabled"> {
   style?: StyleProp<ViewStyle>;
 }
 
-const calculateState = (
-  props: ButtonProps,
-  isHovered: boolean,
-): ButtonState => {
+const calculateState = (props: ButtonProps, isHovered: boolean): ButtonState => {
   if (props.isDisabled) return "disabled";
   if (props.isLoading) return "loading";
   if (isHovered) return "hovered";
@@ -33,24 +32,17 @@ const calculateState = (
 
 export function Button(props: ButtonProps) {
   const variantStyles = ButtonVariants[props.variant ?? "default"]();
+  const componentConfig = useComponentConfig("button");
   const [isHovered, setIsHovered] = useState(false);
 
   const state = calculateState(props, isHovered);
 
-  const textStyle = StyleSheet.flatten([
-    variantStyles.text?.default,
-    variantStyles.text?.[state],
-  ]);
-  const iconProps = StyleSheet.flatten([
-    variantStyles.icon?.default,
-    variantStyles.icon?.[state],
-  ]);
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
 
-  const organizedChildren = useOrganizedChildren(
-    props.children,
-    textStyle,
-    iconProps,
-  );
+  const textStyle = StyleSheet.flatten([mergedStyles.text?.default, mergedStyles.text?.[state]]);
+  const iconProps = StyleSheet.flatten([mergedStyles.icon?.default, mergedStyles.icon?.[state]]);
+
+  const organizedChildren = useOrganizedChildren(props.children, textStyle, iconProps);
 
   const handlePress: PressableProps["onPress"] = (event) => {
     if (props.isDisabled || props.isLoading) {
@@ -72,11 +64,7 @@ export function Button(props: ButtonProps) {
       onHoverIn={() => setIsHovered(true)}
       onHoverOut={() => setIsHovered(false)}
       disabled={props.isDisabled}
-      style={[
-        variantStyles.root?.default,
-        variantStyles.root?.[state],
-        props.style,
-      ]}
+      style={[variantStyles.root?.default, variantStyles.root?.[state], props.style]}
     >
       {organizedChildren}
       {props.isLoading && <ActivityIndicator {...spinnerProps} />}

package/src/components/button/types.ts

@@ -1,8 +1,4 @@
-import type {
-  ActivityIndicatorProps,
-  TextStyle,
-  ViewStyle,
-} from "react-native";
+import type { ActivityIndicatorProps, TextStyle, ViewStyle } from "react-native";
 import type { IconProps } from "../icon";
 
 export type ButtonState = "default" | "disabled" | "loading" | "hovered";

package/src/components/calendar/calendar/calendar-root.tsx

@@ -1,5 +1,7 @@
 import React, { useCallback, useMemo, useState } from "react";
 import { View, type StyleProp, type ViewStyle } from "react-native";
+import { useComponentConfig } from "../../../themes/provider";
+import { mergeStyles } from "../../../utils/calculate-styles";
 import { addMonths, subMonths } from "../../../utils/date-utils";
 import { CalendarContext } from "../shared/calendar-context";
 import { CalendarVariants } from "./variants";
@@ -28,6 +30,8 @@ export function CalendarRoot(props: CalendarRootProps) {
     style,
   } = props;
   const variantStyles = CalendarVariants[props.variant || "default"]();
+  const componentConfig = useComponentConfig("calendar");
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
 
   const [currentMonth, setCurrentMonth] = useState<Date>(defaultMonth);
 
@@ -49,7 +53,7 @@ export function CalendarRoot(props: CalendarRootProps) {
     return addMonths(currentMonth, 1) > maxDate;
   }, [currentMonth, maxDate]);
 
-  const containerStyle = [variantStyles.root, style];
+  const containerStyle = [mergedStyles.root, style];
 
   return (
     <CalendarContext.Provider
@@ -61,7 +65,7 @@ export function CalendarRoot(props: CalendarRootProps) {
         goToNext,
         isPrevDisabled,
         isNextDisabled,
-        styles: variantStyles,
+        styles: mergedStyles,
         minDate,
         maxDate,
         markedDates,

package/src/components/calendar/calendar/calendar-weeks.tsx

@@ -1,10 +1,5 @@
 import React from "react";
-import {
-  View,
-  type StyleProp,
-  type ViewProps,
-  type ViewStyle,
-} from "react-native";
+import { StyleSheet, View, type StyleProp, type ViewProps, type ViewStyle } from "react-native";
 import { getWeekDays, getWeeksInMonth } from "../../../utils/date-utils";
 import { useCalendarContext } from "../shared/calendar-context";
 import { CalendarDay } from "../shared/calendar-day";
@@ -17,21 +12,20 @@ export interface CalendarWeekProps extends ViewProps {
 
 function CalendarWeek(props: CalendarWeekProps) {
   const { style, ...viewProps } = props;
-  const { currentMonth, styles } = useCalendarContext();
-  const calStyles = styles as CalendarStyles;
-
+  const calendar = useCalendarContext();
+  const calendarStyles = calendar.styles as CalendarStyles;
   const days = getWeekDays(
-    currentMonth.getMonth(),
-    currentMonth.getFullYear(),
+    calendar.currentMonth.getMonth(),
+    calendar.currentMonth.getFullYear(),
     props.index,
   );
 
-  const composedStyle = [calStyles?.week, style];
+  const composedStyle = StyleSheet.flatten([calendarStyles?.week, style]);
   return (
     <View {...viewProps} style={composedStyle}>
       {days.map((day, index) => {
         if (!day) {
-          return <View key={index} style={styles?.dayButton?.default} />;
+          return <View key={index} style={calendarStyles?.dayButton?.default} />;
         }
         return <CalendarDay key={index} date={day} />;
       })}

package/src/components/calendar/index.ts

@@ -14,10 +14,6 @@ export { WeekCalendar } from "./week-calendar";
 export type { WeekCalendarProps, WeekCalendarStyles } from "./week-calendar";
 
 export { CalendarTimeline } from "./timeline";
-export type {
-  CalendarTimelineProps,
-  TimelineEventLayout,
-  TimelineStyles,
-} from "./timeline";
+export type { CalendarTimelineProps, TimelineEventLayout, TimelineStyles } from "./timeline";
 
 export type { CalendarDayState } from "./shared/types";

package/src/components/calendar/shared/calendar-context.ts

@@ -20,16 +20,12 @@ export interface CalendarContextValue {
   styles?: BaseCalendarStyles;
 }
 
-export const CalendarContext = React.createContext<
-  CalendarContextValue | undefined
->(undefined);
+export const CalendarContext = React.createContext<CalendarContextValue | undefined>(undefined);
 
 export const useCalendarContext = () => {
   const context = React.useContext(CalendarContext);
   if (!context) {
-    throw new Error(
-      "Calendar components must be used within a Calendar or WeekCalendar Root",
-    );
+    throw new Error("Calendar components must be used within a Calendar or WeekCalendar Root");
   }
   return context;
 };