@amityco/react-native-social-uikit 4.2.1-f052efd.0 → 4.3.0

package/lib/module/core/design/atoms/Avatar/Avatar.js

@@ -0,0 +1,78 @@
+// Avatar atom — ported from AmityUiKitWeb core/design/atoms/Avatar.
+// Profile avatar: image / initials / user-icon fallback, rounded or squared,
+// 8 intrinsic sizes (SoT avatarIcon.avatar.sizes), optional profile border ring,
+// indicator badge slot and label. Web hover edit-photo affordance is web-only
+// (no touch-hover, no matching RN token) and is intentionally omitted.
+
+// 1. React / RN imports
+
+import { View, Text, Image, Pressable } from 'react-native';
+
+// 2. Internal imports
+import { AmityIcon } from '../../icons';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function Avatar({
+  variant = 'icon',
+  imageUrl,
+  initials,
+  shape = 'rounded',
+  size = 40,
+  state = 'default',
+  borderWidth = 0,
+  indicator,
+  indicatorStyle,
+  label,
+  onPress,
+  accessibilityLabel
+}) {
+  const {
+    styles,
+    glyphSize,
+    glyphColor
+  } = useStyles(size, shape, state, borderWidth);
+  let content = null;
+  if (state !== 'skeleton') {
+    if (variant === 'image' && imageUrl) {
+      content = /*#__PURE__*/React.createElement(Image, {
+        source: {
+          uri: imageUrl
+        },
+        style: styles.image,
+        resizeMode: "cover"
+      });
+    } else if (variant === 'text' && initials) {
+      content = /*#__PURE__*/React.createElement(Text, {
+        style: styles.initials
+      }, initials);
+    } else {
+      // The fallback glyph is the SOLID user icon
+      // (User.Regular → User.Solid in web's core Avatar).
+      content = /*#__PURE__*/React.createElement(AmityIcon, {
+        name: "user-s",
+        size: glyphSize,
+        tokenColor: glyphColor
+      });
+    }
+  }
+  const frame = /*#__PURE__*/React.createElement(View, {
+    style: styles.frame
+  }, content);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.frameWrapper
+  }, onPress ? /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel
+  }, frame) : frame, indicator ? /*#__PURE__*/React.createElement(View, {
+    style: [styles.indicator, indicatorStyle]
+  }, indicator) : null), label ? /*#__PURE__*/React.createElement(Text, {
+    style: styles.label
+  }, label) : null);
+}
+//# sourceMappingURL=Avatar.js.map

package/lib/module/core/design/atoms/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","Image","Pressable","AmityIcon","useStyles","Avatar","variant","imageUrl","initials","shape","size","state","borderWidth","indicator","indicatorStyle","label","onPress","accessibilityLabel","styles","glyphSize","glyphColor","content","React","createElement","source","uri","style","image","resizeMode","name","tokenColor","frame","container","frameWrapper","accessibilityRole"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Avatar/Avatar.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;;AAEA,SACEA,IAAI,EACJC,IAAI,EACJC,KAAK,EACLC,SAAS,QAGJ,cAAc;;AAErB;AACA,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AA4BA;AACA,OAAO,SAASC,MAAMA,CAAC;EACrBC,OAAO,GAAG,MAAM;EAChBC,QAAQ;EACRC,QAAQ;EACRC,KAAK,GAAG,SAAS;EACjBC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,SAAS;EACjBC,WAAW,GAAG,CAAC;EACfC,SAAS;EACTC,cAAc;EACdC,KAAK;EACLC,OAAO;EACPC;AACW,CAAC,EAAE;EACd,MAAM;IAAEC,MAAM;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGhB,SAAS,CACjDM,IAAI,EACJD,KAAK,EACLE,KAAK,EACLC,WACF,CAAC;EAED,IAAIS,OAAkB,GAAG,IAAI;EAC7B,IAAIV,KAAK,KAAK,UAAU,EAAE;IACxB,IAAIL,OAAO,KAAK,OAAO,IAAIC,QAAQ,EAAE;MACnCc,OAAO,gBACLC,KAAA,CAAAC,aAAA,CAACtB,KAAK;QACJuB,MAAM,EAAE;UAAEC,GAAG,EAAElB;QAAS,CAAE;QAC1BmB,KAAK,EAAER,MAAM,CAACS,KAAM;QACpBC,UAAU,EAAC;MAAO,CACnB,CACF;IACH,CAAC,MAAM,IAAItB,OAAO,KAAK,MAAM,IAAIE,QAAQ,EAAE;MACzCa,OAAO,gBAAGC,KAAA,CAAAC,aAAA,CAACvB,IAAI;QAAC0B,KAAK,EAAER,MAAM,CAACV;MAAS,GAAEA,QAAe,CAAC;IAC3D,CAAC,MAAM;MACL;MACA;MACAa,OAAO,gBACLC,KAAA,CAAAC,aAAA,CAACpB,SAAS;QAAC0B,IAAI,EAAC,QAAQ;QAACnB,IAAI,EAAES,SAAU;QAACW,UAAU,EAAEV;MAAW,CAAE,CACpE;IACH;EACF;EAEA,MAAMW,KAAK,gBAAGT,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAAC2B,KAAK,EAAER,MAAM,CAACa;EAAM,GAAEV,OAAc,CAAC;EAEzD,oBACEC,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAAC2B,KAAK,EAAER,MAAM,CAACc;EAAU,gBAC5BV,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAAC2B,KAAK,EAAER,MAAM,CAACe;EAAa,GAC9BjB,OAAO,gBACNM,KAAA,CAAAC,aAAA,CAACrB,SAAS;IACRc,OAAO,EAAEA,OAAQ;IACjBkB,iBAAiB,EAAC,QAAQ;IAC1BjB,kBAAkB,EAAEA;EAAmB,GAEtCc,KACQ,CAAC,GAEZA,KACD,EACAlB,SAAS,gBACRS,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAAC2B,KAAK,EAAE,CAACR,MAAM,CAACL,SAAS,EAAEC,cAAc;EAAE,GAAED,SAAgB,CAAC,GACjE,IACA,CAAC,EACNE,KAAK,gBAAGO,KAAA,CAAAC,aAAA,CAACvB,IAAI;IAAC0B,KAAK,EAAER,MAAM,CAACH;EAAM,GAAEA,KAAY,CAAC,GAAG,IACjD,CAAC;AAEX","ignoreList":[]}

