@korsolutions/ui 0.0.50 → 0.0.52

package/dist/typescript/src/components/toast/manager.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { ToastVariants } from "./variants";
+export declare const TOAST_PORTAL_NAME = "toast-portal";
+export interface ToastConfig {
+    id: string;
+    title: string;
+    description?: string;
+    variant?: keyof typeof ToastVariants;
+    duration?: number;
+}
+declare function addToast(config: ToastConfig): string;
+declare function removeToast(id: string): void;
+export declare const ToastAPI: {
+    show: typeof addToast;
+    dismiss: typeof removeToast;
+};
+export declare function ToastContainer(): React.JSX.Element | null;
+interface ToastProps {
+    title: string;
+    description?: string;
+    variant?: keyof typeof ToastVariants;
+}
+export declare function ToastComponent(props: ToastProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=manager.d.ts.map

package/dist/typescript/src/components/toast/manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/manager.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,eAAO,MAAM,iBAAiB,iBAAiB,CAAC;AAEhD,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA2BD,iBAAS,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAuB7C;AAED,iBAAS,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAGrC;AAED,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,wBAAgB,cAAc,6BAe7B;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,qBAO/C"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;CAC9C"}

package/dist/typescript/src/components/toast/variants/danger.d.ts

@@ -1,3 +1,3 @@
-import { type ToastStyles } from "../../../primitives";
+import { type ToastStyles } from "../types";
 export declare const useToastVariantDanger: () => ToastStyles;
 //# sourceMappingURL=danger.d.ts.map

package/dist/typescript/src/components/toast/variants/danger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"danger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/variants/danger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,eAAO,MAAM,qBAAqB,QAAO,WA2BxC,CAAC"}
+{"version":3,"file":"danger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/variants/danger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,qBAAqB,QAAO,WAmCxC,CAAC"}

package/dist/typescript/src/components/toast/variants/default.d.ts

@@ -1,3 +1,3 @@
-import { type ToastStyles } from "../../../primitives";
+import { type ToastStyles } from "../types";
 export declare const useToastVariantDefault: () => ToastStyles;
 //# sourceMappingURL=default.d.ts.map

package/dist/typescript/src/components/toast/variants/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,eAAO,MAAM,sBAAsB,QAAO,WA0BzC,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,sBAAsB,QAAO,WAkCzC,CAAC"}

package/dist/typescript/src/components/toast/variants/index.d.ts

