@amityco/react-native-social-uikit 4.1.1-e85011d9.0 → 4.1.1-fb84f89a.0

package/lib/commonjs/core/design/atoms/Tab/Tab.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tab = Tab;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+// Tab atom — ported from AmityUiKitWeb core/design/atoms/Tab.
+// One atom with three variants (pill, underlined, icon). Web react-aria Tab
+// (selection + click) → RN Pressable + `active`/`onPress`. Hover and
+// focus-visible are web-only interaction states and are intentionally omitted.
+
+function Tab({
+  variant = 'pill',
+  label,
+  icon,
+  active = false,
+  disabled = false,
+  onPress
+}) {
+  const {
+    styles,
+    iconColor
+  } = (0, _styles.useStyles)(variant, active, disabled);
+  const tintedIcon = /*#__PURE__*/(0, _react.isValidElement)(icon) ? /*#__PURE__*/(0, _react.cloneElement)(icon, {
+    color: iconColor
+  }) : icon;
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.tab,
+    onPress: onPress,
+    disabled: disabled,
+    accessibilityRole: "tab",
+    accessibilityState: {
+      selected: active,
+      disabled
+    }
+  }, variant === 'icon' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.icon
+  }, tintedIcon), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.indicator
+  })) : variant === 'underlined' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.label
+  }, label), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.indicator
+  })) : /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.label
+  }, label));
+}
+//# sourceMappingURL=Tab.js.map