package/lib/module/core/design/atoms/Avatar/index.js

@@ -0,0 +1,2 @@
+export { Avatar } from './Avatar';
+//# sourceMappingURL=index.js.map

package/lib/module/core/design/atoms/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Avatar"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Avatar/index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU","ignoreList":[]}

package/lib/module/core/design/atoms/Avatar/styles.js

@@ -0,0 +1,133 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../theme/useToken';
+import { AmityColorToken } from '../../tokens/amity-color-tokens';
+// Frame box per intrinsic size — SoT geometry.json avatarIcon.avatar.sizes
+// = [16, 24, 28, 32, 40, 56, 64, 120]. Literal width/height so the geometry
+// gate can assert `width` is one of the SoT sizes.
+const FRAME = {
+  16: {
+    width: 16,
+    height: 16
+  },
+  24: {
+    width: 24,
+    height: 24
+  },
+  28: {
+    width: 28,
+    height: 28
+  },
+  32: {
+    width: 32,
+    height: 32
+  },
+  40: {
+    width: 40,
+    height: 40
+  },
+  56: {
+    width: 56,
+    height: 56
+  },
+  64: {
+    width: 64,
+    height: 64
+  },
+  120: {
+    width: 120,
+    height: 120
+  }
+};
+
+// Squared corner radius per size bucket (web Avatar.module.css).
+const SQUARED_RADIUS = {
+  16: 4,
+  24: 4,
+  28: 4,
+  32: 4,
+  40: 8,
+  56: 16,
+  64: 16,
+  120: 24
+};
+
+// Fallback user-icon glyph size per avatar size (web Avatar.module.css).
+const GLYPH_SIZE = {
+  16: 12,
+  24: 16,
+  28: 18,
+  32: 20,
+  40: 24,
+  56: 32,
+  64: 32,
+  120: 64
+};
+
+// Initials font size per avatar size (web Avatar.module.css).
+const INITIALS_SIZE = {
+  16: 10,
+  24: 10,
+  28: 10,
+  32: 16,
+  40: 16,
+  56: 24,
+  64: 24,
+  120: 48
+};
+export const useStyles = (size, shape, state, borderWidth) => {
+  const token = useToken();
+  const frame = FRAME[size];
+  const borderRadius = shape === 'rounded' ? size / 2 : SQUARED_RADIUS[size];
+  const backgroundColor = state === 'skeleton' ? token(AmityColorToken.SurfaceSkeletonEffectDefault) : token(AmityColorToken.SurfaceAvatarProfileDefault);
+  const styles = StyleSheet.create({
+    container: {
+      alignItems: 'center',
+      gap: 4
+    },
+    frameWrapper: {
+      position: 'relative',
+      alignSelf: 'flex-start'
+    },
+    frame: {
+      width: frame.width,
+      height: frame.height,
+      borderRadius,
+      alignItems: 'center',
+      justifyContent: 'center',
+      overflow: 'hidden',
+      backgroundColor,
+      borderWidth,
+      borderColor: token(AmityColorToken.BorderAvatarProfileDefault)
+    },
+    image: {
+      width: '100%',
+      height: '100%'
+    },
+    initials: {
+      fontSize: INITIALS_SIZE[size],
+      fontWeight: '600',
+      textTransform: 'uppercase',
+      color: token(AmityColorToken.TextAvatarAtomicGeneral)
+    },
+    indicator: {
+      position: 'absolute',
+      right: 0,
+      bottom: 0,
+      borderRadius: 9999,
+      borderWidth: 3,
+      borderColor: token(AmityColorToken.BorderAvatarIndicatorDefault)
+    },
+    label: {
+      fontSize: 13,
+      textAlign: 'center',
+      color: token(AmityColorToken.TextAvatarLabelDefault)
+    }
+  });
+  const glyphColor = AmityColorToken.IconAvatarDefault;
+  return {
+    styles,
+    glyphSize: GLYPH_SIZE[size],
+    glyphColor
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/core/design/atoms/Avatar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","FRAME","width","height","SQUARED_RADIUS","GLYPH_SIZE","INITIALS_SIZE","useStyles","size","shape","state","borderWidth","token","frame","borderRadius","backgroundColor","SurfaceSkeletonEffectDefault","SurfaceAvatarProfileDefault","styles","create","container","alignItems","gap","frameWrapper","position","alignSelf","justifyContent","overflow","borderColor","BorderAvatarProfileDefault","image","initials","fontSize","fontWeight","textTransform","color","TextAvatarAtomicGeneral","indicator","right","bottom","BorderAvatarIndicatorDefault","label","textAlign","TextAvatarLabelDefault","glyphColor","IconAvatarDefault","glyphSize"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Avatar/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAA4B,sBAAsB;AACnE,SAASC,eAAe,QAAQ,iCAAiC;AAGjE;AACA;AACA;AACA,MAAMC,KAA4D,GAAG;EACnE,EAAE,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7B,EAAE,EAAE;IAAED,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7B,EAAE,EAAE;IAAED,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7B,EAAE,EAAE;IAAED,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7B,EAAE,EAAE;IAAED,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7B,EAAE,EAAE;IAAED,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7B,EAAE,EAAE;IAAED,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EAC7B,GAAG,EAAE;IAAED,KAAK,EAAE,GAAG;IAAEC,MAAM,EAAE;EAAI;AACjC,CAAC;;AAED;AACA,MAAMC,cAA0C,GAAG;EACjD,EAAE,EAAE,CAAC;EACL,EAAE,EAAE,CAAC;EACL,EAAE,EAAE,CAAC;EACL,EAAE,EAAE,CAAC;EACL,EAAE,EAAE,CAAC;EACL,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,GAAG,EAAE;AACP,CAAC;;AAED;AACA,MAAMC,UAAsC,GAAG;EAC7C,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,GAAG,EAAE;AACP,CAAC;;AAED;AACA,MAAMC,aAAyC,GAAG;EAChD,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,GAAG,EAAE;AACP,CAAC;AAED,OAAO,MAAMC,SAAS,GAAGA,CACvBC,IAAgB,EAChBC,KAAkB,EAClBC,KAAkB,EAClBC,WAAmB,KAChB;EACH,MAAMC,KAAK,GAAGb,QAAQ,CAAC,CAAC;EACxB,MAAMc,KAAK,GAAGZ,KAAK,CAACO,IAAI,CAAC;EACzB,MAAMM,YAAY,GAAGL,KAAK,KAAK,SAAS,GAAGD,IAAI,GAAG,CAAC,GAAGJ,cAAc,CAACI,IAAI,CAAC;EAC1E,MAAMO,eAAe,GACnBL,KAAK,KAAK,UAAU,GAChBE,KAAK,CAACZ,eAAe,CAACgB,4BAA4B,CAAC,GACnDJ,KAAK,CAACZ,eAAe,CAACiB,2BAA2B,CAAC;EAExD,MAAMC,MAAM,GAAGpB,UAAU,CAACqB,MAAM,CAAC;IAC/BC,SAAS,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAE,CAAC;IAC3CC,YAAY,EAAE;MAAEC,QAAQ,EAAE,UAAU;MAAEC,SAAS,EAAE;IAAa,CAAC;IAC/DZ,KAAK,EAAE;MACLX,KAAK,EAAEW,KAAK,CAACX,KAAK;MAClBC,MAAM,EAAEU,KAAK,CAACV,MAAM;MACpBW,YAAY;MACZO,UAAU,EAAE,QAAQ;MACpBK,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE,QAAQ;MAClBZ,eAAe;MACfJ,WAAW;MACXiB,WAAW,EAAEhB,KAAK,CAACZ,eAAe,CAAC6B,0BAA0B;IAC/D,CAAC;IACDC,KAAK,EAAE;MAAE5B,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAO,CAAC;IACxC4B,QAAQ,EAAE;MACRC,QAAQ,EAAE1B,aAAa,CAACE,IAAI,CAAC;MAC7ByB,UAAU,EAAE,KAAK;MACjBC,aAAa,EAAE,WAAW;MAC1BC,KAAK,EAAEvB,KAAK,CAACZ,eAAe,CAACoC,uBAAuB;IACtD,CAAC;IACDC,SAAS,EAAE;MACTb,QAAQ,EAAE,UAAU;MACpBc,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTzB,YAAY,EAAE,IAAI;MAClBH,WAAW,EAAE,CAAC;MACdiB,WAAW,EAAEhB,KAAK,CAACZ,eAAe,CAACwC,4BAA4B;IACjE,CAAC;IACDC,KAAK,EAAE;MACLT,QAAQ,EAAE,EAAE;MACZU,SAAS,EAAE,QAAQ;MACnBP,KAAK,EAAEvB,KAAK,CAACZ,eAAe,CAAC2C,sBAAsB;IACrD;EACF,CAAC,CAAC;EAEF,MAAMC,UAAyB,GAAG5C,eAAe,CAAC6C,iBAAiB;EAEnE,OAAO;IAAE3B,MAAM;IAAE4B,SAAS,EAAEzC,UAAU,CAACG,IAAI,CAAC;IAAEoC;EAAW,CAAC;AAC5D,CAAC","ignoreList":[]}

package/lib/module/core/design/atoms/Badge/Badge.js

@@ -0,0 +1,74 @@
+// Badge atom — ported from AmityUiKitWeb core/design/atoms/Badge.
+// Compound namespace: Badge.Label (text pill) and Badge.Icon (icon chip).
+// Shape/fill/size/border + optional semantic `preset` drive geometry (SoT
+// geometry.json → badges) and colour (AmityColorToken via useToken).
+
+import { View, Text } from 'react-native';
+import { AmityIcon } from '../../icons';
+import { resolveBadgeTokens, useStyles } from './styles';
+export const presetSlug = preset => preset ? `${preset.family}-${preset.case}`.toLowerCase() : undefined;
+function Label({
+  label,
+  shape = 'round',
+  fill = 'filled',
+  size = 24,
+  border = false,
+  preset
+}) {
+  const tokens = resolveBadgeTokens(presetSlug(preset));
+  const {
+    styles
+  } = useStyles({
+    variant: 'label',
+    shape,
+    fill,
+    size,
+    border,
+    tokens
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.badge,
+    accessibilityRole: "none"
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.label,
+    numberOfLines: 1
+  }, label));
+}
+function Icon({
+  icon,
+  shape = 'round',
+  fill = 'filled',
+  size = 24,
+  border = false,
+  preset,
+  glyphSize: glyphSizeProp
+}) {
+  const tokens = resolveBadgeTokens(presetSlug(preset));
+  const {
+    styles
+  } = useStyles({
+    variant: 'icon',
+    shape,
+    fill,
+    size,
+    border,
+    tokens
+  });
+
+  // Web: glyph fills 100% of the chip, or 75% when a border ring is present.
+  // An explicit `glyphSize` wins over both.
+  const glyphSize = glyphSizeProp ?? (border ? Math.round(size * 0.75) : size);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.badge,
+    accessibilityRole: "none"
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: icon,
+    tokenColor: tokens.icon,
+    size: glyphSize
+  }));
+}
+export const Badge = {
+  Label,
+  Icon
+};
+//# sourceMappingURL=Badge.js.map

