@korsolutions/ui 0.0.45 → 0.0.47

package/dist/module/components/index.js

@@ -1,23 +1,23 @@
 "use strict";
 
-export * from "./button/button.js";
-export * from "./card/card.js";
-export * from "./input/index.js";
-export * from "./field/field.js";
-export * from "./select/select.js";
+export * from "./alert-dialog/index.js";
 export * from "./autocomplete/autocomplete.js";
-export * from "./typography/typography.js";
-export * from "./link/link.js";
-export * from "./empty/empty.js";
 export * from "./avatar/avatar.js";
-export * from "./toast/index.js";
 export * from "./badge/badge.js";
-export * from "./textarea/textarea.js";
-export * from "./dropdown-menu/dropdown-menu.js";
-export * from "./popover/popover.js";
+export * from "./button/button.js";
 export * from "./calendar/calendar.js";
-export * from "./tabs/index.js";
+export * from "./card/card.js";
 export * from "./checkbox/index.js";
-export * from "./alert-dialog/index.js";
+export * from "./dropdown-menu/dropdown-menu.js";
+export * from "./empty/empty.js";
+export * from "./field/field.js";
+export * from "./input/index.js";
+export * from "./link/link.js";
+export * from "./popover/popover.js";
 export * from "./progress/index.js";
+export * from "./select/select.js";
+export * from "./tabs/index.js";
+export * from "./textarea/textarea.js";
+export * from "./toast/index.js";
+export * from "./typography/typography.js";
 //# sourceMappingURL=index.js.map

package/dist/module/index.js

@@ -26,5 +26,6 @@ export * from "./themes/adapters/index.js";
 export * from "./themes/default/index.js";
 export { useTheme } from "./themes/provider.js";
 export * from "./themes/types.js";
+export * from "./primitives/alert/index.js";
 export * from "./safe-area/index.js";
 //# sourceMappingURL=index.js.map

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["SafeAreaProvider","ThemeProvider","AsyncAlertDialogManager","ToastContainer","PortalHost","jsx","_jsx","jsxs","_jsxs","UniversalUIProvider","children","portalContainer","theme","safeAreaInsets","insets","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,gBAAgB;AACzB,SAASC,aAAa;AACtB,SAASC,uBAAuB;AAChC,SAASC,cAAc;AACvB,SAASC,UAAU;AAA8B,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUjD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,eAAe;EAAEC,KAAK;EAAEC;AAA8B,CAAC,KAAK;EAC1G,oBACEP,IAAA,CAACN,gBAAgB;IAACc,MAAM,EAAED,cAAe;IAAAH,QAAA,eACvCF,KAAA,CAACP,aAAa;MAACW,KAAK,EAAEA,KAAM;MAAAF,QAAA,gBAC1BJ,IAAA,CAACH,cAAc,IAAE,CAAC,EACjBO,QAAQ,eACTJ,IAAA,CAACF,UAAU;QAACW,SAAS,EAAEJ;MAAgB,CAAE,CAAC,eAC1CL,IAAA,CAACJ,uBAAuB,IAAE,CAAC;IAAA,CACd;EAAC,CACA,CAAC;AAEvB,CAAC;AAED;AACA;AACA,SAASc,QAAQ;AACjB;AAEA","ignoreList":[]}
+{"version":3,"names":["SafeAreaProvider","ThemeProvider","AsyncAlertDialogManager","ToastContainer","PortalHost","jsx","_jsx","jsxs","_jsxs","UniversalUIProvider","children","portalContainer","theme","safeAreaInsets","insets","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,gBAAgB;AACzB,SAASC,aAAa;AACtB,SAASC,uBAAuB;AAChC,SAASC,cAAc;AACvB,SAASC,UAAU;AAA8B,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUjD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,eAAe;EAAEC,KAAK;EAAEC;AAA8B,CAAC,KAAK;EAC1G,oBACEP,IAAA,CAACN,gBAAgB;IAACc,MAAM,EAAED,cAAe;IAAAH,QAAA,eACvCF,KAAA,CAACP,aAAa;MAACW,KAAK,EAAEA,KAAM;MAAAF,QAAA,gBAC1BJ,IAAA,CAACH,cAAc,IAAE,CAAC,EACjBO,QAAQ,eACTJ,IAAA,CAACF,UAAU;QAACW,SAAS,EAAEJ;MAAgB,CAAE,CAAC,eAC1CL,IAAA,CAACJ,uBAAuB,IAAE,CAAC;IAAA,CACd;EAAC,CACA,CAAC;AAEvB,CAAC;AAED;AACA;AACA,SAASc,QAAQ;AACjB;AAEA;AACA","ignoreList":[]}

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

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

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

@@ -0,0 +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":";;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

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

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import { AlertContext } from "./context.js";
+import { AlertVariants } from "./variants/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function AlertRoot(props) {
+  const variantStyles = AlertVariants[props.variant ?? "default"]();
+  const composedStyle = [variantStyles.root, props.style];
+  const Component = props.render ?? View;
+  return /*#__PURE__*/_jsx(AlertContext.Provider, {
+    value: {
+      styles: variantStyles
+    },
+    children: /*#__PURE__*/_jsx(Component, {
+      ...props,
+      style: composedStyle
+    })
+  });
+}
+//# sourceMappingURL=alert-root.js.map

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