@@ -1,6 +1,6 @@
 export declare const ToastVariants: {
-    default: () => import("../../../primitives").ToastStyles;
-    success: () => import("../../../primitives").ToastStyles;
-    danger: () => import("../../../primitives").ToastStyles;
+    default: () => import("../types").ToastStyles;
+    success: () => import("../types").ToastStyles;
+    danger: () => import("../types").ToastStyles;
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/components/toast/variants/success.d.ts

@@ -1,3 +1,3 @@
-import { type ToastStyles } from "../../../primitives";
+import { type ToastStyles } from "../types";
 export declare const useToastVariantSuccess: () => ToastStyles;
 //# sourceMappingURL=success.d.ts.map

package/dist/typescript/src/components/toast/variants/success.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"success.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/variants/success.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,eAAO,MAAM,sBAAsB,QAAO,WA2BzC,CAAC"}
+{"version":3,"file":"success.d.ts","sourceRoot":"","sources":["../../../../../../src/components/toast/variants/success.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,sBAAsB,QAAO,WAmCzC,CAAC"}

package/dist/typescript/src/components/typography/index.d.ts.map

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

package/dist/typescript/src/components/typography/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA8B,KAAK,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,OAAO,CAAC,EAAE,MAAM,OAAO,kBAAkB,CAAC;CAC3C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAMhD"}

package/dist/typescript/src/components/typography/variants/body-lg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body-lg.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/body-lg.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,oBAAoB,IAAI,SAAS,CAUhD"}

package/dist/typescript/src/components/typography/variants/body-md.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body-md.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/body-md.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,oBAAoB,IAAI,SAAS,CAUhD"}

package/dist/typescript/src/components/typography/variants/body-sm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body-sm.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/body-sm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,oBAAoB,IAAI,SAAS,CAUhD"}

package/dist/typescript/src/components/typography/variants/heading-lg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-lg.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/heading-lg.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,uBAAuB,IAAI,SAAS,CAWnD"}

package/dist/typescript/src/components/typography/variants/heading-md.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-md.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/heading-md.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,uBAAuB,IAAI,SAAS,CAWnD"}

package/dist/typescript/src/components/typography/variants/heading-sm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-sm.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/heading-sm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,uBAAuB,IAAI,SAAS,CAWnD"}

package/dist/typescript/src/components/typography/variants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAEvD,eAAO,MAAM,kBAAkB;;;;;;;CAO9B,CAAC"}

package/dist/typescript/src/hooks/use-first-effect.d.ts

@@ -0,0 +1,3 @@
+import { type DependencyList, type EffectCallback } from "react";
+export declare function useFirstEffect(effect: EffectCallback, deps: DependencyList): void;
+//# sourceMappingURL=use-first-effect.d.ts.map

package/dist/typescript/src/hooks/use-first-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-first-effect.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-first-effect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEpF,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,QAW1E"}

package/dist/typescript/src/hooks/use-relative-position.d.ts

@@ -1,27 +1,10 @@
-import { type DisplayMetrics, type LayoutRectangle } from "react-native";
-interface Insets {
-    top?: number;
-    bottom?: number;
-    left?: number;
-    right?: number;
-}
+import type { SafeAreaInsets } from "../safe-area";
+import { type DisplayMetrics, type LayoutRectangle, type ViewStyle } from "react-native";
 type UseRelativePositionArgs = Omit<GetContentStyleArgs, "triggerPosition" | "contentLayout" | "dimensions"> & {
     triggerPosition: LayoutPosition | null;
     contentLayout: LayoutRectangle | null;
 };
-export declare function useRelativePosition({ align, avoidCollisions, triggerPosition, contentLayout, alignOffset, insets, sideOffset, side, }: UseRelativePositionArgs): ({
-    readonly position: "absolute";
-} & {
-    top: number;
-} & {
-    left: number;
-    maxWidth: number;
-}) | {
-    readonly position: "absolute";
-    readonly opacity: 0;
-    readonly top: number;
-    readonly zIndex: -9999999;
-};
+export declare function useRelativePosition({ align, triggerPosition, contentLayout, alignOffset, insets, sideOffset, preferredSide, }: UseRelativePositionArgs): ViewStyle;
 export interface LayoutPosition {
     pageY: number;
     pageX: number;
@@ -30,13 +13,12 @@ export interface LayoutPosition {
 }
 interface GetPositionArgs {
     dimensions: DisplayMetrics;
-    avoidCollisions: boolean;
     triggerPosition: LayoutPosition;
     contentLayout: LayoutRectangle;
-    insets?: Insets;
+    insets?: SafeAreaInsets;
 }
 interface GetSidePositionArgs extends GetPositionArgs {
-    side: "top" | "bottom";
+    preferredSide: "top" | "bottom";
     sideOffset: number;
 }
 export declare const DEFAULT_LAYOUT: LayoutRectangle;

package/dist/typescript/src/hooks/use-relative-position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-relative-position.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-relative-position.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAE9F,UAAU,MAAM;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,EAAE,iBAAiB,GAAG,eAAe,GAAG,YAAY,CAAC,GAAG;IAC7G,eAAe,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,eAAe,EACf,eAAe,EACf,aAAa,EACb,WAAW,EACX,MAAM,EACN,UAAU,EACV,IAAI,GACL,EAAE,uBAAuB;;;;;;;;;;;;EAwBzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,cAAc,CAAC;IAChC,aAAa,EAAE,eAAe,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,mBAAoB,SAAQ,eAAe;IACnD,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,eAAqD,CAAC;AACnF,eAAO,MAAM,gBAAgB,EAAE,cAA4D,CAAC;AAyB5F,UAAU,oBAAqB,SAAQ,eAAe;IACpD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB;AAsDD,KAAK,mBAAmB,GAAG,eAAe,GAAG,mBAAmB,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"use-relative-position.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-relative-position.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAuB,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9G,KAAK,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,EAAE,iBAAiB,GAAG,eAAe,GAAG,YAAY,CAAC,GAAG;IAC7G,eAAe,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,eAAe,EACf,aAAa,EACb,WAAW,EACX,MAAM,EACN,UAAU,EACV,aAAa,GACd,EAAE,uBAAuB,GAAG,SAAS,CA0BrC;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,eAAe,EAAE,cAAc,CAAC;IAChC,aAAa,EAAE,eAAe,CAAC;IAC/B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,UAAU,mBAAoB,SAAQ,eAAe;IACnD,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,eAAqD,CAAC;AACnF,eAAO,MAAM,gBAAgB,EAAE,cAA4D,CAAC;AA8D5F,UAAU,oBAAqB,SAAQ,eAAe;IACpD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB;AAoDD,KAAK,mBAAmB,GAAG,eAAe,GAAG,mBAAmB,GAAG,oBAAoB,CAAC"}

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

@@ -1,20 +1,18 @@
 import { type SafeAreaInsets } from "./safe-area";
 import { type ThemeProviderProps } from "./themes";
-import { type PortalHostProps } from "./primitives/portal/portal.constants";
+import { type PortalHostProps } from "./components/portal/portal.constants";
 export interface ProviderProps {
     children: React.ReactNode;
     portalContainer?: PortalHostProps["container"];
     theme?: ThemeProviderProps["theme"];
     safeAreaInsets?: SafeAreaInsets;
 }
-export declare const UniversalUIProvider: ({ children, portalContainer, theme, safeAreaInsets }: ProviderProps) => import("react").JSX.Element;
+export declare const UIProvider: ({ children, portalContainer, theme, safeAreaInsets }: ProviderProps) => import("react").JSX.Element;
+export * from "./hooks/use-screen-size";
 export * from "./themes/adapters";
 export * from "./themes/default";
 export { useTheme } from "./themes/provider";
 export * from "./themes/types";
-export * from "./primitives/alert";
-export * from "./primitives/card";
-export * from "./primitives/list";
-export * from "./primitives/typography";
+export * from "./components";
 export * from "./safe-area";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAIlE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAE5E,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,mBAAmB,GAAI,sDAAsD,aAAa,gCAWtG,CAAC;AAEF,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAE/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AAExC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAGlE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAG5E,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,UAAU,GAAI,sDAAsD,aAAa,gCAW7F,CAAC;AAEF,cAAc,yBAAyB,CAAC;AAExC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC"}

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

@@ -1,5 +1,5 @@
 export type ColorScheme = "light" | "dark";
-type Color = `hsla(${number}, ${number}%, ${number}%, ${number})`;
+type Color = `hsl(${number}, ${number}%, ${number}%)`;
 export interface Colors {
     background: Color;
     foreground: Color;

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,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"}
+{"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"}

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

@@ -9,4 +9,5 @@ export type TextInputRef = HostInstance & {
     setSelection: (start: number, end?: number) => void;
 };
 export type TextChildren = string | number | boolean | null | undefined | string[];
+export type ElementChildren = React.ReactElement | React.ReactElement[];
 //# sourceMappingURL=element.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"element.types.d.ts","sourceRoot":"","sources":["../../../../src/types/element.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,OAAO,GAAG,YAAY,CAAC;AACnC,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACxC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,YAAY,CAAC;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,EAAE,CAAC"}
+{"version":3,"file":"element.types.d.ts","sourceRoot":"","sources":["../../../../src/types/element.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,OAAO,GAAG,YAAY,CAAC;AACnC,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACxC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,YAAY,CAAC;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,EAAE,CAAC;AACnF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -18,27 +18,13 @@
       "dev-source": "./src/index.ts",
       "types": "./dist/typescript/src/index.d.ts"
     },
-    "./components": {
-      "default": "./dist/module/components/index.js",
-      "dev-source": "./src/components/index.ts",
-      "types": "./dist/typescript/src/components/index.d.ts"
-    },
-    "./hooks": {
-      "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"
-    }
+    "./package.json": "./package.json"
   },
   "scripts": {
     "dev": "nodemon",
     "prepare": "./scripts/build.sh",
-    "ts-check": "tsc --noEmit"
+    "ts-check": "tsc --noEmit",
+    "lint": "tsc --noEmit"
   },
   "devDependencies": {
     "@react-navigation/native": "^7.1.28",

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

@@ -0,0 +1,19 @@
+import type { PropsWithRender } from "@/types/props.types";
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useAlert } from "../context";
+
+export interface AlertBodyProps {
+  children?: React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function AlertBody(props: PropsWithRender<AlertBodyProps>) {
+  const alert = useAlert();
+
+  const composedStyle = [alert.styles?.body, props.style];
+
+  const Component = props.render ?? View;
+  return <Component {...props} style={composedStyle} />;
+}

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

@@ -0,0 +1,20 @@
+import type { TextChildren } from "@/types/element.types";
+import type { PropsWithRender } from "@/types/props.types";
+import React from "react";
+import { type StyleProp, Text, type TextStyle } from "react-native";
+import { useAlert } from "../context";
+
+export interface AlertDescriptionProps {
+  children?: TextChildren;
+
+  style?: StyleProp<TextStyle>;
+}
+
+export function AlertDescription(props: PropsWithRender<AlertDescriptionProps>) {
+  const alert = useAlert();
+
+  const composedStyle = [alert.styles?.description, props.style];
+
+  const Component = props.render ?? Text;
+  return <Component {...props} style={composedStyle} />;
+}

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

@@ -0,0 +1,17 @@
+import type { PropsWithRequiredRender, SvgProps } from "@/types/props.types";
+import React from "react";
+import { useAlert } from "../context";
+
+export type AlertIconProps = SvgProps;
+
+export function AlertIcon({ render: Component, ...props }: PropsWithRequiredRender<AlertIconProps>) {
+  const alert = useAlert();
+
+  const composedProps = {
+    ...alert.styles?.icon,
+    ...props,
+    style: [alert.styles?.icon?.style, props.style],
+  };
+
+  return <Component absoluteStrokeWidth {...composedProps} />;
+}

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

@@ -0,0 +1,28 @@
+import type { PropsWithRender } from "@/types/props.types";
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { AlertContext } from "../context";
+import { AlertVariants } from "../variants";
+
+export interface AlertRootProps {
+  variant?: keyof typeof AlertVariants;
+  children?: React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function AlertRoot(props: PropsWithRender<AlertRootProps>) {
+  const variantStyles = AlertVariants[props.variant ?? "default"]();
+  const composedStyle: StyleProp<ViewStyle> = [variantStyles.root, props.style];
+
+  const Component = props.render ?? View;
+  return (
+    <AlertContext.Provider
+      value={{
+        styles: variantStyles,
+      }}
+    >
+      <Component {...props} style={composedStyle} />
+    </AlertContext.Provider>
+  );
+}

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

@@ -0,0 +1,20 @@
+import type { TextChildren } from "@/types/element.types";
+import type { PropsWithRender } from "@/types/props.types";
+import React from "react";
+import { type StyleProp, Text, type TextStyle } from "react-native";
+import { useAlert } from "../context";
+
+export interface AlertTitleProps {
+  children?: TextChildren;
+
+  style?: StyleProp<TextStyle>;
+}
+
+export function AlertTitle(props: PropsWithRender<AlertTitleProps>) {
+  const alert = useAlert();
+
+  const composedStyle = [alert.styles?.title, props.style];
+
+  const Component = props.render ?? Text;
+  return <Component {...props} style={composedStyle} />;
+}

package/src/components/alert/index.ts

@@ -0,0 +1,20 @@
+import { AlertBody } from "./components/alert-body";
+import { AlertDescription } from "./components/alert-description";
+import { AlertIcon } from "./components/alert-icon";
+import { AlertRoot } from "./components/alert-root";
+import { AlertTitle } from "./components/alert-title";
+
+export const Alert = {
+  Root: AlertRoot,
+  Icon: AlertIcon,
+  Body: AlertBody,
+  Title: AlertTitle,
+  Description: AlertDescription,
+};
+
+export type { AlertBodyProps } from "./components/alert-body";
+export type { AlertDescriptionProps } from "./components/alert-description";
+export type { AlertIconProps } from "./components/alert-icon";
+export type { AlertRootProps } from "./components/alert-root";
+export type { AlertTitleProps } from "./components/alert-title";
+export type { AlertStyles } from "./types";

package/src/components/alert/types.ts

@@ -0,0 +1,13 @@
+import type { AlertBodyProps } from "./components/alert-body";
+import type { AlertDescriptionProps } from "./components/alert-description";
+import type { AlertIconProps } from "./components/alert-icon";
+import type { AlertRootProps } from "./components/alert-root";
+import type { AlertTitleProps } from "./components/alert-title";
+
+export interface AlertStyles {
+  root?: AlertRootProps["style"];
+  icon?: AlertIconProps;
+  body?: AlertBodyProps["style"];
+  title?: AlertTitleProps["style"];
+  description?: AlertDescriptionProps["style"];
+}

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

@@ -0,0 +1,39 @@
+import { type AlertStyles } from "@/components";
+import { useThemedStyles } from "@/utils/use-themed-styles";
+
+export const useAlertVariantDefault = (): AlertStyles => {
+  return useThemedStyles(
+    ({ colors, radius, fontSize }): AlertStyles => ({
+      root: {
+        padding: 16,
+        backgroundColor: colors.background,
+        borderRadius: radius,
+        borderWidth: 1,
+        borderColor: colors.border,
+        flexDirection: "row",
+        gap: 12,
+      },
+      icon: {
+        color: colors.foreground,
+        size: 20,
+        style: {
+          marginTop: 2,
+        },
+      },
+      body: {
+        flex: 1,
+      },
+      title: {
+        fontSize: fontSize,
+        fontWeight: "600",
+        color: colors.foreground,
+        marginBottom: 4,
+      },
+      description: {
+        fontSize: fontSize * 0.875,
+        color: colors.mutedForeground,
+        lineHeight: 20,
+      },
+    }),
+  );
+};

package/src/components/alert/variants/destructive.tsx

@@ -0,0 +1,40 @@
+import { type AlertStyles } from "@/components";
+import { useThemedStyles } from "@/utils/use-themed-styles";
+
+export const useAlertVariantDestructive = (): AlertStyles => {
+  return useThemedStyles(
+    ({ colors, radius, fontSize }): AlertStyles => ({
+      root: {
+        padding: 16,
+        backgroundColor: colors.background,
+        borderRadius: radius,
+        borderWidth: 1,
+        borderColor: colors.danger,
+        flexDirection: "row",
+        gap: 12,
+      },
+      icon: {
+        color: colors.danger,
+        size: 20,
+        style: {
+          marginTop: 2,
+        },
+      },
+      body: {
+        flex: 1,
+      },
+      title: {
+        fontSize: fontSize,
+        fontWeight: "600",
+        color: colors.danger,
+        marginBottom: 4,
+      },
+      description: {
+        fontSize: fontSize * 0.875,
+        color: colors.danger,
+        lineHeight: 20,
+        opacity: 0.9,
+      },
+    }),
+  );
+};

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

@@ -1,14 +1,22 @@
-import { AlertDialogPrimitive } from "@/primitives";
 import React, { useEffect, useState } from "react";
-import { useAlertDialog } from "@/primitives/alert-dialog/context";
+import { AlertDialogAction } from "./components/alert-dialog-action";
+import { AlertDialogCancel } from "./components/alert-dialog-cancel";
+import { AlertDialogContent } from "./components/alert-dialog-content";
+import { AlertDialogDescription } from "./components/alert-dialog-description";
+import { AlertDialogFooter } from "./components/alert-dialog-footer";
+import { AlertDialogOverlay } from "./components/alert-dialog-overlay";
+import { AlertDialogPortal } from "./components/alert-dialog-portal";
+import { AlertDialogRoot } from "./components/alert-dialog-root";
+import { AlertDialogTitle } from "./components/alert-dialog-title";
+import { useAlertDialog } from "./context";
 import { AlertDialogVariants } from "./variants";
 
 interface AsyncAlertDialogProps {
+  variant?: keyof typeof AlertDialogVariants;
   title: string;
   description: string;
   actionLabel?: string;
   cancelLabel?: string;
-  variant?: keyof typeof AlertDialogVariants;
 }
 
 interface AsyncAlertDialogResult {
@@ -60,31 +68,26 @@ function AsyncAlertDialogContent({ instance }: { instance: AsyncAlertDialogInsta
   }, [setIsOpen]);
 
   return (
-    <AlertDialogPrimitive.Portal>
-      <AlertDialogPrimitive.Overlay onPress={handleCancel} />
-      <AlertDialogPrimitive.Content>
-        <AlertDialogPrimitive.Title>{title}</AlertDialogPrimitive.Title>
-        <AlertDialogPrimitive.Description>{description}</AlertDialogPrimitive.Description>
-        <AlertDialogPrimitive.Footer>
-          <AlertDialogPrimitive.Cancel onPress={handleCancel}>{cancelLabel}</AlertDialogPrimitive.Cancel>
-          <AlertDialogPrimitive.Action onPress={handleAction}>{actionLabel}</AlertDialogPrimitive.Action>
-        </AlertDialogPrimitive.Footer>
-      </AlertDialogPrimitive.Content>
-    </AlertDialogPrimitive.Portal>
+    <AlertDialogPortal>
+      <AlertDialogOverlay onPress={handleCancel} />
+      <AlertDialogContent>
+        <AlertDialogTitle>{title}</AlertDialogTitle>
+        <AlertDialogDescription>{description}</AlertDialogDescription>
+        <AlertDialogFooter>
+          <AlertDialogCancel onPress={handleCancel}>{cancelLabel}</AlertDialogCancel>
+          <AlertDialogAction onPress={handleAction}>{actionLabel}</AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialogPortal>
   );
 }
 
 // Component that renders a single dialog instance
 function AsyncAlertDialogInstance({ instance }: { instance: AsyncAlertDialogInstance }) {
-  const { variant = "default" } = instance.props;
-
-  const useVariantStyles = AlertDialogVariants[variant];
-  const variantStyles = useVariantStyles();
-
   return (
-    <AlertDialogPrimitive.Root styles={variantStyles}>
+    <AlertDialogRoot {...instance.props}>
       <AsyncAlertDialogContent instance={instance} />
-    </AlertDialogPrimitive.Root>
+    </AlertDialogRoot>
   );
 }
 

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

@@ -0,0 +1,27 @@
+import React from "react";
+import { Pressable, Text, type PressableProps, type StyleProp, type ViewStyle } from "react-native";
+import { useAlertDialog } from "../context";
+
+export interface AlertDialogActionProps extends PressableProps {
+  children: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function AlertDialogAction(props: AlertDialogActionProps) {
+  const { children, style, onPress, ...pressableProps } = props;
+  const { styles, setIsOpen } = useAlertDialog();
+
+  const handlePress: PressableProps["onPress"] = (event) => {
+    onPress?.(event);
+    setIsOpen(false);
+  };
+
+  const calculatedStyle = [styles?.action, style];
+  const textStyle = styles?.actionText;
+
+  return (
+    <Pressable {...pressableProps} style={calculatedStyle} onPress={handlePress}>
+      <Text style={textStyle}>{children}</Text>
+    </Pressable>
+  );
+}