package/lib/module/core/design/atoms/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","AmityIcon","resolveBadgeTokens","useStyles","presetSlug","preset","family","case","toLowerCase","undefined","Label","label","shape","fill","size","border","tokens","styles","variant","React","createElement","style","badge","accessibilityRole","numberOfLines","Icon","icon","glyphSize","glyphSizeProp","Math","round","name","tokenColor","Badge"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Badge/Badge.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAA4B,aAAa;AAC3D,SAASC,kBAAkB,EAAEC,SAAS,QAAQ,UAAU;AA8BxD,OAAO,MAAMC,UAAU,GAAIC,MAAoB,IAC7CA,MAAM,GAAG,GAAGA,MAAM,CAACC,MAAM,IAAID,MAAM,CAACE,IAAI,EAAE,CAACC,WAAW,CAAC,CAAC,GAAGC,SAAS;AAEtE,SAASC,KAAKA,CAAC;EACbC,KAAK;EACLC,KAAK,GAAG,OAAO;EACfC,IAAI,GAAG,QAAQ;EACfC,IAAI,GAAG,EAAE;EACTC,MAAM,GAAG,KAAK;EACdV;AACU,CAAC,EAAE;EACb,MAAMW,MAAM,GAAGd,kBAAkB,CAACE,UAAU,CAACC,MAAM,CAAC,CAAC;EACrD,MAAM;IAAEY;EAAO,CAAC,GAAGd,SAAS,CAAC;IAC3Be,OAAO,EAAE,OAAO;IAChBN,KAAK;IACLC,IAAI;IACJC,IAAI;IACJC,MAAM;IACNC;EACF,CAAC,CAAC;EAEF,oBACEG,KAAA,CAAAC,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAEJ,MAAM,CAACK,KAAM;IAACC,iBAAiB,EAAC;EAAM,gBACjDJ,KAAA,CAAAC,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAEJ,MAAM,CAACN,KAAM;IAACa,aAAa,EAAE;EAAE,GACzCb,KACG,CACF,CAAC;AAEX;AAEA,SAASc,IAAIA,CAAC;EACZC,IAAI;EACJd,KAAK,GAAG,OAAO;EACfC,IAAI,GAAG,QAAQ;EACfC,IAAI,GAAG,EAAE;EACTC,MAAM,GAAG,KAAK;EACdV,MAAM;EACNsB,SAAS,EAAEC;AACF,CAAC,EAAE;EACZ,MAAMZ,MAAM,GAAGd,kBAAkB,CAACE,UAAU,CAACC,MAAM,CAAC,CAAC;EACrD,MAAM;IAAEY;EAAO,CAAC,GAAGd,SAAS,CAAC;IAC3Be,OAAO,EAAE,MAAM;IACfN,KAAK;IACLC,IAAI;IACJC,IAAI;IACJC,MAAM;IACNC;EACF,CAAC,CAAC;;EAEF;EACA;EACA,MAAMW,SAAS,GAAGC,aAAa,KAAKb,MAAM,GAAGc,IAAI,CAACC,KAAK,CAAChB,IAAI,GAAG,IAAI,CAAC,GAAGA,IAAI,CAAC;EAE5E,oBACEK,KAAA,CAAAC,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAEJ,MAAM,CAACK,KAAM;IAACC,iBAAiB,EAAC;EAAM,gBACjDJ,KAAA,CAAAC,aAAA,CAACnB,SAAS;IAAC8B,IAAI,EAAEL,IAAK;IAACM,UAAU,EAAEhB,MAAM,CAACU,IAAK;IAACZ,IAAI,EAAEa;EAAU,CAAE,CAC9D,CAAC;AAEX;AAEA,OAAO,MAAMM,KAAK,GAAG;EACnBvB,KAAK;EACLe;AACF,CAAC","ignoreList":[]}

