@masumdev/rn-ui 0.1.0 → 0.1.2

package/lib/module/components/AspectRatio.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import React from "react";
+import { StyleSheet, View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function AspectRatio({
+  ratio = 1,
+  radius,
+  children,
+  style,
+  ...props
+}) {
+  const {
+    radii
+  } = useTheme();
+  const containerStyle = {
+    width: "100%",
+    aspectRatio: ratio,
+    overflow: "hidden",
+    borderRadius: radius ? radii[radius] : undefined
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [containerStyle, style],
+    ...props,
+    children: /*#__PURE__*/_jsx(View, {
+      style: StyleSheet.absoluteFill,
+      children: React.Children.map(children, child => {
+        if (/*#__PURE__*/React.isValidElement(child)) {
+          return /*#__PURE__*/React.cloneElement(child, {
+            style: [StyleSheet.absoluteFill, child.props.style]
+          });
+        }
+        return child;
+      })
+    })
+  });
+}
+//# sourceMappingURL=AspectRatio.js.map

package/lib/module/components/AspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useTheme","jsx","_jsx","AspectRatio","ratio","radius","children","style","props","radii","containerStyle","width","aspectRatio","overflow","borderRadius","undefined","absoluteFill","Children","map","child","isValidElement","cloneElement"],"sourceRoot":"../../../src","sources":["components/AspectRatio.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAwC,cAAc;AAE/E,SAASC,QAAQ,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkBpC,OAAO,SAASC,WAAWA,CAAC;EAC1BC,KAAK,GAAG,CAAC;EACTC,MAAM;EACNC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACa,CAAC,EAAE;EACnB,MAAM;IAAEC;EAAM,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAE5B,MAAMU,cAAyB,GAAG;IAChCC,KAAK,EAAE,MAAM;IACbC,WAAW,EAAER,KAAK;IAClBS,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAET,MAAM,GAAGI,KAAK,CAACJ,MAAM,CAAC,GAAGU;EACzC,CAAC;EAED,oBACEb,IAAA,CAACH,IAAI;IAACQ,KAAK,EAAE,CAACG,cAAc,EAAEH,KAAK,CAAE;IAAA,GAAKC,KAAK;IAAAF,QAAA,eAC7CJ,IAAA,CAACH,IAAI;MAACQ,KAAK,EAAET,UAAU,CAACkB,YAAa;MAAAV,QAAA,EAClCT,KAAK,CAACoB,QAAQ,CAACC,GAAG,CAACZ,QAAQ,EAAGa,KAAK,IAAK;QACvC,iBAAItB,KAAK,CAACuB,cAAc,CAACD,KAAK,CAAC,EAAE;UAC/B,oBAAOtB,KAAK,CAACwB,YAAY,CAACF,KAAK,EAAE;YAC/BZ,KAAK,EAAE,CAACT,UAAU,CAACkB,YAAY,EAAEG,KAAK,CAACX,KAAK,CAACD,KAAK;UACpD,CAAQ,CAAC;QACX;QACA,OAAOY,KAAK;MACd,CAAC;IAAC,CACE;EAAC,CACH,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/Attachment.js