@@ -0,0 +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,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

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

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

@@ -0,0 +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":";;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/context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { createContext, useContext } from "react";
+export const AlertContext = /*#__PURE__*/createContext(undefined);
+export const useAlert = () => {
+  const context = useContext(AlertContext);
+  if (!context) {
+    throw new Error("useAlert must be used within an AlertRoot");
+  }
+  return context;
+};
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","AlertContext","undefined","useAlert","context","Error"],"sourceRoot":"../../../../src","sources":["primitives/alert/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAOjD,OAAO,MAAMC,YAAY,gBAAGF,aAAa,CAA2BG,SAAS,CAAC;AAE9E,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGJ,UAAU,CAACC,YAAY,CAAC;EACxC,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,2CAA2C,CAAC;EAC9D;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+"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";
+import { AlertTitle } from "./alert-title.js";
+export const Alert = {
+  Root: AlertRoot,
+  Icon: AlertIcon,
+  Body: AlertBody,
+  Title: AlertTitle,
+  Description: AlertDescription
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["primitives/alert/types.ts"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+import { useThemedStyles } from "../../../utils/use-themed-styles.js";
+export const useAlertVariantDefault = () => {
+  return useThemedStyles(({
+    colors,
+    radius,
+    fontSize
+  }) => ({
+    root: {
+      padding: 16,
+      backgroundColor: colors.background,
+      borderRadius: radius,
+      borderWidth: 1,
+      borderColor: colors.border,
+      flexDirection: "row",
+      gap: 12
+    },
+    icon: {
+      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
+    }
+  }));
+};
+//# sourceMappingURL=default.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+import { useThemedStyles } from "../../../utils/use-themed-styles.js";
+export const useAlertVariantDestructive = () => {
+  return useThemedStyles(({
+    colors,
+    radius,
+    fontSize
+  }) => ({
+    root: {
+      padding: 16,
+      backgroundColor: colors.background,
+      borderRadius: radius,
+      borderWidth: 1,
+      borderColor: colors.danger,
+      flexDirection: "row",
+      gap: 12
+    },
+    icon: {
+      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
+    }
+  }));
+};
+//# sourceMappingURL=destructive.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,9 @@
+"use strict";
+
+import { useAlertVariantDefault } from "./default.js";
+import { useAlertVariantDestructive } from "./destructive.js";
+export const AlertVariants = {
+  default: useAlertVariantDefault,
+  destructive: useAlertVariantDestructive
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useAlertVariantDefault","useAlertVariantDestructive","AlertVariants","default","destructive"],"sourceRoot":"../../../../../src","sources":["primitives/alert/variants/index.ts"],"mappings":";;AAAA,SAASA,sBAAsB;AAC/B,SAASC,0BAA0B;AAEnC,OAAO,MAAMC,aAAa,GAAG;EAC3BC,OAAO,EAAEH,sBAAsB;EAC/BI,WAAW,EAAEH;AACf,CAAC","ignoreList":[]}

package/dist/module/primitives/index.js

@@ -1,22 +1,23 @@
 "use strict";
 
-export * from "./field/index.js";
-export * from "./input/index.js";
-export * from "./button/index.js";
-export * from "./select/index.js";
+export * from "./alert/index.js";
+export * from "./alert-dialog/index.js";
 export * from "./autocomplete/index.js";
-export * from "./card/index.js";
-export * from "./empty/index.js";
 export * from "./avatar/index.js";
-export * from "./toast/index.js";
 export * from "./badge/index.js";
-export * from "./textarea/index.js";
+export * from "./button/index.js";
+export * from "./calendar/index.js";
+export * from "./card/index.js";
+export * from "./checkbox/index.js";
 export * from "./dropdown-menu/index.js";
+export * from "./empty/index.js";
+export * from "./field/index.js";
+export * from "./input/index.js";
 export * from "./popover/index.js";
 export * from "./portal/index.js";
-export * from "./calendar/index.js";
-export * from "./tabs/index.js";
-export * from "./checkbox/index.js";
-export * from "./alert-dialog/index.js";
 export * from "./progress/index.js";
+export * from "./select/index.js";
+export * from "./tabs/index.js";
+export * from "./textarea/index.js";
+export * from "./toast/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["primitives/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["primitives/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=props.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/props.types.ts"],"mappings":"","ignoreList":[]}

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

@@ -1,21 +1,21 @@
-export * from "./button/button";
-export * from "./card/card";
-export * from "./input";
-export * from "./field/field";
-export * from "./select/select";
+export * from "./alert-dialog";
 export * from "./autocomplete/autocomplete";
-export * from "./typography/typography";
-export * from "./link/link";
-export * from "./empty/empty";
 export * from "./avatar/avatar";
-export * from "./toast/index";
 export * from "./badge/badge";
-export * from "./textarea/textarea";
-export * from "./dropdown-menu/dropdown-menu";
-export * from "./popover/popover";
+export * from "./button/button";
 export * from "./calendar/calendar";
-export * from "./tabs";
+export * from "./card/card";
 export * from "./checkbox";
-export * from "./alert-dialog";
+export * from "./dropdown-menu/dropdown-menu";
+export * from "./empty/empty";
+export * from "./field/field";
+export * from "./input";
+export * from "./link/link";
+export * from "./popover/popover";
 export * from "./progress";
+export * from "./select/select";
+export * from "./tabs";
+export * from "./textarea/textarea";
+export * from "./toast/index";
+export * from "./typography/typography";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC"}

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

@@ -12,5 +12,6 @@ export * from "./themes/adapters";
 export * from "./themes/default";
 export { useTheme } from "./themes/provider";
 export * from "./themes/types";
+export * from "./primitives/alert";
 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,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;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,aAAa,CAAC"}

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

@@ -0,0 +1,10 @@
+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?: TextChildren;
+    style?: StyleProp<TextStyle>;
+}
+export declare function AlertDescription(props: PropsWithRender<AlertDescriptionProps>): React.JSX.Element;
+//# sourceMappingURL=alert-description.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -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 AlertIconProps {
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function AlertIcon(props: PropsWithRender<AlertIconProps>): React.JSX.Element;
+//# sourceMappingURL=alert-icon.d.ts.map

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

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

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

@@ -0,0 +1,11 @@
+import type { PropsWithRender } from "../../types/props.types";
+import React from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+import { AlertVariants } from "./variants";
+export interface AlertRootProps {
+    variant?: keyof typeof AlertVariants;
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function AlertRoot(props: PropsWithRender<AlertRootProps>): React.JSX.Element;
+//# sourceMappingURL=alert-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert/alert-root.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;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,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,qBAc/D"}

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

@@ -0,0 +1,10 @@
+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?: TextChildren;
+    style?: StyleProp<TextStyle>;
+}
+export declare function AlertTitle(props: PropsWithRender<AlertTitleProps>): React.JSX.Element;
+//# sourceMappingURL=alert-title.d.ts.map

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

@@ -0,0 +1 @@
+{"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/context.d.ts

@@ -0,0 +1,7 @@
+import type { AlertStyles } from "./types";
+export interface AlertContext {
+    styles?: AlertStyles;
+}
+export declare const AlertContext: import("react").Context<AlertContext | undefined>;
+export declare const useAlert: () => AlertContext;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,mDAAqD,CAAC;AAE/E,eAAO,MAAM,QAAQ,oBAMpB,CAAC"}

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

@@ -0,0 +1,19 @@
+import { AlertBody } from "./alert-body";
+import { AlertDescription } from "./alert-description";
+import { AlertIcon } from "./alert-icon";
+import { AlertRoot } from "./alert-root";
+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";
+export type { AlertTitleProps } from "./alert-title";
+export type { AlertStyles } from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,13 @@
+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"];
+    body?: AlertBodyProps["style"];
+    title?: AlertTitleProps["style"];
+    description?: AlertDescriptionProps["style"];
+}
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/typescript/src/primitives/alert/variants/default.d.ts

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

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

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

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

@@ -0,0 +1,3 @@
+import { type AlertStyles } from "../../../primitives";
+export declare const useAlertVariantDestructive: () => AlertStyles;
+//# sourceMappingURL=destructive.d.ts.map

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

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

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

@@ -0,0 +1,5 @@
+export declare const AlertVariants: {
+    default: () => import("..").AlertStyles;
+    destructive: () => import("..").AlertStyles;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/alert/variants/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;;;CAGzB,CAAC"}

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

@@ -1,20 +1,21 @@
-export * from "./field";
-export * from "./input";
-export * from "./button";
-export * from "./select";
+export * from "./alert";
+export * from "./alert-dialog";
 export * from "./autocomplete";
-export * from "./card";
-export * from "./empty";
 export * from "./avatar";
-export * from "./toast";
 export * from "./badge";
-export * from "./textarea";
+export * from "./button";
+export * from "./calendar";
+export * from "./card";
+export * from "./checkbox";
 export * from "./dropdown-menu";
+export * from "./empty";
+export * from "./field";
+export * from "./input";
 export * from "./popover";
 export * from "./portal";
-export * from "./calendar";
-export * from "./tabs";
-export * from "./checkbox";
-export * from "./alert-dialog";
 export * from "./progress";
+export * from "./select";
+export * from "./tabs";
+export * from "./textarea";
+export * from "./toast";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,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

@@ -0,0 +1,4 @@
+export type PropsWithRender<P> = P & {
+    render?: (props: P) => React.ReactNode;
+};
+//# sourceMappingURL=props.types.d.ts.map

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

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

package/package.json

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

package/src/components/index.ts

@@ -1,20 +1,20 @@
-export * from "./button/button";
-export * from "./card/card";
-export * from "./input";
-export * from "./field/field";
-export * from "./select/select";
+export * from "./alert-dialog";
 export * from "./autocomplete/autocomplete";
-export * from "./typography/typography";
-export * from "./link/link";
-export * from "./empty/empty";
 export * from "./avatar/avatar";
-export * from "./toast/index";
 export * from "./badge/badge";
-export * from "./textarea/textarea";
-export * from "./dropdown-menu/dropdown-menu";
-export * from "./popover/popover";
+export * from "./button/button";
 export * from "./calendar/calendar";
-export * from "./tabs";
+export * from "./card/card";
 export * from "./checkbox";
-export * from "./alert-dialog";
+export * from "./dropdown-menu/dropdown-menu";
+export * from "./empty/empty";
+export * from "./field/field";
+export * from "./input";
+export * from "./link/link";
+export * from "./popover/popover";
 export * from "./progress";
+export * from "./select/select";
+export * from "./tabs";
+export * from "./textarea/textarea";
+export * from "./toast/index";
+export * from "./typography/typography";

package/src/index.tsx

@@ -30,4 +30,5 @@ export * from "./themes/default";
 export { useTheme } from "./themes/provider";
 export * from "./themes/types";
 
+export * from "./primitives/alert";
 export * from "./safe-area";

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

@@ -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/primitives/alert/alert-icon.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 AlertIconProps {
+  children?: React.ReactNode;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function AlertIcon(props: PropsWithRender<AlertIconProps>) {
+  const alert = useAlert();
+
+  const composedStyle: StyleProp<ViewStyle> = [alert.styles?.icon, props.style];
+
+  const Component = props.render ?? View;
+  return <Component {...props} style={composedStyle} />;
+}

package/src/primitives/alert/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/primitives/alert/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/primitives/alert/context.ts

@@ -0,0 +1,16 @@
+import { createContext, useContext } from "react";
+import type { AlertStyles } from "./types";
+
+export interface AlertContext {
+  styles?: AlertStyles;
+}
+
+export const AlertContext = createContext<AlertContext | undefined>(undefined);
+
+export const useAlert = () => {
+  const context = useContext(AlertContext);
+  if (!context) {
+    throw new Error("useAlert must be used within an AlertRoot");
+  }
+  return context;
+};

package/src/primitives/alert/index.ts

@@ -0,0 +1,20 @@
+import { AlertBody } from "./alert-body";
+import { AlertDescription } from "./alert-description";
+import { AlertIcon } from "./alert-icon";
+import { AlertRoot } from "./alert-root";
+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";
+export type { AlertTitleProps } from "./alert-title";
+export type { AlertStyles } from "./types";

package/src/primitives/alert/types.ts

@@ -0,0 +1,13 @@
+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"];
+  body?: AlertBodyProps["style"];
+  title?: AlertTitleProps["style"];
+  description?: AlertDescriptionProps["style"];
+}

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

@@ -0,0 +1,35 @@
+import { type AlertStyles } from "@/primitives";
+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: {
+        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/primitives/alert/variants/destructive.tsx

@@ -0,0 +1,36 @@
+import { type AlertStyles } from "@/primitives";
+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: {
+        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/primitives/alert/variants/index.ts

@@ -0,0 +1,7 @@
+import { useAlertVariantDefault } from "./default";
+import { useAlertVariantDestructive } from "./destructive";
+
+export const AlertVariants = {
+  default: useAlertVariantDefault,
+  destructive: useAlertVariantDestructive,
+};

package/src/primitives/index.ts

@@ -1,19 +1,20 @@
-export * from "./field";
-export * from "./input";
-export * from "./button";
-export * from "./select";
+export * from "./alert";
+export * from "./alert-dialog";
 export * from "./autocomplete";
-export * from "./card";
-export * from "./empty";
 export * from "./avatar";
-export * from "./toast";
 export * from "./badge";
-export * from "./textarea";
+export * from "./button";
+export * from "./calendar";
+export * from "./card";
+export * from "./checkbox";
 export * from "./dropdown-menu";
+export * from "./empty";
+export * from "./field";
+export * from "./input";
 export * from "./popover";
 export * from "./portal";
-export * from "./calendar";
-export * from "./tabs";
-export * from "./checkbox";
-export * from "./alert-dialog";
 export * from "./progress";
+export * from "./select";
+export * from "./tabs";
+export * from "./textarea";
+export * from "./toast";

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

@@ -0,0 +1,3 @@
+export type PropsWithRender<P> = P & {
+  render?: (props: P) => React.ReactNode;
+};