package/lib/module/core/design/atoms/Badge/index.js

@@ -0,0 +1,2 @@
+export { Badge, presetSlug } from './Badge';
+//# sourceMappingURL=index.js.map

package/lib/module/core/design/atoms/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Badge","presetSlug"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Badge/index.ts"],"mappings":"AAAA,SAASA,KAAK,EAAEC,UAAU,QAAQ,SAAS","ignoreList":[]}

package/lib/module/core/design/atoms/Badge/styles.js

@@ -0,0 +1,151 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../theme/useToken';
+import { AmityColorToken } from '../../tokens/amity-color-tokens';
+// --- Geometry (SoT: geometry.json → badges; web CSS grid, rem × 16) ----------
+// Label per-size: height / round-filled paddingX / fontSize.
+// (size-24 sampled by geometry.json: label.text.size=13, label.round.paddingX=8.)
+const LABEL_GEOMETRY = {
+  14: {
+    height: 14,
+    paddingX: 4,
+    fontSize: 10
+  },
+  16: {
+    height: 16,
+    paddingX: 4,
+    fontSize: 10
+  },
+  20: {
+    height: 20,
+    paddingX: 6,
+    fontSize: 12
+  },
+  24: {
+    height: 24,
+    paddingX: 8,
+    fontSize: 13
+  },
+  28: {
+    height: 28,
+    paddingX: 8,
+    fontSize: 13
+  },
+  32: {
+    height: 32,
+    paddingX: 12,
+    fontSize: 15
+  }
+};
+
+// Square shape narrows label horizontal padding (geometry.json label.square.paddingX=2).
+const squarePaddingX = (fill, size) => {
+  if (fill === 'filled' && (size === 14 || size === 16)) return 2;
+  if (fill === 'ghost' && (size === 20 || size === 24 || size === 28)) return 2;
+  if (fill === 'ghost' && size === 32) return 4;
+  return undefined;
+};
+
+// Corner radius: square = 4 (geometry.json label.square.cornerRadius); round = full pill.
+const SQUARE_RADIUS = 4;
+const ROUND_RADIUS = 9999;
+const BORDER_WIDTH = 1; // web ring: 0 0 0 0.0625rem
+
+// --- Colour token resolution (preset → AmityColorToken refs) ------------------
+
+const ATOMIC_TOKENS = {
+  surface: AmityColorToken.SurfaceBadgeAtomicBadgeFilledDefault,
+  text: AmityColorToken.TextBadgeAtomicBadgeDefault,
+  icon: AmityColorToken.IconBadgeAtomicBadgeDefault,
+  border: AmityColorToken.BorderBadgeAtomicBadgeDefault
+};
+export function resolveBadgeTokens(slug) {
+  switch (slug) {
+    case 'general-notification':
+      return {
+        ...ATOMIC_TOKENS,
+        surface: AmityColorToken.SurfaceBadgeSemanticBadgeGeneralNotification,
+        text: AmityColorToken.TextBadgeSemanticBadgeGeneralDefaultDefault,
+        border: AmityColorToken.BorderBadgeSemanticBadgeGeneralDefault
+      };
+    case 'userstatus-moderator':
+      return {
+        ...ATOMIC_TOKENS,
+        surface: AmityColorToken.SurfaceBadgeSemanticBadgeUserStatusModerator,
+        icon: AmityColorToken.IconBadgeSemanticBadgeUserStatusModeratorDefault,
+        border: AmityColorToken.BorderAvatarIndicatorDefault
+      };
+    case 'chat-mention':
+      return {
+        ...ATOMIC_TOKENS,
+        surface: AmityColorToken.SurfaceBadgeSemanticBadgeChatMention,
+        icon: AmityColorToken.IconBadgeSemanticBadgeChatMentionDefault
+      };
+    case 'chat-private':
+      return {
+        ...ATOMIC_TOKENS,
+        surface: AmityColorToken.SurfaceBadgeSemanticBadgeChatPrivate,
+        icon: AmityColorToken.IconBadgeSemanticBadgeChatPrivateDefault,
+        border: AmityColorToken.BorderAvatarProfileDefault
+      };
+    // userstatus/private — no Surface/UserStatus/Private token yet; stopgap
+    // reuses the Moderator surface until the private surface token ships (matches web).
+    case 'userstatus-private':
+      return {
+        ...ATOMIC_TOKENS,
+        surface: AmityColorToken.SurfaceBadgeSemanticBadgeUserStatusModerator,
+        icon: AmityColorToken.IconBadgeSemanticBadgeUserStatusPrivateDefault
+      };
+    default:
+      return ATOMIC_TOKENS;
+  }
+}
+
+// --- Style hook ---------------------------------------------------------------
+
+export const useStyles = ({
+  variant,
+  shape,
+  fill,
+  size,
+  border,
+  tokens
+}) => {
+  const token = useToken();
+  const borderRadius = shape === 'square' ? SQUARE_RADIUS : ROUND_RADIUS;
+  const backgroundColor = fill === 'ghost' ? 'transparent' : token(tokens.surface);
+  const borderProps = border ? {
+    borderWidth: BORDER_WIDTH,
+    borderColor: token(tokens.border)
+  } : null;
+  const base = {
+    alignSelf: 'flex-start',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius,
+    backgroundColor,
+    ...borderProps
+  };
+  const label = LABEL_GEOMETRY[size];
+  const paddingHorizontal = shape === 'square' ? squarePaddingX(fill, size) ?? label.paddingX : label.paddingX;
+  const styles = StyleSheet.create({
+    badge: variant === 'label' ? {
+      ...base,
+      height: label.height,
+      paddingHorizontal
+    } : {
+      ...base,
+      width: size,
+      height: size
+    },
+    label: {
+      color: token(tokens.text),
+      fontSize: label.fontSize,
+      fontWeight: '600',
+      lineHeight: label.fontSize
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/core/design/atoms/Badge/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","LABEL_GEOMETRY","height","paddingX","fontSize","squarePaddingX","fill","size","undefined","SQUARE_RADIUS","ROUND_RADIUS","BORDER_WIDTH","ATOMIC_TOKENS","surface","SurfaceBadgeAtomicBadgeFilledDefault","text","TextBadgeAtomicBadgeDefault","icon","IconBadgeAtomicBadgeDefault","border","BorderBadgeAtomicBadgeDefault","resolveBadgeTokens","slug","SurfaceBadgeSemanticBadgeGeneralNotification","TextBadgeSemanticBadgeGeneralDefaultDefault","BorderBadgeSemanticBadgeGeneralDefault","SurfaceBadgeSemanticBadgeUserStatusModerator","IconBadgeSemanticBadgeUserStatusModeratorDefault","BorderAvatarIndicatorDefault","SurfaceBadgeSemanticBadgeChatMention","IconBadgeSemanticBadgeChatMentionDefault","SurfaceBadgeSemanticBadgeChatPrivate","IconBadgeSemanticBadgeChatPrivateDefault","BorderAvatarProfileDefault","IconBadgeSemanticBadgeUserStatusPrivateDefault","useStyles","variant","shape","tokens","token","borderRadius","backgroundColor","borderProps","borderWidth","borderColor","base","alignSelf","alignItems","justifyContent","label","paddingHorizontal","styles","create","badge","width","color","fontWeight","lineHeight"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Badge/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/core/design/atoms/Button/Button.js

@@ -0,0 +1,70 @@
+// Button atom — ported from AmityUiKitWeb core/design/atoms/Button (Main).
+// Public API follows the SoT design spec (geometry.json button.main.properties):
+// hierarchy (primary/secondary/tertiary) × tone (default/destructive/brand/inverse/subtle)
+// × size (lg/sm) × state (default/disabled). Web onClick → RN onPress; RN Pressable + Text
+// (+ optional AmityIcon), never button/div. Colors resolve through design tokens (styles.ts).
+
+// 1. React / RN imports
+import React from 'react';
+import { Pressable, Text } from 'react-native';
+
+// 3. Internal imports
+import { AmityIcon } from '../../icons';
+import { useStyles } from './styles';
+
+// 4. Types
+
+// 5. Named function component
+export function Button({
+  hierarchy = 'primary',
+  tone = 'default',
+  size = 'lg',
+  label,
+  children,
+  icon,
+  iconOnly = false,
+  disabled = false,
+  fullWidth = false,
+  style,
+  onPress
+}) {
+  const content = label ?? children;
+  const isIconOnly = iconOnly || !!icon && content == null;
+  const {
+    styles,
+    palette,
+    iconGlyph
+  } = useStyles(hierarchy, tone, size, isIconOnly, fullWidth);
+  const stateFor = pressed => disabled ? palette.disabled : pressed ? palette.pressed : palette.enabled;
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled
+    },
+    style: ({
+      pressed
+    }) => {
+      const s = stateFor(pressed);
+      return [styles.container, {
+        backgroundColor: s.backgroundColor,
+        borderColor: s.borderColor
+      }, style];
+    }
+  }, ({
+    pressed
+  }) => {
+    const s = stateFor(pressed);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, icon ? /*#__PURE__*/React.createElement(AmityIcon, {
+      name: icon,
+      size: iconGlyph,
+      color: s.iconColor
+    }) : null, !isIconOnly && content != null ? typeof content === 'string' ? /*#__PURE__*/React.createElement(Text, {
+      style: [styles.label, {
+        color: s.textColor
+      }]
+    }, content) : content : null);
+  });
+}
+//# sourceMappingURL=Button.js.map

