@amityco/react-native-social-uikit 4.1.0 → 4.1.1-d7da0c5c.0

package/lib/commonjs/core/design/atoms/Loader/Upload/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","RING_RADIUS","exports","RING_CIRCUMFERENCE","Math","PI","RING_STROKE_WIDTH","TRACK_OPACITY","CONTAINER","medium","large","CANCEL_ICON","useStyles","size","token","useToken","dimension","styles","StyleSheet","create","container","width","height","alignItems","justifyContent","ring","absoluteFillObject","countdown","fontSize","fontWeight","color","AmityColorToken","TextLoadersUploadControllerDefault","trackColor","SurfaceLoadersUploadControllerBackground","arcColor","SurfaceLoadersUploadControllerLoader","cancelIconSize","cancelIconColor","IconLoadersUploadControllerDefault"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Loader/Upload/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAGA;AACA;AACA;AACO,MAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,EAAE;AACtB,MAAME,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAG,CAAC,GAAGC,IAAI,CAACC,EAAE,GAAGJ,WAAW,CAAC,CAAC;AACtD,MAAMK,iBAAiB,GAAAJ,OAAA,CAAAI,iBAAA,GAAG,CAAC;AAC3B,MAAMC,aAAa,GAAAL,OAAA,CAAAK,aAAA,GAAG,GAAG;;AAEhC;AACA;AACA,MAAMC,SAAqC,GAAG;EAC5CC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,WAAuC,GAAG;EAC9CF,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE;AACT,CAAC;AAEM,MAAME,SAAS,GAAIC,IAAgB,IAAK;EAC7C,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,SAAS,GAAGR,SAAS,CAACK,IAAI,CAAC;EAEjC,MAAMI,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,KAAK,EAAEL,SAAS;MAChBM,MAAM,EAAEN,SAAS;MACjBO,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE;MACJ,GAAGP,uBAAU,CAACQ,kBAAkB;MAChCH,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDG,SAAS,EAAE;MACTC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAEhB,KAAK,CAACiB,iCAAe,CAACC,kCAAkC;IACjE;EACF,CAAC,CAAC;EAEF,OAAO;IACLf,MAAM;IACNH,KAAK;IACLE,SAAS;IACTiB,UAAU,EAAEnB,KAAK,CAACiB,iCAAe,CAACG,wCAAwC,CAAC;IAC3EC,QAAQ,EAAErB,KAAK,CAACiB,iCAAe,CAACK,oCAAoC,CAAC;IACrEC,cAAc,EAAE1B,WAAW,CAACE,IAAI,CAAC;IACjCyB,eAAe,EAAEP,iCAAe,CAACQ;EACnC,CAAC;AACH,CAAC;AAACrC,OAAA,CAAAU,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Loader", {
+  enumerable: true,
+  get: function () {
+    return _Loader.Loader;
+  }
+});
+Object.defineProperty(exports, "Spinner", {
+  enumerable: true,
+  get: function () {
+    return _Spinner.Spinner;
+  }
+});
+Object.defineProperty(exports, "Upload", {
+  enumerable: true,
+  get: function () {
+    return _Upload.Upload;
+  }
+});
+var _Loader = require("./Loader");
+var _Spinner = require("./Spinner");
+var _Upload = require("./Upload");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Loader","require","_Spinner","_Upload"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Loader/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA","ignoreList":[]}

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

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Selection = void 0;
+var _reactNative = require("react-native");
+var _icons = require("../../icons");
+var _styles = require("./styles");
+// Selection atom — ported from AmityUiKitWeb core/design/atoms/Selection.
+// Compound namespace: Selection.Checkbox (toggles) and Selection.Radio (selects).
+// Web builds these on react-aria; RN uses a Pressable + a token-tinted circle,
+// rendering the check glyph / radio dot only while selected (web animated its
+// opacity — same result). Web's RadioGroup wrapper is dropped: RN group state is
+// owned by the parent, and Radio fires onSelect once rather than toggling.
+
+function Checkbox({
+  isSelected = false,
+  onChange,
+  isDisabled = false,
+  children,
+  accessibilityLabel
+}) {
+  const hasChildren = children != null;
+  const {
+    styles,
+    iconRef,
+    checkSize
+  } = (0, _styles.useStyles)({
+    variant: 'checkbox',
+    selected: isSelected,
+    disabled: isDisabled
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    disabled: isDisabled,
+    onPress: () => onChange === null || onChange === void 0 ? void 0 : onChange(!isSelected),
+    style: hasChildren ? styles.row : styles.control,
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      checked: isSelected,
+      disabled: isDisabled
+    },
+    accessibilityLabel: accessibilityLabel
+  }, hasChildren ? children : null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.circle
+  }, isSelected ? /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "check-1-s",
+    size: checkSize,
+    tokenColor: iconRef
+  }) : null));
+}
+function Radio({
+  isSelected = false,
+  onSelect,
+  isDisabled = false,
+  children,
+  accessibilityLabel
+}) {
+  const hasChildren = children != null;
+  const {
+    styles
+  } = (0, _styles.useStyles)({
+    variant: 'radio',
+    selected: isSelected,
+    disabled: isDisabled
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    disabled: isDisabled,
+    onPress: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(),
+    style: hasChildren ? styles.row : styles.control,
+    accessibilityRole: "radio",
+    accessibilityState: {
+      checked: isSelected,
+      disabled: isDisabled
+    },
+    accessibilityLabel: accessibilityLabel
+  }, hasChildren ? children : null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.circle
+  }, isSelected ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.dot
+  }) : null));
+}
+const Selection = exports.Selection = {
+  Checkbox,
+  Radio
+};
+//# sourceMappingURL=Selection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_icons","_styles","Checkbox","isSelected","onChange","isDisabled","children","accessibilityLabel","hasChildren","styles","iconRef","checkSize","useStyles","variant","selected","disabled","React","createElement","Pressable","onPress","style","row","control","accessibilityRole","accessibilityState","checked","View","circle","AmityIcon","name","size","tokenColor","Radio","onSelect","dot","Selection","exports"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Selection/Selection.tsx"],"mappings":";;;;;;AAQA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAVA;AACA;AACA;AACA;AACA;AACA;;AAuBA,SAASG,QAAQA,CAAC;EAChBC,UAAU,GAAG,KAAK;EAClBC,QAAQ;EACRC,UAAU,GAAG,KAAK;EAClBC,QAAQ;EACRC;AACa,CAAC,EAAE;EAChB,MAAMC,WAAW,GAAGF,QAAQ,IAAI,IAAI;EACpC,MAAM;IAAEG,MAAM;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC;IAC/CC,OAAO,EAAE,UAAU;IACnBC,QAAQ,EAAEX,UAAU;IACpBY,QAAQ,EAAEV;EACZ,CAAC,CAAC;EAEF,oBACEW,KAAA,CAAAC,aAAA,CAACnB,YAAA,CAAAoB,SAAS;IACRH,QAAQ,EAAEV,UAAW;IACrBc,OAAO,EAAEA,CAAA,KAAMf,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG,CAACD,UAAU,CAAE;IACvCiB,KAAK,EAAEZ,WAAW,GAAGC,MAAM,CAACY,GAAG,GAAGZ,MAAM,CAACa,OAAQ;IACjDC,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEC,OAAO,EAAEtB,UAAU;MAAEY,QAAQ,EAAEV;IAAW,CAAE;IAClEE,kBAAkB,EAAEA;EAAmB,GAEtCC,WAAW,GAAGF,QAAQ,GAAG,IAAI,eAC9BU,KAAA,CAAAC,aAAA,CAACnB,YAAA,CAAA4B,IAAI;IAACN,KAAK,EAAEX,MAAM,CAACkB;EAAO,GACxBxB,UAAU,gBACTa,KAAA,CAAAC,aAAA,CAACjB,MAAA,CAAA4B,SAAS;IAACC,IAAI,EAAC,WAAW;IAACC,IAAI,EAAEnB,SAAU;IAACoB,UAAU,EAAErB;EAAQ,CAAE,CAAC,GAClE,IACA,CACG,CAAC;AAEhB;AAEA,SAASsB,KAAKA,CAAC;EACb7B,UAAU,GAAG,KAAK;EAClB8B,QAAQ;EACR5B,UAAU,GAAG,KAAK;EAClBC,QAAQ;EACRC;AACU,CAAC,EAAE;EACb,MAAMC,WAAW,GAAGF,QAAQ,IAAI,IAAI;EACpC,MAAM;IAAEG;EAAO,CAAC,GAAG,IAAAG,iBAAS,EAAC;IAC3BC,OAAO,EAAE,OAAO;IAChBC,QAAQ,EAAEX,UAAU;IACpBY,QAAQ,EAAEV;EACZ,CAAC,CAAC;EAEF,oBACEW,KAAA,CAAAC,aAAA,CAACnB,YAAA,CAAAoB,SAAS;IACRH,QAAQ,EAAEV,UAAW;IACrBc,OAAO,EAAEA,CAAA,KAAMc,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG,CAAE;IAC5Bb,KAAK,EAAEZ,WAAW,GAAGC,MAAM,CAACY,GAAG,GAAGZ,MAAM,CAACa,OAAQ;IACjDC,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAE;MAAEC,OAAO,EAAEtB,UAAU;MAAEY,QAAQ,EAAEV;IAAW,CAAE;IAClEE,kBAAkB,EAAEA;EAAmB,GAEtCC,WAAW,GAAGF,QAAQ,GAAG,IAAI,eAC9BU,KAAA,CAAAC,aAAA,CAACnB,YAAA,CAAA4B,IAAI;IAACN,KAAK,EAAEX,MAAM,CAACkB;EAAO,GACxBxB,UAAU,gBAAGa,KAAA,CAAAC,aAAA,CAACnB,YAAA,CAAA4B,IAAI;IAACN,KAAK,EAAEX,MAAM,CAACyB;EAAI,CAAE,CAAC,GAAG,IACxC,CACG,CAAC;AAEhB;AAEO,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBjC,QAAQ;EACR8B;AACF,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,110 @@
+"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");
+// Selection geometry (SoT: Checkbox/Radio .module.css, rem × 16).
+//   outer control 1.5rem = 24, padding 0.125rem = 2 → inner circle 1.25rem = 20
+//   circle border 0.0625rem = 1; check glyph 0.875rem = 14; radio dot 0.5rem = 8
+//   row layout: checkbox minHeight 3.5rem = 56, padding 0.5rem 1rem = 8×16, gap 8
+//               radio    padding 1rem = 16 (no minHeight),                gap 8
+
+const CONTROL_SIZE = 24;
+const CONTROL_PADDING = 2;
+const CIRCLE_SIZE = 20;
+const CHECK_SIZE = 14;
+const DOT_SIZE = 8;
+
+// Per-variant colour tokens (web CSS custom props → AmityColorToken refs).
+
+const CHECKBOX_TOKENS = {
+  surfaceActiveDefault: _amityColorTokens.AmityColorToken.SurfaceSelectionCheckboxAtomicActiveDefault,
+  surfaceActiveDisabled: _amityColorTokens.AmityColorToken.SurfaceSelectionCheckboxAtomicActiveDisabled,
+  surfaceInactiveDefault: _amityColorTokens.AmityColorToken.SurfaceSelectionCheckboxAtomicInactiveDefault,
+  surfaceInactiveDisabled: _amityColorTokens.AmityColorToken.SurfaceSelectionCheckboxAtomicInactiveDisabled,
+  borderInactiveDefault: _amityColorTokens.AmityColorToken.BorderSelectionCheckboxAtomicInactiveDefault,
+  borderInactiveDisabled: _amityColorTokens.AmityColorToken.BorderSelectionCheckboxAtomicInactiveDisabled,
+  iconDefault: _amityColorTokens.AmityColorToken.IconSelectionCheckboxAtomicDefault,
+  iconDisabled: _amityColorTokens.AmityColorToken.IconSelectionCheckboxAtomicDisabled
+};
+const RADIO_TOKENS = {
+  surfaceActiveDefault: _amityColorTokens.AmityColorToken.SurfaceSelectionRadioAtomicActiveDefault,
+  surfaceActiveDisabled: _amityColorTokens.AmityColorToken.SurfaceSelectionRadioAtomicActiveDisabled,
+  surfaceInactiveDefault: _amityColorTokens.AmityColorToken.SurfaceSelectionRadioAtomicInactiveDefault,
+  surfaceInactiveDisabled: _amityColorTokens.AmityColorToken.SurfaceSelectionRadioAtomicInactiveDisabled,
+  borderInactiveDefault: _amityColorTokens.AmityColorToken.BorderSelectionRadioAtomicInactiveDefault,
+  borderInactiveDisabled: _amityColorTokens.AmityColorToken.BorderSelectionRadioAtomicInactiveDisabled,
+  iconDefault: _amityColorTokens.AmityColorToken.IconSelectionRadioAtomicDefault,
+  iconDisabled: _amityColorTokens.AmityColorToken.IconSelectionRadioAtomicDisabled
+};
+const useStyles = ({
+  variant,
+  selected,
+  disabled
+}) => {
+  const token = (0, _useToken.useToken)();
+  const t = variant === 'checkbox' ? CHECKBOX_TOKENS : RADIO_TOKENS;
+
+  // Precedence mirrors the web CSS cascade: selected+disabled > selected >
+  // disabled > default. Border collapses to transparent whenever selected.
+  const surfaceRef = selected ? disabled ? t.surfaceActiveDisabled : t.surfaceActiveDefault : disabled ? t.surfaceInactiveDisabled : t.surfaceInactiveDefault;
+  const borderColor = selected ? 'transparent' : token(disabled ? t.borderInactiveDisabled : t.borderInactiveDefault);
+
+  // Glyph tint (check icon / radio dot). Only rendered when selected.
+  const iconRef = disabled ? t.iconDisabled : t.iconDefault;
+
+  // Row padding differs between the two variants.
+  const rowPadding = variant === 'checkbox' ? {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    minHeight: 56
+  } : {
+    padding: 16
+  };
+  const styles = _reactNative.StyleSheet.create({
+    control: {
+      width: CONTROL_SIZE,
+      height: CONTROL_SIZE,
+      padding: CONTROL_PADDING,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    row: {
+      width: '100%',
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      gap: 8,
+      ...rowPadding
+    },
+    circle: {
+      width: CIRCLE_SIZE,
+      height: CIRCLE_SIZE,
+      flexShrink: 0,
+      borderRadius: CIRCLE_SIZE / 2,
+      borderWidth: 1,
+      borderColor,
+      backgroundColor: token(surfaceRef),
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    dot: {
+      width: DOT_SIZE,
+      height: DOT_SIZE,
+      borderRadius: DOT_SIZE / 2,
+      backgroundColor: token(iconRef)
+    }
+  });
+  return {
+    styles,
+    token,
+    iconRef,
+    checkSize: CHECK_SIZE
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","CONTROL_SIZE","CONTROL_PADDING","CIRCLE_SIZE","CHECK_SIZE","DOT_SIZE","CHECKBOX_TOKENS","surfaceActiveDefault","AmityColorToken","SurfaceSelectionCheckboxAtomicActiveDefault","surfaceActiveDisabled","SurfaceSelectionCheckboxAtomicActiveDisabled","surfaceInactiveDefault","SurfaceSelectionCheckboxAtomicInactiveDefault","surfaceInactiveDisabled","SurfaceSelectionCheckboxAtomicInactiveDisabled","borderInactiveDefault","BorderSelectionCheckboxAtomicInactiveDefault","borderInactiveDisabled","BorderSelectionCheckboxAtomicInactiveDisabled","iconDefault","IconSelectionCheckboxAtomicDefault","iconDisabled","IconSelectionCheckboxAtomicDisabled","RADIO_TOKENS","SurfaceSelectionRadioAtomicActiveDefault","SurfaceSelectionRadioAtomicActiveDisabled","SurfaceSelectionRadioAtomicInactiveDefault","SurfaceSelectionRadioAtomicInactiveDisabled","BorderSelectionRadioAtomicInactiveDefault","BorderSelectionRadioAtomicInactiveDisabled","IconSelectionRadioAtomicDefault","IconSelectionRadioAtomicDisabled","useStyles","variant","selected","disabled","token","useToken","t","surfaceRef","borderColor","iconRef","rowPadding","paddingVertical","paddingHorizontal","minHeight","padding","styles","StyleSheet","create","control","width","height","alignItems","justifyContent","row","flexDirection","gap","circle","flexShrink","borderRadius","borderWidth","backgroundColor","dot","checkSize","exports"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Selection/styles.ts"],"mappings":"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","ignoreList":[]}

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":[]}