@korsolutions/ui 0.0.47 → 0.0.48

package/dist/module/primitives/alert/alert-icon.js

@@ -1,16 +1,21 @@
 "use strict";
 
 import React from "react";
-import { View } from "react-native";
 import { useAlert } from "./context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export function AlertIcon(props) {
+export function AlertIcon({
+  render: Component,
+  ...props
+}) {
   const alert = useAlert();
-  const composedStyle = [alert.styles?.icon, props.style];
-  const Component = props.render ?? View;
-  return /*#__PURE__*/_jsx(Component, {
+  const composedProps = {
+    ...alert.styles?.icon,
     ...props,
-    style: composedStyle
+    style: [alert.styles?.icon?.style, props.style]
+  };
+  return /*#__PURE__*/_jsx(Component, {
+    absoluteStrokeWidth: true,
+    ...composedProps
   });
 }
 //# sourceMappingURL=alert-icon.js.map

package/dist/module/primitives/alert/alert-icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","useAlert","jsx","_jsx","AlertIcon","props","alert","composedStyle","styles","icon","style","Component","render"],"sourceRoot":"../../../../src","sources":["primitives/alert/alert-icon.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,QAAQ;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,SAASA,CAACC,KAAsC,EAAE;EAChE,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,MAAMM,aAAmC,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,IAAI,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE7E,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBAAOG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}
+{"version":3,"names":["React","useAlert","jsx","_jsx","AlertIcon","render","Component","props","alert","composedProps","styles","icon","style","absoluteStrokeWidth"],"sourceRoot":"../../../../src","sources":["primitives/alert/alert-icon.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAIrC,OAAO,SAASC,SAASA,CAAC;EAAEC,MAAM,EAAEC,SAAS;EAAE,GAAGC;AAA+C,CAAC,EAAE;EAClG,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EAExB,MAAMQ,aAAa,GAAG;IACpB,GAAGD,KAAK,CAACE,MAAM,EAAEC,IAAI;IACrB,GAAGJ,KAAK;IACRK,KAAK,EAAE,CAACJ,KAAK,CAACE,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEL,KAAK,CAACK,KAAK;EAChD,CAAC;EAED,oBAAOT,IAAA,CAACG,SAAS;IAACO,mBAAmB;IAAA,GAAKJ;EAAa,CAAG,CAAC;AAC7D","ignoreList":[]}

package/dist/module/primitives/alert/variants/default.js

@@ -17,7 +17,11 @@ export const useAlertVariantDefault = () => {
       gap: 12
     },
     icon: {
-      marginTop: 2
+      color: colors.foreground,
+      size: 20,
+      style: {
+        marginTop: 2
+      }
     },
     body: {
       flex: 1

package/dist/module/primitives/alert/variants/default.js.map

@@ -1 +1 @@
-{"version":3,"names":["useThemedStyles","useAlertVariantDefault","colors","radius","fontSize","root","padding","backgroundColor","background","borderRadius","borderWidth","borderColor","border","flexDirection","gap","icon","marginTop","body","flex","title","fontWeight","color","foreground","marginBottom","description","mutedForeground","lineHeight"],"sourceRoot":"../../../../../src","sources":["primitives/alert/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAmB;EACvD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,MAAmB;IAC9CC,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,eAAe,EAAEL,MAAM,CAACM,UAAU;MAClCC,YAAY,EAAEN,MAAM;MACpBO,WAAW,EAAE,CAAC;MACdC,WAAW,EAAET,MAAM,CAACU,MAAM;MAC1BC,aAAa,EAAE,KAAK;MACpBC,GAAG,EAAE;IACP,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE;IACR,CAAC;IACDC,KAAK,EAAE;MACLf,QAAQ,EAAEA,QAAQ;MAClBgB,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAEnB,MAAM,CAACoB,UAAU;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXpB,QAAQ,EAAEA,QAAQ,GAAG,KAAK;MAC1BiB,KAAK,EAAEnB,MAAM,CAACuB,eAAe;MAC7BC,UAAU,EAAE;IACd;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useThemedStyles","useAlertVariantDefault","colors","radius","fontSize","root","padding","backgroundColor","background","borderRadius","borderWidth","borderColor","border","flexDirection","gap","icon","color","foreground","size","style","marginTop","body","flex","title","fontWeight","marginBottom","description","mutedForeground","lineHeight"],"sourceRoot":"../../../../../src","sources":["primitives/alert/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAmB;EACvD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,MAAmB;IAC9CC,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,eAAe,EAAEL,MAAM,CAACM,UAAU;MAClCC,YAAY,EAAEN,MAAM;MACpBO,WAAW,EAAE,CAAC;MACdC,WAAW,EAAET,MAAM,CAACU,MAAM;MAC1BC,aAAa,EAAE,KAAK;MACpBC,GAAG,EAAE;IACP,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEd,MAAM,CAACe,UAAU;MACxBC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;QACLC,SAAS,EAAE;MACb;IACF,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE;IACR,CAAC;IACDC,KAAK,EAAE;MACLnB,QAAQ,EAAEA,QAAQ;MAClBoB,UAAU,EAAE,KAAK;MACjBR,KAAK,EAAEd,MAAM,CAACe,UAAU;MACxBQ,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXtB,QAAQ,EAAEA,QAAQ,GAAG,KAAK;MAC1BY,KAAK,EAAEd,MAAM,CAACyB,eAAe;MAC7BC,UAAU,EAAE;IACd;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/primitives/alert/variants/destructive.js

@@ -17,7 +17,11 @@ export const useAlertVariantDestructive = () => {
       gap: 12
     },
     icon: {
-      marginTop: 2
+      color: colors.danger,
+      size: 20,
+      style: {
+        marginTop: 2
+      }
     },
     body: {
       flex: 1

package/dist/module/primitives/alert/variants/destructive.js.map

@@ -1 +1 @@
-{"version":3,"names":["useThemedStyles","useAlertVariantDestructive","colors","radius","fontSize","root","padding","backgroundColor","background","borderRadius","borderWidth","borderColor","danger","flexDirection","gap","icon","marginTop","body","flex","title","fontWeight","color","marginBottom","description","lineHeight","opacity"],"sourceRoot":"../../../../../src","sources":["primitives/alert/variants/destructive.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAmB;EAC3D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,MAAmB;IAC9CC,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,eAAe,EAAEL,MAAM,CAACM,UAAU;MAClCC,YAAY,EAAEN,MAAM;MACpBO,WAAW,EAAE,CAAC;MACdC,WAAW,EAAET,MAAM,CAACU,MAAM;MAC1BC,aAAa,EAAE,KAAK;MACpBC,GAAG,EAAE;IACP,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE;IACR,CAAC;IACDC,KAAK,EAAE;MACLf,QAAQ,EAAEA,QAAQ;MAClBgB,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAEnB,MAAM,CAACU,MAAM;MACpBU,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXnB,QAAQ,EAAEA,QAAQ,GAAG,KAAK;MAC1BiB,KAAK,EAAEnB,MAAM,CAACU,MAAM;MACpBY,UAAU,EAAE,EAAE;MACdC,OAAO,EAAE;IACX;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useThemedStyles","useAlertVariantDestructive","colors","radius","fontSize","root","padding","backgroundColor","background","borderRadius","borderWidth","borderColor","danger","flexDirection","gap","icon","color","size","style","marginTop","body","flex","title","fontWeight","marginBottom","description","lineHeight","opacity"],"sourceRoot":"../../../../../src","sources":["primitives/alert/variants/destructive.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAmB;EAC3D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,MAAmB;IAC9CC,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,eAAe,EAAEL,MAAM,CAACM,UAAU;MAClCC,YAAY,EAAEN,MAAM;MACpBO,WAAW,EAAE,CAAC;MACdC,WAAW,EAAET,MAAM,CAACU,MAAM;MAC1BC,aAAa,EAAE,KAAK;MACpBC,GAAG,EAAE;IACP,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEd,MAAM,CAACU,MAAM;MACpBK,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;QACLC,SAAS,EAAE;MACb;IACF,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE;IACR,CAAC;IACDC,KAAK,EAAE;MACLlB,QAAQ,EAAEA,QAAQ;MAClBmB,UAAU,EAAE,KAAK;MACjBP,KAAK,EAAEd,MAAM,CAACU,MAAM;MACpBY,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXrB,QAAQ,EAAEA,QAAQ,GAAG,KAAK;MAC1BY,KAAK,EAAEd,MAAM,CAACU,MAAM;MACpBc,UAAU,EAAE,EAAE;MACdC,OAAO,EAAE;IACX;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/types/props.types.js

@@ -1,2 +1,4 @@
 "use strict";
+
+export {};
 //# sourceMappingURL=props.types.js.map

package/dist/typescript/src/primitives/alert/alert-icon.d.ts

@@ -1,9 +1,5 @@
-import type { PropsWithRender } from "../../types/props.types";
+import type { PropsWithRequiredRender, SvgProps } from "../../types/props.types";
 import React from "react";
-import { type StyleProp, type ViewStyle } from "react-native";
-export interface AlertIconProps {
-    children?: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-export declare function AlertIcon(props: PropsWithRender<AlertIconProps>): React.JSX.Element;
+export type AlertIconProps = SvgProps;
+export declare function AlertIcon({ render: Component, ...props }: PropsWithRequiredRender<AlertIconProps>): React.JSX.Element;
 //# sourceMappingURL=alert-icon.d.ts.map

package/dist/typescript/src/primitives/alert/alert-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-icon.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert/alert-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,qBAO/D"}
+{"version":3,"file":"alert-icon.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert/alert-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;AAEtC,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,CAAC,cAAc,CAAC,qBAUjG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,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,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC/B,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,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,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,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/primitives/alert/variants/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/alert/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,eAAO,MAAM,sBAAsB,QAAO,WA+BzC,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/alert/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,eAAO,MAAM,sBAAsB,QAAO,WAmCzC,CAAC"}

package/dist/typescript/src/primitives/alert/variants/destructive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"destructive.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/alert/variants/destructive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,eAAO,MAAM,0BAA0B,QAAO,WAgC7C,CAAC"}
+{"version":3,"file":"destructive.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/alert/variants/destructive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,eAAO,MAAM,0BAA0B,QAAO,WAoC7C,CAAC"}

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

@@ -1,4 +1,15 @@
+import type { ColorValue, StyleProp, TextStyle, ViewStyle } from "react-native";
 export type PropsWithRender<P> = P & {
     render?: (props: P) => React.ReactNode;
 };
+export type PropsWithRequiredRender<P> = P & {
+    render: (props: P) => React.ReactNode;
+};
+export type SvgProps = {
+    size?: number;
+    color?: ColorValue;
+    strokeWidth?: number;
+    absoluteStrokeWidth?: boolean;
+    style?: StyleProp<ViewStyle & TextStyle>;
+};
 //# sourceMappingURL=props.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"props.types.d.ts","sourceRoot":"","sources":["../../../../src/types/props.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACxC,CAAC"}
+{"version":3,"file":"props.types.d.ts","sourceRoot":"","sources":["../../../../src/types/props.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,CAAC,GAAG;IAC3C,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;CAC1C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "license": "MIT",
   "repository": {
     "type": "git",

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

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

package/src/primitives/alert/types.ts

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

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

@@ -14,7 +14,11 @@ export const useAlertVariantDefault = (): AlertStyles => {
         gap: 12,
       },
       icon: {
-        marginTop: 2,
+        color: colors.foreground,
+        size: 20,
+        style: {
+          marginTop: 2,
+        },
       },
       body: {
         flex: 1,

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

@@ -14,7 +14,11 @@ export const useAlertVariantDestructive = (): AlertStyles => {
         gap: 12,
       },
       icon: {
-        marginTop: 2,
+        color: colors.danger,
+        size: 20,
+        style: {
+          marginTop: 2,
+        },
       },
       body: {
         flex: 1,

package/src/types/props.types.ts

@@ -1,3 +1,17 @@
+import type { ColorValue, StyleProp, TextStyle, ViewStyle } from "react-native";
+
 export type PropsWithRender<P> = P & {
   render?: (props: P) => React.ReactNode;
 };
+
+export type PropsWithRequiredRender<P> = P & {
+  render: (props: P) => React.ReactNode;
+};
+
+export type SvgProps = {
+  size?: number;
+  color?: ColorValue;
+  strokeWidth?: number;
+  absoluteStrokeWidth?: boolean;
+  style?: StyleProp<ViewStyle & TextStyle>;
+};