@@ -0,0 +1,231 @@
+"use strict";
+
+import React from "react";
+import { ActivityIndicator, Image, Pressable, StyleSheet, View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { Text } from "./Text.js";
+import { renderIcon } from "./types.js";
+import { AspectRatio } from "./AspectRatio.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Attachment({
+  layout = "row",
+  name,
+  description,
+  thumbnail,
+  loading = false,
+  onRemove,
+  closeIcon,
+  fileIcon,
+  descriptionTone = "default",
+  onPress,
+  style,
+  nameStyle,
+  descriptionStyle,
+  ...props
+}) {
+  const {
+    colors,
+    components,
+    radii,
+    spacing
+  } = useTheme();
+  const descriptionColorByTone = {
+    default: "textMuted",
+    info: "info",
+    success: "success",
+    warning: "warning",
+    danger: "danger"
+  };
+  const descColor = colors[descriptionColorByTone[descriptionTone]];
+
+  // Render close/remove button
+  const renderRemoveButton = size => {
+    if (!onRemove) return null;
+    return /*#__PURE__*/_jsx(Pressable, {
+      accessibilityRole: "button",
+      accessibilityLabel: "Remove attachment",
+      onPress: onRemove,
+      style: ({
+        pressed
+      }) => ({
+        padding: spacing.xxs,
+        opacity: pressed ? 0.6 : 1,
+        justifyContent: "center",
+        alignItems: "center"
+      }),
+      children: closeIcon ? renderIcon(closeIcon, colors.textMuted, size) : /*#__PURE__*/_jsx(Text, {
+        variant: "bodySmall",
+        style: {
+          color: colors.textMuted,
+          fontWeight: "600"
+        },
+        children: "\xD7"
+      })
+    });
+  };
+
+  // Render thumbnail content (Image, Icon, or Spinner)
+  const renderThumbnail = containerSize => {
+    if (loading) {
+      return /*#__PURE__*/_jsx(View, {
+        style: [styles.thumbnailPlaceholder, {
+          backgroundColor: colors.backgroundMuted,
+          width: containerSize,
+          height: containerSize,
+          borderRadius: radii.md
+        }],
+        children: /*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "small",
+          color: colors.textMuted
+        })
+      });
+    }
+    if (typeof thumbnail === "string") {
+      return /*#__PURE__*/_jsx(View, {
+        style: {
+          width: containerSize,
+          height: containerSize,
+          overflow: "hidden",
+          borderRadius: radii.md
+        },
+        children: /*#__PURE__*/_jsx(Image, {
+          source: {
+            uri: thumbnail
+          },
+          style: StyleSheet.absoluteFill,
+          resizeMode: "cover"
+        })
+      });
+    }
+    if (thumbnail) {
+      return /*#__PURE__*/_jsx(View, {
+        style: [styles.thumbnailPlaceholder, {
+          backgroundColor: colors.backgroundMuted,
+          width: containerSize,
+          height: containerSize,
+          borderRadius: radii.md
+        }],
+        children: renderIcon(thumbnail, colors.textMuted, containerSize * 0.5)
+      });
+    }
+
+    // Default file icon fallback
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.thumbnailPlaceholder, {
+        backgroundColor: colors.backgroundMuted,
+        width: containerSize,
+        height: containerSize,
+        borderRadius: radii.md
+      }],
+      children: fileIcon ? renderIcon(fileIcon, colors.textMuted, containerSize * 0.5) : /*#__PURE__*/_jsx(View, {
+        style: {
+          width: containerSize * 0.42,
+          height: containerSize * 0.52,
+          borderWidth: components.borderWidth.focus,
+          borderColor: colors.textMuted,
+          borderRadius: radii.xs
+        }
+      })
+    });
+  };
+  if (layout === "card") {
+    // Card Layout (usually fixed width preview, e.g. for grid views)
+    const cardStyle = {
+      backgroundColor: colors.surface,
+      borderColor: colors.border,
+      borderWidth: components.borderWidth.strong,
+      borderRadius: radii.xl,
+      padding: spacing.sm,
+      width: 120,
+      gap: spacing.xs
+    };
+    return /*#__PURE__*/_jsxs(Pressable, {
+      disabled: !onPress,
+      onPress: onPress,
+      style: ({
+        pressed
+      }) => [cardStyle, {
+        opacity: pressed ? 0.8 : 1
+      }, style],
+      ...props,
+      children: [/*#__PURE__*/_jsx(AspectRatio, {
+        ratio: 1,
+        radius: "md",
+        children: renderThumbnail(104)
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.textContainer,
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "labelSmall",
+          numberOfLines: 1,
+          ellipsizeMode: "tail",
+          style: [{
+            color: colors.text
+          }, nameStyle],
+          children: name
+        }), description && /*#__PURE__*/_jsx(Text, {
+          variant: "caption",
+          numberOfLines: 1,
+          ellipsizeMode: "tail",
+          style: [{
+            color: descColor
+          }, descriptionStyle],
+          children: description
+        })]
+      })]
+    });
+  }
+
+  // Default Row Layout
+  const rowStyle = {
+    backgroundColor: colors.surface,
+    borderColor: colors.border,
+    borderWidth: components.borderWidth.strong,
+    borderRadius: radii.xl,
+    padding: spacing.md,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: spacing.md
+  };
+  return /*#__PURE__*/_jsxs(Pressable, {
+    disabled: !onPress,
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [rowStyle, {
+      opacity: pressed ? 0.85 : 1
+    }, style],
+    ...props,
+    children: [renderThumbnail(40), /*#__PURE__*/_jsxs(View, {
+      style: [styles.textContainer, {
+        flex: 1
+      }],
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "label",
+        numberOfLines: 1,
+        ellipsizeMode: "tail",
+        style: [{
+          color: colors.text
+        }, nameStyle],
+        children: name
+      }), description && /*#__PURE__*/_jsx(Text, {
+        variant: "bodySmall",
+        numberOfLines: 1,
+        ellipsizeMode: "tail",
+        style: [{
+          color: descColor
+        }, descriptionStyle],
+        children: description
+      })]
+    }), renderRemoveButton(16)]
+  });
+}
+const styles = StyleSheet.create({
+  thumbnailPlaceholder: {
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  textContainer: {
+    justifyContent: "center"
+  }
+});
+//# sourceMappingURL=Attachment.js.map

package/lib/module/components/Attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","Image","Pressable","StyleSheet","View","useTheme","Text","renderIcon","AspectRatio","jsx","_jsx","jsxs","_jsxs","Attachment","layout","name","description","thumbnail","loading","onRemove","closeIcon","fileIcon","descriptionTone","onPress","style","nameStyle","descriptionStyle","props","colors","components","radii","spacing","descriptionColorByTone","default","info","success","warning","danger","descColor","renderRemoveButton","size","accessibilityRole","accessibilityLabel","pressed","padding","xxs","opacity","justifyContent","alignItems","children","textMuted","variant","color","fontWeight","renderThumbnail","containerSize","styles","thumbnailPlaceholder","backgroundColor","backgroundMuted","width","height","borderRadius","md","overflow","source","uri","absoluteFill","resizeMode","borderWidth","focus","borderColor","xs","cardStyle","surface","border","strong","xl","sm","gap","disabled","ratio","radius","textContainer","numberOfLines","ellipsizeMode","text","rowStyle","flexDirection","flex","create"],"sourceRoot":"../../../src","sources":["components/Attachment.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Avatar.js

@@ -0,0 +1,258 @@
+"use strict";
+
+import React, { createContext, useContext, useState, useEffect } from "react";
+import { Image, StyleSheet, View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AvatarContext = /*#__PURE__*/createContext(null);
+function useAvatarContext() {
+  const context = useContext(AvatarContext);
+  if (!context) {
+    throw new Error("Avatar components must be rendered within an Avatar provider");
+  }
+  return context;
+}
+const GroupContext = /*#__PURE__*/createContext(null);
+export function Avatar({
+  size = "default",
+  style,
+  children,
+  ...props
+}) {
+  const {
+    colors,
+    components,
+    radii
+  } = useTheme();
+  const [hasLoaded, setHasLoaded] = useState(false);
+  const [hasError, setHasError] = useState(false);
+
+  // Check if rendered inside an AvatarGroup
+  const group = useContext(GroupContext);
+  const finalSize = group ? group.size : size;
+  const inGroup = !!group;
+
+  // Determine width and height based on size
+  const dimension = finalSize === "lg" ? 40 : finalSize === "sm" ? 24 : 32;
+  const rootStyle = {
+    position: "relative",
+    width: dimension,
+    height: dimension,
+    borderRadius: radii.full,
+    backgroundColor: colors.backgroundMuted,
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "visible",
+    // Let the badge sit outside or on the edge
+    ...(inGroup ? {
+      borderWidth: components.borderWidth.ring,
+      borderColor: colors.background // ring-2 ring-background
+    } : {})
+  };
+  return /*#__PURE__*/_jsx(AvatarContext.Provider, {
+    value: {
+      size: finalSize,
+      hasLoaded,
+      setHasLoaded,
+      hasError,
+      setHasError,
+      inGroup
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      style: [rootStyle, style],
+      ...props,
+      children: children
+    })
+  });
+}
+export function AvatarImage({
+  source,
+  style,
+  onLoad,
+  onError,
+  ...props
+}) {
+  const {
+    setHasLoaded,
+    setHasError,
+    hasError
+  } = useAvatarContext();
+  const {
+    radii
+  } = useTheme();
+  useEffect(() => {
+    setHasLoaded(false);
+    setHasError(false);
+  }, [source]);
+  if (hasError) {
+    return null;
+  }
+  const handleLoad = e => {
+    setHasLoaded(true);
+    onLoad?.(e);
+  };
+  const handleError = e => {
+    setHasError(true);
+    onError?.(e);
+  };
+  return /*#__PURE__*/_jsx(Image, {
+    source: source,
+    style: [StyleSheet.absoluteFill, {
+      borderRadius: radii.full
+    }, style],
+    onLoad: handleLoad,
+    onError: handleError,
+    ...props
+  });
+}
+export function AvatarFallback({
+  style,
+  textStyle,
+  children,
+  ...props
+}) {
+  const {
+    hasLoaded,
+    hasError,
+    size
+  } = useAvatarContext();
+  const {
+    colors,
+    radii
+  } = useTheme();
+
+  // Show fallback only if not loaded yet OR if load failed
+  if (hasLoaded && !hasError) {
+    return null;
+  }
+  const fallbackStyle = {
+    borderRadius: radii.full,
+    backgroundColor: colors.backgroundMuted,
+    alignItems: "center",
+    justifyContent: "center"
+  };
+
+  // Determine text size based on size
+  const fontSize = size === "lg" ? 16 : size === "sm" ? 10 : 12;
+  return /*#__PURE__*/_jsx(View, {
+    style: [StyleSheet.absoluteFill, fallbackStyle, style],
+    ...props,
+    children: typeof children === "string" ? /*#__PURE__*/_jsx(Text, {
+      style: [{
+        color: colors.textMuted,
+        fontSize,
+        fontWeight: "600"
+      }, textStyle],
+      children: children
+    }) : children
+  });
+}
+export function AvatarBadge({
+  style,
+  bg,
+  ...props
+}) {
+  const {
+    size
+  } = useAvatarContext();
+  const {
+    colors,
+    components
+  } = useTheme();
+
+  // Determine badge dimensions based on parent size
+  const badgeSize = size === "lg" ? 12 : size === "sm" ? 8 : 10;
+  const offset = size === "lg" ? 0 : size === "sm" ? -1 : -0.5;
+  const badgeStyle = {
+    position: "absolute",
+    right: offset,
+    bottom: offset,
+    width: badgeSize,
+    height: badgeSize,
+    borderRadius: badgeSize / 2,
+    backgroundColor: bg || colors.primary,
+    borderWidth: components.borderWidth.focus,
+    borderColor: colors.background,
+    // ring-2 ring-background
+    zIndex: 10
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [badgeStyle, style],
+    ...props
+  });
+}
+export function AvatarGroup({
+  size = "default",
+  style,
+  children,
+  ...props
+}) {
+  const groupStyle = {
+    flexDirection: "row",
+    alignItems: "center"
+  };
+
+  // Spacing values mapped to negative margins
+  const spacing = size === "lg" ? -10 : size === "sm" ? -6 : -8;
+  return /*#__PURE__*/_jsx(GroupContext.Provider, {
+    value: {
+      inGroup: true,
+      size
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      style: [groupStyle, style],
+      ...props,
+      children: React.Children.map(children, (child, index) => {
+        if (! /*#__PURE__*/React.isValidElement(child)) return child;
+        return /*#__PURE__*/React.cloneElement(child, {
+          style: [{
+            marginLeft: index === 0 ? 0 : spacing
+          }, child.props.style]
+        });
+      })
+    })
+  });
+}
+export function AvatarGroupCount({
+  count,
+  style,
+  textStyle,
+  ...props
+}) {
+  const {
+    colors,
+    components,
+    radii
+  } = useTheme();
+  const group = useContext(GroupContext);
+  const size = group ? group.size : "default";
+  const dimension = size === "lg" ? 40 : size === "sm" ? 24 : 32;
+  const spacing = size === "lg" ? -10 : size === "sm" ? -6 : -8;
+  const fontSize = size === "lg" ? 14 : size === "sm" ? 10 : 12;
+  const countStyle = {
+    width: dimension,
+    height: dimension,
+    borderRadius: radii.full,
+    backgroundColor: colors.backgroundMuted,
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: components.borderWidth.ring,
+    borderColor: colors.background,
+    // ring-2 ring-background
+    marginLeft: spacing
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [countStyle, style],
+    ...props,
+    children: /*#__PURE__*/_jsxs(Text, {
+      style: [{
+        color: colors.textMuted,
+        fontSize,
+        fontWeight: "600"
+      }, textStyle],
+      children: ["+", count]
+    })
+  });
+}
+//# sourceMappingURL=Avatar.js.map

