@korsolutions/ui 0.0.46 → 0.0.48

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

@@ -0,0 +1,16 @@
+"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 AlertBody(props) {
+  const alert = useAlert();
+  const composedStyle = [alert.styles?.body, props.style];
+  const Component = props.render ?? View;
+  return /*#__PURE__*/_jsx(Component, {
+    ...props,
+    style: composedStyle
+  });
+}
+//# sourceMappingURL=alert-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useAlert","jsx","_jsx","AlertBody","props","alert","composedStyle","styles","body","style","Component","render"],"sourceRoot":"../../../../src","sources":["primitives/alert/alert-body.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,aAAa,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,IAAI,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEvD,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBAAOG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","useAlert","jsx","_jsx","AlertDescription","props","alert","composedStyle","styles","description","style","Component","render"],"sourceRoot":"../../../../src","sources":["primitives/alert/alert-description.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,QAAQ;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,gBAAgBA,CAACC,KAA6C,EAAE;EAC9E,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,MAAMM,aAAa,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,WAAW,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE9D,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","Text","useAlert","jsx","_jsx","AlertDescription","props","alert","composedStyle","styles","description","style","Component","render"],"sourceRoot":"../../../../src","sources":["primitives/alert/alert-description.tsx"],"mappings":";;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,QAAQ;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,gBAAgBA,CAACC,KAA6C,EAAE;EAC9E,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,MAAMM,aAAa,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,WAAW,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE9D,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBAAOG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}

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,aAAa,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,IAAI,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEvD,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/alert-root.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","AlertContext","AlertVariants","jsx","_jsx","AlertRoot","props","variantStyles","variant","composedStyle","root","style","Component","render","Provider","value","styles","children"],"sourceRoot":"../../../../src","sources":["primitives/alert/alert-root.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,YAAY;AACrB,SAASC,aAAa;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAS3C,OAAO,SAASC,SAASA,CAACC,KAAsC,EAAE;EAChE,MAAMC,aAAa,GAAGL,aAAa,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EACjE,MAAMC,aAAa,GAAG,CAACF,aAAa,CAACG,IAAI,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEvD,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,IAAI;EACtC,oBACEI,IAAA,CAACH,YAAY,CAACa,QAAQ;IACpBC,KAAK,EAAE;MACLC,MAAM,EAAET;IACV,CAAE;IAAAU,QAAA,eAEFb,IAAA,CAACQ,SAAS;MAAA,GAAKN,KAAK;MAAEK,KAAK,EAAEF;IAAc,CAAE;EAAC,CACzB,CAAC;AAE5B","ignoreList":[]}
+{"version":3,"names":["React","View","AlertContext","AlertVariants","jsx","_jsx","AlertRoot","props","variantStyles","variant","composedStyle","root","style","Component","render","Provider","value","styles","children"],"sourceRoot":"../../../../src","sources":["primitives/alert/alert-root.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,YAAY;AACrB,SAASC,aAAa;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAS3C,OAAO,SAASC,SAASA,CAACC,KAAsC,EAAE;EAChE,MAAMC,aAAa,GAAGL,aAAa,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EACjE,MAAMC,aAAmC,GAAG,CAACF,aAAa,CAACG,IAAI,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE7E,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,IAAI;EACtC,oBACEI,IAAA,CAACH,YAAY,CAACa,QAAQ;IACpBC,KAAK,EAAE;MACLC,MAAM,EAAET;IACV,CAAE;IAAAU,QAAA,eAEFb,IAAA,CAACQ,SAAS;MAAA,GAAKN,KAAK;MAAEK,KAAK,EAAEF;IAAc,CAAE;EAAC,CACzB,CAAC;AAE5B","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","useAlert","jsx","_jsx","AlertTitle","props","alert","composedStyle","styles","title","style","Component","render"],"sourceRoot":"../../../../src","sources":["primitives/alert/alert-title.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,QAAQ;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,UAAUA,CAACC,KAAuC,EAAE;EAClE,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,MAAMM,aAAa,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,KAAK,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAExD,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","Text","useAlert","jsx","_jsx","AlertTitle","props","alert","composedStyle","styles","title","style","Component","render"],"sourceRoot":"../../../../src","sources":["primitives/alert/alert-title.tsx"],"mappings":";;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,QAAQ;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,UAAUA,CAACC,KAAuC,EAAE;EAClE,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,MAAMM,aAAa,GAAG,CAACD,KAAK,CAACE,MAAM,EAAEC,KAAK,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAExD,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBAAOG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}

package/dist/module/primitives/alert/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+import { AlertBody } from "./alert-body.js";
 import { AlertDescription } from "./alert-description.js";
 import { AlertIcon } from "./alert-icon.js";
 import { AlertRoot } from "./alert-root.js";
@@ -7,6 +8,7 @@ import { AlertTitle } from "./alert-title.js";
 export const Alert = {
   Root: AlertRoot,
   Icon: AlertIcon,
+  Body: AlertBody,
   Title: AlertTitle,
   Description: AlertDescription
 };

package/dist/module/primitives/alert/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AlertDescription","AlertIcon","AlertRoot","AlertTitle","Alert","Root","Icon","Title","Description"],"sourceRoot":"../../../../src","sources":["primitives/alert/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB;AACzB,SAASC,SAAS;AAClB,SAASC,SAAS;AAClB,SAASC,UAAU;AAEnB,OAAO,MAAMC,KAAK,GAAG;EACnBC,IAAI,EAAEH,SAAS;EACfI,IAAI,EAAEL,SAAS;EACfM,KAAK,EAAEJ,UAAU;EACjBK,WAAW,EAAER;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["AlertBody","AlertDescription","AlertIcon","AlertRoot","AlertTitle","Alert","Root","Icon","Body","Title","Description"],"sourceRoot":"../../../../src","sources":["primitives/alert/index.ts"],"mappings":";;AAAA,SAASA,SAAS;AAClB,SAASC,gBAAgB;AACzB,SAASC,SAAS;AAClB,SAASC,SAAS;AAClB,SAASC,UAAU;AAEnB,OAAO,MAAMC,KAAK,GAAG;EACnBC,IAAI,EAAEH,SAAS;EACfI,IAAI,EAAEL,SAAS;EACfM,IAAI,EAAER,SAAS;EACfS,KAAK,EAAEL,UAAU;EACjBM,WAAW,EAAET;AACf,CAAC","ignoreList":[]}

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

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

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","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,KAAK,EAAE;MACLb,QAAQ,EAAEA,QAAQ;MAClBc,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAEjB,MAAM,CAACkB,UAAU;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXlB,QAAQ,EAAEA,QAAQ,GAAG,KAAK;MAC1Be,KAAK,EAAEjB,MAAM,CAACqB,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,14 @@ export const useAlertVariantDestructive = () => {
       gap: 12
     },
     icon: {
-      marginTop: 2
+      color: colors.danger,
+      size: 20,
+      style: {
+        marginTop: 2
+      }
+    },
+    body: {
+      flex: 1
     },
     title: {
       fontSize: fontSize,

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","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,KAAK,EAAE;MACLb,QAAQ,EAAEA,QAAQ;MAClBc,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAEjB,MAAM,CAACU,MAAM;MACpBQ,YAAY,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACXjB,QAAQ,EAAEA,QAAQ,GAAG,KAAK;MAC1Be,KAAK,EAAEjB,MAAM,CAACU,MAAM;MACpBU,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-body.d.ts

@@ -0,0 +1,9 @@
+import type { PropsWithRender } from "../../types/props.types";
+import React from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export interface AlertBodyProps {
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function AlertBody(props: PropsWithRender<AlertBodyProps>): React.JSX.Element;
+//# sourceMappingURL=alert-body.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-body.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert/alert-body.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"}

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

@@ -1,8 +1,9 @@
+import type { TextChildren } from "../../types/element.types";
 import type { PropsWithRender } from "../../types/props.types";
 import React from "react";
 import { type StyleProp, type TextStyle } from "react-native";
 export interface AlertDescriptionProps {
-    children?: string;
+    children?: TextChildren;
     style?: StyleProp<TextStyle>;
 }
 export declare function AlertDescription(props: PropsWithRender<AlertDescriptionProps>): React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"alert-description.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert/alert-description.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,qBAAqB;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,CAAC,qBAAqB,CAAC,qBAO7E"}
+{"version":3,"file":"alert-description.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert/alert-description.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,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,qBAAqB;IACpC,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,CAAC,qBAAqB,CAAC,qBAO7E"}

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/alert-title.d.ts

@@ -1,8 +1,9 @@
+import type { TextChildren } from "../../types/element.types";
 import type { PropsWithRender } from "../../types/props.types";
 import React from "react";
 import { type StyleProp, type TextStyle } from "react-native";
 export interface AlertTitleProps {
-    children?: string;
+    children?: TextChildren;
     style?: StyleProp<TextStyle>;
 }
 export declare function AlertTitle(props: PropsWithRender<AlertTitleProps>): React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"alert-title.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert/alert-title.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,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,qBAOjE"}