package/lib/commonjs/core/design/atoms/Tab/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_styles","Tab","variant","label","icon","active","disabled","onPress","styles","iconColor","useStyles","tintedIcon","isValidElement","cloneElement","color","React","createElement","Pressable","style","tab","accessibilityRole","accessibilityState","selected","Fragment","View","indicator","Text"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Tab/Tab.tsx"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAZA;AACA;AACA;AACA;;AAsBO,SAASG,GAAGA,CAAC;EAClBC,OAAO,GAAG,MAAM;EAChBC,KAAK;EACLC,IAAI;EACJC,MAAM,GAAG,KAAK;EACdC,QAAQ,GAAG,KAAK;EAChBC;AACQ,CAAC,EAAE;EACX,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAACR,OAAO,EAAEG,MAAM,EAAEC,QAAQ,CAAC;EAElE,MAAMK,UAAU,GAAG,iBAAAC,qBAAc,EAACR,IAAI,CAAC,gBACnC,IAAAS,mBAAY,EAACT,IAAI,EAAsC;IACrDU,KAAK,EAAEL;EACT,CAAC,CAAC,GACFL,IAAI;EAER,oBACEW,KAAA,CAAAC,aAAA,CAACjB,YAAA,CAAAkB,SAAS;IACRC,KAAK,EAAEV,MAAM,CAACW,GAAI;IAClBZ,OAAO,EAAEA,OAAQ;IACjBD,QAAQ,EAAEA,QAAS;IACnBc,iBAAiB,EAAC,KAAK;IACvBC,kBAAkB,EAAE;MAAEC,QAAQ,EAAEjB,MAAM;MAAEC;IAAS;EAAE,GAElDJ,OAAO,KAAK,MAAM,gBACjBa,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAQ,QAAA,qBACER,KAAA,CAAAC,aAAA,CAACjB,YAAA,CAAAyB,IAAI;IAACN,KAAK,EAAEV,MAAM,CAACJ;EAAK,GAAEO,UAAiB,CAAC,eAC7CI,KAAA,CAAAC,aAAA,CAACjB,YAAA,CAAAyB,IAAI;IAACN,KAAK,EAAEV,MAAM,CAACiB;EAAU,CAAE,CAChC,CAAC,GACDvB,OAAO,KAAK,YAAY,gBAC1Ba,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAQ,QAAA,qBACER,KAAA,CAAAC,aAAA,CAACjB,YAAA,CAAA2B,IAAI;IAACR,KAAK,EAAEV,MAAM,CAACL;EAAM,GAAEA,KAAY,CAAC,eACzCY,KAAA,CAAAC,aAAA,CAACjB,YAAA,CAAAyB,IAAI;IAACN,KAAK,EAAEV,MAAM,CAACiB;EAAU,CAAE,CAChC,CAAC,gBAEHV,KAAA,CAAAC,aAAA,CAACjB,YAAA,CAAA2B,IAAI;IAACR,KAAK,EAAEV,MAAM,CAACL;EAAM,GAAEA,KAAY,CAEjC,CAAC;AAEhB","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Tab/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Tab", {
+  enumerable: true,
+  get: function () {
+    return _Tab.Tab;
+  }
+});
+var _Tab = require("./Tab");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/core/design/atoms/Tab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Tab","require"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Tab/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Tab/styles.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../theme/useToken");
+var _amityColorTokens = require("../../tokens/amity-color-tokens");
+// Geometry from SoT (geometry.json → tabs), px:
+//   pill:       height 40, padding 8×12, radius 24, border 1, fontSize 17, lineHeight 24
+//   underlined: height 56, paddingTop 16, gap 14, indicator thickness 2
+//   icon:       height 56, paddingTop 16, gap 14, glyph 24×24, indicator 24×2
+const useStyles = (variant, active, disabled) => {
+  const token = (0, _useToken.useToken)();
+  const labelColor = variant === 'pill' ? token(disabled ? _amityColorTokens.AmityColorToken.TextTabPillDisabled : active ? _amityColorTokens.AmityColorToken.TextTabPillActive : _amityColorTokens.AmityColorToken.TextTabPillDefault) : token(disabled ? _amityColorTokens.AmityColorToken.TextTabUnderlinedDisabled : active ? _amityColorTokens.AmityColorToken.TextTabUnderlinedActive : _amityColorTokens.AmityColorToken.TextTabUnderlinedDefault);
+  const iconColor = token(disabled ? _amityColorTokens.AmityColorToken.IconTabDisabled : active ? _amityColorTokens.AmityColorToken.IconTabActive : _amityColorTokens.AmityColorToken.IconTabDefault);
+  const indicatorColor = !active ? 'transparent' : variant === 'icon' ? token(_amityColorTokens.AmityColorToken.LineTabIconActive) : token(_amityColorTokens.AmityColorToken.LineTabUnderlinedActive);
+  const pillSurface = token(disabled ? _amityColorTokens.AmityColorToken.SurfaceTabPillDisabled : active ? _amityColorTokens.AmityColorToken.SurfaceTabPillActive : _amityColorTokens.AmityColorToken.SurfaceTabPillDefault);
+  const pillBorder = token(disabled ? _amityColorTokens.AmityColorToken.BorderTabPillDisabled : active ? _amityColorTokens.AmityColorToken.BorderTabPillActive : _amityColorTokens.AmityColorToken.BorderTabPillDefault);
+  const tab = variant === 'pill' ? {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: 40,
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    borderRadius: 24,
+    borderWidth: 1,
+    borderColor: pillBorder,
+    backgroundColor: pillSurface
+  } : {
+    flexDirection: 'column',
+    alignItems: 'center',
+    gap: 14,
+    height: 56,
+    paddingTop: 16,
+    backgroundColor: 'transparent'
+  };
+  const styles = _reactNative.StyleSheet.create({
+    tab,
+    label: {
+      fontSize: 17,
+      lineHeight: 24,
+      fontWeight: active ? '600' : '400',
+      color: labelColor
+    },
+    icon: {
+      width: 24,
+      height: 24
+    },
+    indicator: variant === 'icon' ? {
+      width: 24,
+      height: 2,
+      backgroundColor: indicatorColor
+    } : {
+      width: '100%',
+      height: 2,
+      backgroundColor: indicatorColor
+    }
+  });
+  return {
+    styles,
+    iconColor
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/core/design/atoms/Tab/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","variant","active","disabled","token","useToken","labelColor","AmityColorToken","TextTabPillDisabled","TextTabPillActive","TextTabPillDefault","TextTabUnderlinedDisabled","TextTabUnderlinedActive","TextTabUnderlinedDefault","iconColor","IconTabDisabled","IconTabActive","IconTabDefault","indicatorColor","LineTabIconActive","LineTabUnderlinedActive","pillSurface","SurfaceTabPillDisabled","SurfaceTabPillActive","SurfaceTabPillDefault","pillBorder","BorderTabPillDisabled","BorderTabPillActive","BorderTabPillDefault","tab","flexDirection","alignItems","justifyContent","height","paddingVertical","paddingHorizontal","borderRadius","borderWidth","borderColor","backgroundColor","gap","paddingTop","styles","StyleSheet","create","label","fontSize","lineHeight","fontWeight","color","icon","width","indicator","exports"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Tab/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAGA;AACA;AACA;AACA;AACO,MAAMG,SAAS,GAAGA,CACvBC,OAAmB,EACnBC,MAAe,EACfC,QAAiB,KACd;EACH,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,UAAU,GACdL,OAAO,KAAK,MAAM,GACdG,KAAK,CACHD,QAAQ,GACJI,iCAAe,CAACC,mBAAmB,GACnCN,MAAM,GACNK,iCAAe,CAACE,iBAAiB,GACjCF,iCAAe,CAACG,kBACtB,CAAC,GACDN,KAAK,CACHD,QAAQ,GACJI,iCAAe,CAACI,yBAAyB,GACzCT,MAAM,GACNK,iCAAe,CAACK,uBAAuB,GACvCL,iCAAe,CAACM,wBACtB,CAAC;EAEP,MAAMC,SAAS,GAAGV,KAAK,CACrBD,QAAQ,GACJI,iCAAe,CAACQ,eAAe,GAC/Bb,MAAM,GACNK,iCAAe,CAACS,aAAa,GAC7BT,iCAAe,CAACU,cACtB,CAAC;EAED,MAAMC,cAAc,GAAG,CAAChB,MAAM,GAC1B,aAAa,GACbD,OAAO,KAAK,MAAM,GAClBG,KAAK,CAACG,iCAAe,CAACY,iBAAiB,CAAC,GACxCf,KAAK,CAACG,iCAAe,CAACa,uBAAuB,CAAC;EAElD,MAAMC,WAAW,GAAGjB,KAAK,CACvBD,QAAQ,GACJI,iCAAe,CAACe,sBAAsB,GACtCpB,MAAM,GACNK,iCAAe,CAACgB,oBAAoB,GACpChB,iCAAe,CAACiB,qBACtB,CAAC;EACD,MAAMC,UAAU,GAAGrB,KAAK,CACtBD,QAAQ,GACJI,iCAAe,CAACmB,qBAAqB,GACrCxB,MAAM,GACNK,iCAAe,CAACoB,mBAAmB,GACnCpB,iCAAe,CAACqB,oBACtB,CAAC;EAED,MAAMC,GAAG,GACP5B,OAAO,KAAK,MAAM,GACd;IACE6B,aAAa,EAAE,KAAc;IAC7BC,UAAU,EAAE,QAAiB;IAC7BC,cAAc,EAAE,QAAiB;IACjCC,MAAM,EAAE,EAAE;IACVC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEb,UAAU;IACvBc,eAAe,EAAElB;EACnB,CAAC,GACD;IACES,aAAa,EAAE,QAAiB;IAChCC,UAAU,EAAE,QAAiB;IAC7BS,GAAG,EAAE,EAAE;IACPP,MAAM,EAAE,EAAE;IACVQ,UAAU,EAAE,EAAE;IACdF,eAAe,EAAE;EACnB,CAAC;EAEP,MAAMG,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/Bf,GAAG;IACHgB,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,UAAU,EAAE9C,MAAM,GAAG,KAAK,GAAG,KAAK;MAClC+C,KAAK,EAAE3C;IACT,CAAC;IACD4C,IAAI,EAAE;MACJC,KAAK,EAAE,EAAE;MACTlB,MAAM,EAAE;IACV,CAAC;IACDmB,SAAS,EACPnD,OAAO,KAAK,MAAM,GACd;MAAEkD,KAAK,EAAE,EAAE;MAAElB,MAAM,EAAE,CAAC;MAAEM,eAAe,EAAErB;IAAe,CAAC,GACzD;MACEiC,KAAK,EAAE,MAAe;MACtBlB,MAAM,EAAE,CAAC;MACTM,eAAe,EAAErB;IACnB;EACR,CAAC,CAAC;EAEF,OAAO;IAAEwB,MAAM;IAAE5B;EAAU,CAAC;AAC9B,CAAC;AAACuC,OAAA,CAAArD,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/core/design/components/Menu/Menu.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Menu = Menu;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _icons = require("../../icons");
+var _Typography = require("../Typography");
+var _Skeleton = require("../Skeleton");
+var _styles = require("./styles");
+// Menu — ported from AmityUiKitWeb core/design/components/Menu.
+// Web renders a <div> wrapper whose CSS descendant selectors style each row by
+// the parent's data-container / data-variant. RN has no cascade, so the parent
+// pushes those two axes to rows through context. `Menu.Item` is an icon + label
+// row (tinted per destructive flag); `Menu.Item.Skeleton` is the loading row.
+
+const MenuContext = /*#__PURE__*/(0, _react.createContext)({
+  container: 'popover',
+  variant: 'social'
+});
+function Menu({
+  children,
+  container = 'popover',
+  variant = 'social'
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)({
+    container,
+    variant
+  });
+  return /*#__PURE__*/React.createElement(MenuContext.Provider, {
+    value: {
+      container,
+      variant
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.menu
+  }, children));
+}
+function MenuItem({
+  label,
+  icon,
+  destructive = false,
+  onPress,
+  typography = 'bodyBold'
+}) {
+  const {
+    container,
+    variant
+  } = (0, _react.useContext)(MenuContext);
+  const {
+    styles,
+    iconSize,
+    labelColorToken
+  } = (0, _styles.useStyles)({
+    container,
+    variant,
+    destructive
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.menuItem,
+    onPress: onPress
+  }, icon ? /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: icon,
+    size: iconSize,
+    tokenColor: labelColorToken
+  }) : null, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: typography,
+    style: styles.menuItemLabel
+  }, label));
+}
+Menu.Item = MenuItem;
+function MenuItemSkeleton() {
+  const {
+    container,
+    variant
+  } = (0, _react.useContext)(MenuContext);
+  const {
+    styles
+  } = (0, _styles.useStyles)({
+    container,
+    variant
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.menuItemSkeleton,
+    accessibilityElementsHidden: true
+  }, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
+    height: 10,
+    width: "100%"
+  }));
+}
+MenuItem.Skeleton = MenuItemSkeleton;
+//# sourceMappingURL=Menu.js.map