package/lib/module/components/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useState","useEffect","Image","StyleSheet","View","useTheme","Text","jsx","_jsx","jsxs","_jsxs","AvatarContext","useAvatarContext","context","Error","GroupContext","Avatar","size","style","children","props","colors","components","radii","hasLoaded","setHasLoaded","hasError","setHasError","group","finalSize","inGroup","dimension","rootStyle","position","width","height","borderRadius","full","backgroundColor","backgroundMuted","alignItems","justifyContent","overflow","borderWidth","ring","borderColor","background","Provider","value","AvatarImage","source","onLoad","onError","handleLoad","e","handleError","absoluteFill","AvatarFallback","textStyle","fallbackStyle","fontSize","color","textMuted","fontWeight","AvatarBadge","bg","badgeSize","offset","badgeStyle","right","bottom","primary","focus","zIndex","AvatarGroup","groupStyle","flexDirection","spacing","Children","map","child","index","isValidElement","cloneElement","marginLeft","AvatarGroupCount","count","countStyle"],"sourceRoot":"../../../src","sources":["components/Avatar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Badge.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { renderIcon } from "./types.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function getBadgeColors(tone, colors) {
+  const map = {
+    primary: {
+      solid: colors.primary,
+      soft: colors.primarySoft,
+      on: colors.onPrimary
+    },
+    secondary: {
+      solid: colors.secondary,
+      soft: colors.secondarySoft,
+      on: colors.onSecondary
+    },
+    accent: {
+      solid: colors.accent,
+      soft: colors.accentSoft,
+      on: colors.onAccent
+    },
+    success: {
+      solid: colors.success,
+      soft: colors.successSoft,
+      on: colors.onSuccess
+    },
+    warning: {
+      solid: colors.warning,
+      soft: colors.warningSoft,
+      on: colors.onWarning
+    },
+    danger: {
+      solid: colors.danger,
+      soft: colors.dangerSoft,
+      on: colors.onDanger
+    },
+    info: {
+      solid: colors.info,
+      soft: colors.infoSoft,
+      on: colors.onInfo
+    }
+  };
+  return map[tone];
+}
+export function Badge({
+  children,
+  tone = "primary",
+  variant = "soft",
+  size = "md",
+  icon,
+  style
+}) {
+  const {
+    colors,
+    components,
+    radii,
+    spacing
+  } = useTheme();
+  const toneColors = getBadgeColors(tone, colors);
+  const isSolid = variant === "solid";
+  const iconSize = size === "lg" ? 14 : size === "sm" ? 10 : 12;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      alignSelf: "flex-start",
+      flexDirection: "row",
+      alignItems: "center",
+      gap: spacing.xs,
+      paddingHorizontal: size === "lg" ? spacing.md : spacing.sm,
+      paddingVertical: size === "lg" ? spacing.xs : spacing.xxs,
+      borderRadius: radii.full,
+      backgroundColor: isSolid ? toneColors.solid : variant === "soft" ? toneColors.soft : colors.transparent,
+      borderWidth: variant === "outline" ? components.borderWidth.default : 0,
+      borderColor: variant === "outline" ? colors.border : colors.transparent
+    }, style],
+    children: [renderIcon(icon, isSolid ? toneColors.on : toneColors.solid, iconSize), /*#__PURE__*/_jsx(Text, {
+      variant: "labelSmall",
+      color: isSolid ? "textInverse" : "text",
+      style: {
+        color: isSolid ? toneColors.on : toneColors.solid
+      },
+      children: children
+    })]
+  });
+}
+//# sourceMappingURL=Badge.js.map

package/lib/module/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useTheme","renderIcon","Text","jsx","_jsx","jsxs","_jsxs","getBadgeColors","tone","colors","map","primary","solid","soft","primarySoft","on","onPrimary","secondary","secondarySoft","onSecondary","accent","accentSoft","onAccent","success","successSoft","onSuccess","warning","warningSoft","onWarning","danger","dangerSoft","onDanger","info","infoSoft","onInfo","Badge","children","variant","size","icon","style","components","radii","spacing","toneColors","isSolid","iconSize","alignSelf","flexDirection","alignItems","gap","xs","paddingHorizontal","md","sm","paddingVertical","xxs","borderRadius","full","backgroundColor","transparent","borderWidth","default","borderColor","border","color"],"sourceRoot":"../../../src","sources":["components/Badge.tsx"],"mappings":"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","ignoreList":[]}