+{"version":3,"file":"alert-title.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert/alert-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,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,eAAe;IAC9B,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,qBAOjE"}

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

@@ -1,3 +1,4 @@
+import { AlertBody } from "./alert-body";
 import { AlertDescription } from "./alert-description";
 import { AlertIcon } from "./alert-icon";
 import { AlertRoot } from "./alert-root";
@@ -5,9 +6,11 @@ import { AlertTitle } from "./alert-title";
 export declare const Alert: {
     Root: typeof AlertRoot;
     Icon: typeof AlertIcon;
+    Body: typeof AlertBody;
     Title: typeof AlertTitle;
     Description: typeof AlertDescription;
 };
+export type { AlertBodyProps } from "./alert-body";
 export type { AlertDescriptionProps } from "./alert-description";
 export type { AlertIconProps } from "./alert-icon";
 export type { AlertRootProps } from "./alert-root";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,KAAK;;;;;CAKjB,CAAC;AAEF,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,KAAK;;;;;;CAMjB,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

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

@@ -1,10 +1,12 @@
+import type { AlertBodyProps } from "./alert-body";
 import type { AlertDescriptionProps } from "./alert-description";
 import type { AlertIconProps } from "./alert-icon";
 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,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,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,WA4BzC,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,WA6B7C,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/element.types.d.ts