package/lib/commonjs/core/design/components/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_icons","_Typography","_Skeleton","_styles","MenuContext","createContext","container","variant","Menu","children","styles","useStyles","React","createElement","Provider","value","View","style","menu","MenuItem","label","icon","destructive","onPress","typography","useContext","iconSize","labelColorToken","Pressable","menuItem","AmityIcon","name","size","tokenColor","Typography","menuItemLabel","Item","MenuItemSkeleton","menuItemSkeleton","accessibilityElementsHidden","Skeleton","height","width"],"sourceRoot":"../../../../../../src","sources":["core/design/components/Menu/Menu.tsx"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAXA;AACA;AACA;AACA;AACA;;AAcA,MAAMM,WAAW,gBAAG,IAAAC,oBAAa,EAAmB;EAClDC,SAAS,EAAE,SAAS;EACpBC,OAAO,EAAE;AACX,CAAC,CAAC;AAQK,SAASC,IAAIA,CAAC;EACnBC,QAAQ;EACRH,SAAS,GAAG,SAAS;EACrBC,OAAO,GAAG;AACD,CAAC,EAAE;EACZ,MAAM;IAAEG;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC;IAAEL,SAAS;IAAEC;EAAQ,CAAC,CAAC;EAEpD,oBACEK,KAAA,CAAAC,aAAA,CAACT,WAAW,CAACU,QAAQ;IAACC,KAAK,EAAE;MAAET,SAAS;MAAEC;IAAQ;EAAE,gBAClDK,KAAA,CAAAC,aAAA,CAACd,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAEP,MAAM,CAACQ;EAAK,GAAET,QAAe,CACtB,CAAC;AAE3B;AAUA,SAASU,QAAQA,CAAC;EAChBC,KAAK;EACLC,IAAI;EACJC,WAAW,GAAG,KAAK;EACnBC,OAAO;EACPC,UAAU,GAAG;AACA,CAAC,EAAE;EAChB,MAAM;IAAElB,SAAS;IAAEC;EAAQ,CAAC,GAAG,IAAAkB,iBAAU,EAACrB,WAAW,CAAC;EACtD,MAAM;IAAEM,MAAM;IAAEgB,QAAQ;IAAEC;EAAgB,CAAC,GAAG,IAAAhB,iBAAS,EAAC;IACtDL,SAAS;IACTC,OAAO;IACPe;EACF,CAAC,CAAC;EAEF,oBACEV,KAAA,CAAAC,aAAA,CAACd,YAAA,CAAA6B,SAAS;IAACX,KAAK,EAAEP,MAAM,CAACmB,QAAS;IAACN,OAAO,EAAEA;EAAQ,GACjDF,IAAI,gBACHT,KAAA,CAAAC,aAAA,CAACb,MAAA,CAAA8B,SAAS;IAACC,IAAI,EAAEV,IAAK;IAACW,IAAI,EAAEN,QAAS;IAACO,UAAU,EAAEN;EAAgB,CAAE,CAAC,GACpE,IAAI,eACRf,KAAA,CAAAC,aAAA,CAACZ,WAAA,CAAAiC,UAAU;IAAC3B,OAAO,EAAEiB,UAAW;IAACP,KAAK,EAAEP,MAAM,CAACyB;EAAc,GAC1Df,KACS,CACH,CAAC;AAEhB;AAEAZ,IAAI,CAAC4B,IAAI,GAAGjB,QAAQ;AAEpB,SAASkB,gBAAgBA,CAAA,EAAG;EAC1B,MAAM;IAAE/B,SAAS;IAAEC;EAAQ,CAAC,GAAG,IAAAkB,iBAAU,EAACrB,WAAW,CAAC;EACtD,MAAM;IAAEM;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC;IAAEL,SAAS;IAAEC;EAAQ,CAAC,CAAC;EAEpD,oBACEK,KAAA,CAAAC,aAAA,CAACd,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAEP,MAAM,CAAC4B,gBAAiB;IAACC,2BAA2B;EAAA,gBAE/D3B,KAAA,CAAAC,aAAA,CAACX,SAAA,CAAAsC,QAAQ;IAACC,MAAM,EAAE,EAAG;IAACC,KAAK,EAAC;EAAM,CAAE,CAChC,CAAC;AAEX;AAEAvB,QAAQ,CAACqB,QAAQ,GAAGH,gBAAgB","ignoreList":[]}