package/lib/module/core/design/atoms/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","Text","AmityIcon","useStyles","Button","hierarchy","tone","size","label","children","icon","iconOnly","disabled","fullWidth","style","onPress","content","isIconOnly","styles","palette","iconGlyph","stateFor","pressed","enabled","createElement","accessibilityRole","accessibilityState","s","container","backgroundColor","borderColor","Fragment","name","color","iconColor","textColor"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Button/Button.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EACTC,IAAI,QAIC,cAAc;;AAErB;AACA,SAASC,SAAS,QAA4B,aAAa;AAC3D,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AA4BA;AACA,OAAO,SAASC,MAAMA,CAAC;EACrBC,SAAS,GAAG,SAAS;EACrBC,IAAI,GAAG,SAAS;EAChBC,IAAI,GAAG,IAAI;EACXC,KAAK;EACLC,QAAQ;EACRC,IAAI;EACJC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAG,KAAK;EACjBC,KAAK;EACLC;AACW,CAAC,EAAE;EACd,MAAMC,OAAO,GAAGR,KAAK,IAAIC,QAAQ;EACjC,MAAMQ,UAAU,GAAGN,QAAQ,IAAK,CAAC,CAACD,IAAI,IAAIM,OAAO,IAAI,IAAK;EAC1D,MAAM;IAAEE,MAAM;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAGjB,SAAS,CAC9CE,SAAS,EACTC,IAAI,EACJC,IAAI,EACJU,UAAU,EACVJ,SACF,CAAC;EAED,MAAMQ,QAAQ,GAAIC,OAAgB,IAChCV,QAAQ,GAAGO,OAAO,CAACP,QAAQ,GAAGU,OAAO,GAAGH,OAAO,CAACG,OAAO,GAAGH,OAAO,CAACI,OAAO;EAE3E,oBACExB,KAAA,CAAAyB,aAAA,CAACxB,SAAS;IACRe,OAAO,EAAEA,OAAQ;IACjBH,QAAQ,EAAEA,QAAS;IACnBa,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEd;IAAS,CAAE;IACjCE,KAAK,EAAEA,CAAC;MAAEQ;IAAQ,CAAC,KAAK;MACtB,MAAMK,CAAC,GAAGN,QAAQ,CAACC,OAAO,CAAC;MAC3B,OAAO,CACLJ,MAAM,CAACU,SAAS,EAChB;QAAEC,eAAe,EAAEF,CAAC,CAACE,eAAe;QAAEC,WAAW,EAAEH,CAAC,CAACG;MAAY,CAAC,EAClEhB,KAAK,CACN;IACH;EAAE,GAED,CAAC;IAAEQ;EAAQ,CAAC,KAAK;IAChB,MAAMK,CAAC,GAAGN,QAAQ,CAACC,OAAO,CAAC;IAC3B,oBACEvB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAgC,QAAA,QACGrB,IAAI,gBACHX,KAAA,CAAAyB,aAAA,CAACtB,SAAS;MAAC8B,IAAI,EAAEtB,IAAK;MAACH,IAAI,EAAEa,SAAU;MAACa,KAAK,EAAEN,CAAC,CAACO;IAAU,CAAE,CAAC,GAC5D,IAAI,EACP,CAACjB,UAAU,IAAID,OAAO,IAAI,IAAI,GAC7B,OAAOA,OAAO,KAAK,QAAQ,gBACzBjB,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAACa,KAAK,EAAE,CAACI,MAAM,CAACV,KAAK,EAAE;QAAEyB,KAAK,EAAEN,CAAC,CAACQ;MAAU,CAAC;IAAE,GACjDnB,OACG,CAAC,GAEPA,OACD,GACC,IACJ,CAAC;EAEP,CACS,CAAC;AAEhB","ignoreList":[]}