@@ -8,4 +8,5 @@ export type TextInputRef = HostInstance & {
     getNativeRef: () => HostInstance;
     setSelection: (start: number, end?: number) => void;
 };
+export type TextChildren = string | number | boolean | null | undefined | string[];
 //# 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"}
+{"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"}

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.46",
+  "version": "0.0.48",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/primitives/alert/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/primitives/alert/alert-description.tsx

@@ -1,10 +1,11 @@
+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?: string;
+  children?: TextChildren;
 
   style?: StyleProp<TextStyle>;
 }

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 = [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/alert-root.tsx

@@ -13,7 +13,7 @@ export interface AlertRootProps {
 
 export function AlertRoot(props: PropsWithRender<AlertRootProps>) {
   const variantStyles = AlertVariants[props.variant ?? "default"]();
-  const composedStyle = [variantStyles.root, props.style];
+  const composedStyle: StyleProp<ViewStyle> = [variantStyles.root, props.style];
 
   const Component = props.render ?? View;
   return (

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

@@ -1,10 +1,11 @@
+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?: string;
+  children?: TextChildren;
 
   style?: StyleProp<TextStyle>;
 }

package/src/primitives/alert/index.ts

@@ -1,3 +1,4 @@
+import { AlertBody } from "./alert-body";
 import { AlertDescription } from "./alert-description";
 import { AlertIcon } from "./alert-icon";
 import { AlertRoot } from "./alert-root";
@@ -6,10 +7,12 @@ import { AlertTitle } from "./alert-title";
 export const Alert = {
   Root: AlertRoot,
   Icon: AlertIcon,
+  Body: AlertBody,
   Title: AlertTitle,
   Description: AlertDescription,
 };
 
+export type { AlertBodyProps } from "./alert-body";
 export type { AlertDescriptionProps } from "./alert-description";
 export type { AlertIconProps } from "./alert-icon";
 export type { AlertRootProps } from "./alert-root";

package/src/primitives/alert/types.ts

@@ -1,3 +1,4 @@
+import type { AlertBodyProps } from "./alert-body";
 import type { AlertDescriptionProps } from "./alert-description";
 import type { AlertIconProps } from "./alert-icon";
 import type { AlertRootProps } from "./alert-root";
@@ -5,7 +6,8 @@ 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,14 @@ export const useAlertVariantDefault = (): AlertStyles => {
         gap: 12,
       },
       icon: {
-        marginTop: 2,
+        color: colors.foreground,
+        size: 20,
+        style: {
+          marginTop: 2,
+        },
+      },
+      body: {
+        flex: 1,
       },
       title: {
         fontSize: fontSize,

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

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

package/src/types/element.types.ts

@@ -9,3 +9,5 @@ export type TextInputRef = HostInstance & {
   getNativeRef: () => HostInstance;
   setSelection: (start: number, end?: number) => void;
 };
+
+export type TextChildren = string | number | boolean | null | undefined | string[];

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>;
+};