package/lib/commonjs/core/design/components/Menu/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Menu", {
+  enumerable: true,
+  get: function () {
+    return _Menu.Menu;
+  }
+});
+var _Menu = require("./Menu");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/core/design/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Menu","require"],"sourceRoot":"../../../../../../src","sources":["core/design/components/Menu/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/core/design/components/Menu/styles.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../theme/useToken");
+var _amityColorTokens = require("../../tokens/amity-color-tokens");
+// Web geometry (Menu.module.css, rem × 16). The web cascade is flattened here
+// into explicit per-combination values since RN has no descendant selectors.
+const useStyles = ({
+  container = 'popover',
+  variant = 'social',
+  destructive = false
+}) => {
+  const token = (0, _useToken.useToken)();
+
+  // --- .menu padding ---------------------------------------------------------
+  // base: 0.5rem 0; drawer: 0; chat popover: 0.
+  let menuPaddingVertical = 8;
+  if (container === 'drawer') menuPaddingVertical = 0;else if (variant === 'chat') menuPaddingVertical = 0;
+
+  // --- .menuItem geometry ----------------------------------------------------
+  // base: gap 0.75rem (12), padding 0.875rem 1rem (14/16).
+  let gap = 12;
+  let paddingVertical = 14;
+  let paddingHorizontal = 16;
+  let borderRadius = 0;
+  if (container === 'drawer') {
+    // .menu[data-container='drawer'] .menuItem { padding: 0.875rem 0; }
+    paddingHorizontal = 0;
+  } else if (variant === 'chat') {
+    // chat popover: padding 0.75rem (12); border-radius 0.5rem (8).
+    paddingVertical = 12;
+    paddingHorizontal = 12;
+    borderRadius = 8;
+  } else {
+    // social popover: gap 0.5rem (8); padding 1rem (16).
+    gap = 8;
+    paddingVertical = 16;
+    paddingHorizontal = 16;
+  }
+
+  // --- icon size -------------------------------------------------------------
+  // base 1.5rem (24); chat popover 1.25rem (20).
+  const iconSize = container === 'popover' && variant === 'chat' ? 20 : 24;
+
+  // --- colour: menuItem[data-destructive] ------------------------------------
+  const labelColorToken = destructive ? _amityColorTokens.AmityColorToken.TextListHeaderDestructiveDefault : _amityColorTokens.AmityColorToken.TextListHeaderDefaultDefault;
+  const styles = _reactNative.StyleSheet.create({
+    menu: {
+      paddingVertical: menuPaddingVertical
+    },
+    menuItem: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'flex-start',
+      gap,
+      paddingVertical,
+      paddingHorizontal,
+      borderRadius
+    },
+    menuItemLabel: {
+      color: token(labelColorToken)
+    },
+    // .menuItem--skeleton — non-interactive placeholder row.
+    menuItemSkeleton: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap,
+      paddingVertical,
+      paddingHorizontal,
+      borderRadius
+    }
+  });
+  return {
+    styles,
+    token,
+    iconSize,
+    labelColorToken
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/core/design/components/Menu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","container","variant","destructive","token","useToken","menuPaddingVertical","gap","paddingVertical","paddingHorizontal","borderRadius","iconSize","labelColorToken","AmityColorToken","TextListHeaderDestructiveDefault","TextListHeaderDefaultDefault","styles","StyleSheet","create","menu","menuItem","flexDirection","alignItems","justifyContent","menuItemLabel","color","menuItemSkeleton","exports"],"sourceRoot":"../../../../../../src","sources":["core/design/components/Menu/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAWA;AACA;AACO,MAAMG,SAAS,GAAGA,CAAC;EACxBC,SAAS,GAAG,SAAS;EACrBC,OAAO,GAAG,QAAQ;EAClBC,WAAW,GAAG;AACD,CAAC,KAAK;EACnB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;;EAExB;EACA;EACA,IAAIC,mBAAmB,GAAG,CAAC;EAC3B,IAAIL,SAAS,KAAK,QAAQ,EAAEK,mBAAmB,GAAG,CAAC,CAAC,KAC/C,IAAIJ,OAAO,KAAK,MAAM,EAAEI,mBAAmB,GAAG,CAAC;;EAEpD;EACA;EACA,IAAIC,GAAG,GAAG,EAAE;EACZ,IAAIC,eAAe,GAAG,EAAE;EACxB,IAAIC,iBAAiB,GAAG,EAAE;EAC1B,IAAIC,YAAY,GAAG,CAAC;EACpB,IAAIT,SAAS,KAAK,QAAQ,EAAE;IAC1B;IACAQ,iBAAiB,GAAG,CAAC;EACvB,CAAC,MAAM,IAAIP,OAAO,KAAK,MAAM,EAAE;IAC7B;IACAM,eAAe,GAAG,EAAE;IACpBC,iBAAiB,GAAG,EAAE;IACtBC,YAAY,GAAG,CAAC;EAClB,CAAC,MAAM;IACL;IACAH,GAAG,GAAG,CAAC;IACPC,eAAe,GAAG,EAAE;IACpBC,iBAAiB,GAAG,EAAE;EACxB;;EAEA;EACA;EACA,MAAME,QAAQ,GAAGV,SAAS,KAAK,SAAS,IAAIC,OAAO,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE;;EAExE;EACA,MAAMU,eAAe,GAAGT,WAAW,GAC/BU,iCAAe,CAACC,gCAAgC,GAChDD,iCAAe,CAACE,4BAA4B;EAEhD,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJX,eAAe,EAAEF;IACnB,CAAC;IACDc,QAAQ,EAAE;MACRC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,YAAY;MAC5BhB,GAAG;MACHC,eAAe;MACfC,iBAAiB;MACjBC;IACF,CAAC;IACDc,aAAa,EAAE;MACbC,KAAK,EAAErB,KAAK,CAACQ,eAAe;IAC9B,CAAC;IACD;IACAc,gBAAgB,EAAE;MAChBL,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBf,GAAG;MACHC,eAAe;MACfC,iBAAiB;MACjBC;IACF;EACF,CAAC,CAAC;EAEF,OAAO;IAAEM,MAAM;IAAEZ,KAAK;IAAEO,QAAQ;IAAEC;EAAgB,CAAC;AACrD,CAAC;AAACe,OAAA,CAAA3B,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/core/design/components/MenuOptionButton/MenuOptionButton.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuOptionButton = MenuOptionButton;
+var _reactNative = require("react-native");
+var _icons = require("../../icons");
+var _Typography = require("../Typography");
+var _styles = require("./styles");
+// MenuOptionButton — ported from AmityUiKitWeb core/design/components/MenuOptionButton.
+// A single full-width row: leading icon + bold label, with a danger variant that
+// tints both the icon and the text with the alert token. Web rendered a Button +
+// Typography.BodyBold; RN uses Pressable + the Typography component.
+
+function MenuOptionButton({
+  text,
+  icon,
+  onPress,
+  isDanger = false
+}) {
+  const {
+    styles,
+    colorToken
+  } = (0, _styles.useStyles)({
+    isDanger
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.menuOptionButton,
+    onPress: onPress
+  }, icon ? /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: icon,
+    size: 24,
+    tokenColor: colorToken
+  }) : null, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "bodyBold",
+    style: styles.text
+  }, text));
+}
+//# sourceMappingURL=MenuOptionButton.js.map