package/lib/module/core/design/atoms/Button/Icon/Icon.js

@@ -0,0 +1,60 @@
+// Button.Icon atom — ported from AmityUiKitWeb core/design/atoms/Button/Icon
+// (Icon.tsx + Icon.module.css). A round icon-only button carrying the web
+// [data-size] geometry scale and the styleType × hierarchy token matrix with
+// interaction states. Web onPress → RN onPress; web [data-hovered] token swap →
+// RN pressed slice; web [data-disabled] → RN disabled slice (same state pattern
+// as the core Button atom). Colours resolve through design tokens (styles.ts).
+//
+// Web's `label` styleType and `general` hierarchy are not ported: no chat usage,
+// and `label` has no icon-colour token in the web CSS. Supported combos are the
+// five that ship IconButton tokens: filled/ghost/transparent × primary/secondary.
+
+// 1. React / RN imports
+import { Pressable } from 'react-native';
+
+// 3. Internal imports
+import { AmityIcon } from '../../../icons';
+import { useStyles } from './styles';
+
+// 4. Types
+
+// 5. Named function component
+export function Icon({
+  icon,
+  styleType = 'filled',
+  hierarchy = 'primary',
+  size = 40,
+  disabled = false,
+  onPress,
+  accessibilityLabel,
+  style,
+  iconSize
+}) {
+  const {
+    styles,
+    palette,
+    glyph
+  } = useStyles(styleType, hierarchy, size);
+  const stateFor = pressed => disabled ? palette.disabled : pressed ? palette.pressed : palette.enabled;
+  return /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityState: {
+      disabled
+    },
+    style: ({
+      pressed
+    }) => [styles.container, {
+      backgroundColor: stateFor(pressed).backgroundColor
+    }, style]
+  }, ({
+    pressed
+  }) => /*#__PURE__*/React.createElement(AmityIcon, {
+    name: icon,
+    size: iconSize ?? glyph,
+    color: stateFor(pressed).iconColor
+  }));
+}
+//# sourceMappingURL=Icon.js.map