package/lib/commonjs/core/design/components/MenuOptionButton/MenuOptionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_icons","_Typography","_styles","MenuOptionButton","text","icon","onPress","isDanger","styles","colorToken","useStyles","React","createElement","Pressable","style","menuOptionButton","AmityIcon","name","size","tokenColor","Typography","variant"],"sourceRoot":"../../../../../../src","sources":["core/design/components/MenuOptionButton/MenuOptionButton.tsx"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AARA;AACA;AACA;AACA;;AAcO,SAASI,gBAAgBA,CAAC;EAC/BC,IAAI;EACJC,IAAI;EACJC,OAAO;EACPC,QAAQ,GAAG;AACU,CAAC,EAAE;EACxB,MAAM;IAAEC,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,iBAAS,EAAC;IAAEH;EAAS,CAAC,CAAC;EAEtD,oBACEI,KAAA,CAAAC,aAAA,CAACd,YAAA,CAAAe,SAAS;IAACC,KAAK,EAAEN,MAAM,CAACO,gBAAiB;IAACT,OAAO,EAAEA;EAAQ,GACzDD,IAAI,gBACHM,KAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAgB,SAAS;IAACC,IAAI,EAAEZ,IAAK;IAACa,IAAI,EAAE,EAAG;IAACC,UAAU,EAAEV;EAAW,CAAE,CAAC,GACzD,IAAI,eACRE,KAAA,CAAAC,aAAA,CAACX,WAAA,CAAAmB,UAAU;IAACC,OAAO,EAAC,UAAU;IAACP,KAAK,EAAEN,MAAM,CAACJ;EAAK,GAC/CA,IACS,CACH,CAAC;AAEhB","ignoreList":[]}

package/lib/commonjs/core/design/components/MenuOptionButton/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MenuOptionButton", {
+  enumerable: true,
+  get: function () {
+    return _MenuOptionButton.MenuOptionButton;
+  }
+});
+var _MenuOptionButton = require("./MenuOptionButton");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/core/design/components/MenuOptionButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MenuOptionButton","require"],"sourceRoot":"../../../../../../src","sources":["core/design/components/MenuOptionButton/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/core/design/components/MenuOptionButton/styles.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../theme/useToken");
+var _amityColorTokens = require("../../tokens/amity-color-tokens");
+// Web geometry (MenuOptionButton.module.css, rem × 16).
+const useStyles = ({
+  isDanger = false
+}) => {
+  const token = (0, _useToken.useToken)();
+
+  // Web primitives base-default / alert-default map to the closest semantic
+  // tokens in the RN model: Text/Base/Default and Text/Base/Alert.
+  const colorToken = isDanger ? _amityColorTokens.AmityColorToken.TextBaseAlert : _amityColorTokens.AmityColorToken.TextListHeaderDefaultDefault;
+  const styles = _reactNative.StyleSheet.create({
+    menuOptionButton: {
+      width: '100%',
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12,
+      // 0.75rem
+      paddingVertical: 12,
+      // 0.75rem
+      paddingHorizontal: 16 // 1rem
+    },
+    text: {
+      flex: 1,
+      color: token(colorToken)
+    }
+  });
+  return {
+    styles,
+    token,
+    colorToken
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/core/design/components/MenuOptionButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","isDanger","token","useToken","colorToken","AmityColorToken","TextBaseAlert","TextListHeaderDefaultDefault","styles","StyleSheet","create","menuOptionButton","width","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","text","flex","color","exports"],"sourceRoot":"../../../../../../src","sources":["core/design/components/MenuOptionButton/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAMA;AACO,MAAMG,SAAS,GAAGA,CAAC;EAAEC,QAAQ,GAAG;AAAqB,CAAC,KAAK;EAChE,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;;EAExB;EACA;EACA,MAAMC,UAAU,GAAGH,QAAQ,GACvBI,iCAAe,CAACC,aAAa,GAC7BD,iCAAe,CAACE,4BAA4B;EAEhD,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,gBAAgB,EAAE;MAChBC,KAAK,EAAE,MAAM;MACbC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,EAAE;MAAE;MACTC,eAAe,EAAE,EAAE;MAAE;MACrBC,iBAAiB,EAAE,EAAE,CAAE;IACzB,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAElB,KAAK,CAACE,UAAU;IACzB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEI,MAAM;IAAEN,KAAK;IAAEE;EAAW,CAAC;AACtC,CAAC;AAACiB,OAAA,CAAArB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/core/design/components/Popover/Popover.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Popover = Popover;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Popover — ported from AmityUiKitWeb core/design/components/Popover.
+// Web uses react-aria overlay positioning with a `trigger` render-prop and a
+// node-or-function `children` render-prop. RN has no react-aria, so this is
+// implemented with a transparent `Modal` acting as an anchored overlay: the
+// trigger wrapper is measured with `measureInWindow`, and the popover content
+// is absolutely positioned near the anchor. Tapping the backdrop closes it.
+// The public API (function `trigger`, node-or-function `children`, `placement`)
+// is kept so callers such as Menu and header buttons work unchanged.
+
+// react-aria placements are space-separated (e.g. 'bottom right'); we accept the
+// full string and read the two axes we support (vertical: top/bottom, horizontal
+// alignment: left/right).
+
+// Gap between the trigger and the popover content (web `--origin` 0.5rem = 8px).
+const ANCHOR_GAP = 8;
+// Keep the popover this far from the screen edges, and never narrower than the
+// content min-width (styles.popover minWidth 200) when clamping.
+const SCREEN_MARGIN = 8;
+const POPOVER_MIN_WIDTH = 200;
+// Approx tallest menu; if less room than this below the anchor, open upward.
+const ESTIMATED_MENU_HEIGHT = 260;
+function Popover({
+  trigger,
+  children,
+  placement = 'bottom right',
+  onOpen,
+  onClose,
+  surface = true
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const [anchor, setAnchor] = (0, _react.useState)({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  });
+  const triggerRef = (0, _react.useRef)(null);
+  const openPopover = () => {
+    var _triggerRef$current;
+    // Measure the trigger in window coordinates, then open once positioned.
+    (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || _triggerRef$current.measureInWindow((x, y, width, height) => {
+      setAnchor({
+        x,
+        y,
+        width,
+        height
+      });
+      setIsOpen(true);
+      onOpen === null || onOpen === void 0 || onOpen();
+    });
+  };
+  const closePopover = () => {
+    setIsOpen(false);
+    onClose === null || onClose === void 0 || onClose();
+  };
+  const isRight = placement.includes('right');
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = _reactNative.Dimensions.get('window');
+
+  // Vertical: honor an explicit 'top', but also flip above the anchor when there
+  // isn't room below (chat bubbles sit near the bottom, so a 'bottom' menu would
+  // otherwise clip off the screen).
+  const spaceBelow = screenHeight - (anchor.y + anchor.height);
+  const isTop = placement.includes('top') || spaceBelow < ESTIMATED_MENU_HEIGHT;
+  const verticalPosition = isTop ? {
+    bottom: screenHeight - anchor.y + ANCHOR_GAP
+  } : {
+    top: anchor.y + anchor.height + ANCHOR_GAP
+  };
+
+  // Horizontal alignment: right-align to the anchor's right edge, else left-align to
+  // the anchor's left edge (the bubble's start). Clamp so the popover (min-width 200)
+  // never runs past either screen edge — the off-screen overflow inbound bubbles hit.
+  const maxInset = Math.max(SCREEN_MARGIN, screenWidth - POPOVER_MIN_WIDTH - SCREEN_MARGIN);
+  const horizontalPosition = isRight ? {
+    right: Math.min(maxInset, Math.max(SCREEN_MARGIN, screenWidth - (anchor.x + anchor.width)))
+  } : {
+    left: Math.min(maxInset, Math.max(SCREEN_MARGIN, anchor.x))
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    ref: triggerRef,
+    collapsable: false
+  }, trigger({
+    isOpen,
+    isDesktop: true,
+    openPopover,
+    closePopover
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    transparent: true,
+    visible: isOpen,
+    animationType: "fade",
+    onRequestClose: closePopover
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    style: styles.backdrop,
+    onPress: closePopover
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    style: [surface ? styles.popover : styles.popoverBare, verticalPosition, horizontalPosition],
+    onPress: () => {}
+  }, typeof children === 'function' ? children({
+    closePopover
+  }) : children))));
+}
+//# sourceMappingURL=Popover.js.map

package/lib/commonjs/core/design/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ANCHOR_GAP","SCREEN_MARGIN","POPOVER_MIN_WIDTH","ESTIMATED_MENU_HEIGHT","Popover","trigger","children","placement","onOpen","onClose","surface","styles","useStyles","isOpen","setIsOpen","useState","anchor","setAnchor","x","y","width","height","triggerRef","useRef","openPopover","_triggerRef$current","current","measureInWindow","closePopover","isRight","includes","screenWidth","screenHeight","Dimensions","spaceBelow","isTop","verticalPosition","bottom","top","maxInset","Math","max","horizontalPosition","right","min","left","createElement","View","ref","collapsable","isDesktop","Modal","transparent","visible","animationType","onRequestClose","Pressable","style","backdrop","onPress","popover","popoverBare"],"sourceRoot":"../../../../../../src","sources":["core/design/components/Popover/Popover.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/design/components/Popover/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function () {
+    return _Popover.Popover;
+  }
+});
+var _Popover = require("./Popover");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/core/design/components/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Popover","require"],"sourceRoot":"../../../../../../src","sources":["core/design/components/Popover/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA","ignoreList":[]}