package/lib/module/core/design/atoms/Button/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","AmityIcon","useStyles","Icon","icon","styleType","hierarchy","size","disabled","onPress","accessibilityLabel","style","iconSize","styles","palette","glyph","stateFor","pressed","enabled","React","createElement","accessibilityRole","accessibilityState","container","backgroundColor","name","color","iconColor"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Button/Icon/Icon.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SACEA,SAAS,QAIJ,cAAc;;AAErB;AACA,SAASC,SAAS,QAA4B,gBAAgB;AAC9D,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAwBA;AACA,OAAO,SAASC,IAAIA,CAAC;EACnBC,IAAI;EACJC,SAAS,GAAG,QAAQ;EACpBC,SAAS,GAAG,SAAS;EACrBC,IAAI,GAAG,EAAE;EACTC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC,kBAAkB;EAClBC,KAAK;EACLC;AACe,CAAC,EAAE;EAClB,MAAM;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGb,SAAS,CAACG,SAAS,EAAEC,SAAS,EAAEC,IAAI,CAAC;EAExE,MAAMS,QAAQ,GAAIC,OAAgB,IAChCT,QAAQ,GAAGM,OAAO,CAACN,QAAQ,GAAGS,OAAO,GAAGH,OAAO,CAACG,OAAO,GAAGH,OAAO,CAACI,OAAO;EAE3E,oBACEC,KAAA,CAAAC,aAAA,CAACpB,SAAS;IACRS,OAAO,EAAEA,OAAQ;IACjBD,QAAQ,EAAEA,QAAS;IACnBa,iBAAiB,EAAC,QAAQ;IAC1BX,kBAAkB,EAAEA,kBAAmB;IACvCY,kBAAkB,EAAE;MAAEd;IAAS,CAAE;IACjCG,KAAK,EAAEA,CAAC;MAAEM;IAAQ,CAAC,KAAK,CACtBJ,MAAM,CAACU,SAAS,EAChB;MAAEC,eAAe,EAAER,QAAQ,CAACC,OAAO,CAAC,CAACO;IAAgB,CAAC,EACtDb,KAAK;EACL,GAED,CAAC;IAAEM;EAAQ,CAAC,kBACXE,KAAA,CAAAC,aAAA,CAACnB,SAAS;IACRwB,IAAI,EAAErB,IAAK;IACXG,IAAI,EAAEK,QAAQ,IAAIG,KAAM;IACxBW,KAAK,EAAEV,QAAQ,CAACC,OAAO,CAAC,CAACU;EAAU,CACpC,CAEM,CAAC;AAEhB","ignoreList":[]}

package/lib/module/core/design/atoms/Button/Icon/index.js

@@ -0,0 +1,2 @@
+export { Icon } from './Icon';
+//# sourceMappingURL=index.js.map

package/lib/module/core/design/atoms/Button/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Icon"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Button/Icon/index.ts"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ","ignoreList":[]}