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

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

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

@@ -0,0 +1,132 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../theme/useToken';
+import { AmityColorToken } from '../../../tokens/amity-color-tokens';
+// ── Geometry: ported 1:1 from AmityUiKitWeb core/design/atoms/Button/Icon/
+// Icon.module.css [data-size='N'] (rem → px, x16). border-radius 9999px → fully
+// round (container/2). The 1px transparent border in web is layout-only (never a
+// visible colour) and is omitted here; the glyph fills the padded content box, so
+// glyph = container - 2·padding — matching every existing hand-rolled chat icon
+// button (32→24, 40 filled→24, 16→16). Size 40 filled has padding 0.5rem=8 (web
+// special-case `[data-size='40'][data-style='filled']`); all other 40 use 4.
+const GEOMETRY = {
+  16: 0,
+  20: 0,
+  24: 0,
+  32: 4,
+  40: 4,
+  48: 8,
+  64: 16
+};
+
+// A token slice for one visual state. `surface` is optional because ghost has no
+// resting/disabled surface token (transparent at rest; surface only on hover).
+
+// (styleType, hierarchy) → token slice, resolving to the web IconButton token model
+// (Surface = Enabled/Hover/Disabled, Icon = Default/Hovered/Disabled). Every name
+// below is grep-confirmed to exist in amity-color-tokens.ts. RN has no hover, so
+// `pressed` reuses the web Hover slice (same pattern as the core Button atom).
+const SLICES = {
+  'filled-primary': {
+    enabled: {
+      surface: AmityColorToken.SurfaceIconButtonFilledPrimaryEnabled,
+      icon: AmityColorToken.IconIconButtonFilledPrimaryDefault
+    },
+    pressed: {
+      surface: AmityColorToken.SurfaceIconButtonFilledPrimaryHover,
+      icon: AmityColorToken.IconIconButtonFilledPrimaryHovered
+    },
+    disabled: {
+      surface: AmityColorToken.SurfaceIconButtonFilledPrimaryDisabled,
+      icon: AmityColorToken.IconIconButtonFilledPrimaryDisabled
+    }
+  },
+  'filled-secondary': {
+    enabled: {
+      surface: AmityColorToken.SurfaceIconButtonFilledSecondaryEnabled,
+      icon: AmityColorToken.IconIconButtonFilledSecondaryDefault
+    },
+    pressed: {
+      surface: AmityColorToken.SurfaceIconButtonFilledSecondaryHover,
+      icon: AmityColorToken.IconIconButtonFilledSecondaryHovered
+    },
+    disabled: {
+      surface: AmityColorToken.SurfaceIconButtonFilledSecondaryDisabled,
+      icon: AmityColorToken.IconIconButtonFilledSecondaryDisabled
+    }
+  },
+  'transparent-primary': {
+    enabled: {
+      surface: AmityColorToken.SurfaceIconButtonTransparentPrimaryEnabled,
+      icon: AmityColorToken.IconIconButtonTransparentPrimaryDefault
+    },
+    pressed: {
+      surface: AmityColorToken.SurfaceIconButtonTransparentPrimaryHover,
+      icon: AmityColorToken.IconIconButtonTransparentPrimaryHovered
+    },
+    disabled: {
+      surface: AmityColorToken.SurfaceIconButtonTransparentPrimaryDisabled,
+      icon: AmityColorToken.IconIconButtonTransparentPrimaryDisabled
+    }
+  },
+  // ghost — transparent at rest + on disabled (no surface token); surface only on hover.
+  'ghost-primary': {
+    enabled: {
+      icon: AmityColorToken.IconIconButtonGhostPrimaryDefault
+    },
+    pressed: {
+      surface: AmityColorToken.SurfaceIconButtonGhostPrimaryHover,
+      icon: AmityColorToken.IconIconButtonGhostPrimaryHovered
+    },
+    disabled: {
+      icon: AmityColorToken.IconIconButtonGhostPrimaryDisabled
+    }
+  },
+  'ghost-secondary': {
+    enabled: {
+      icon: AmityColorToken.IconIconButtonGhostSecondaryDefault
+    },
+    pressed: {
+      surface: AmityColorToken.SurfaceIconButtonGhostSecondaryHover,
+      icon: AmityColorToken.IconIconButtonGhostSecondaryHovered
+    },
+    disabled: {
+      icon: AmityColorToken.IconIconButtonGhostSecondaryDisabled
+    }
+  }
+};
+export const useStyles = (styleType, hierarchy, size) => {
+  const token = useToken();
+  const slice = SLICES[`${styleType}-${hierarchy}`] ?? SLICES[`${styleType}-primary`] ?? SLICES['filled-primary'];
+  const resolveState = state => {
+    const s = slice[state];
+    return {
+      backgroundColor: s.surface ? token(s.surface) : 'transparent',
+      iconColor: token(s.icon)
+    };
+  };
+  const palette = {
+    enabled: resolveState('enabled'),
+    pressed: resolveState('pressed'),
+    disabled: resolveState('disabled')
+  };
+
+  // web `[data-size='40'][data-style='filled']` overrides padding to 8.
+  const padding = size === 40 && styleType === 'filled' ? 8 : GEOMETRY[size];
+  const glyph = size - padding * 2;
+  const styles = StyleSheet.create({
+    container: {
+      width: size,
+      height: size,
+      padding,
+      borderRadius: size / 2,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  });
+  return {
+    styles,
+    palette,
+    glyph
+  };
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","GEOMETRY","SLICES","enabled","surface","SurfaceIconButtonFilledPrimaryEnabled","icon","IconIconButtonFilledPrimaryDefault","pressed","SurfaceIconButtonFilledPrimaryHover","IconIconButtonFilledPrimaryHovered","disabled","SurfaceIconButtonFilledPrimaryDisabled","IconIconButtonFilledPrimaryDisabled","SurfaceIconButtonFilledSecondaryEnabled","IconIconButtonFilledSecondaryDefault","SurfaceIconButtonFilledSecondaryHover","IconIconButtonFilledSecondaryHovered","SurfaceIconButtonFilledSecondaryDisabled","IconIconButtonFilledSecondaryDisabled","SurfaceIconButtonTransparentPrimaryEnabled","IconIconButtonTransparentPrimaryDefault","SurfaceIconButtonTransparentPrimaryHover","IconIconButtonTransparentPrimaryHovered","SurfaceIconButtonTransparentPrimaryDisabled","IconIconButtonTransparentPrimaryDisabled","IconIconButtonGhostPrimaryDefault","SurfaceIconButtonGhostPrimaryHover","IconIconButtonGhostPrimaryHovered","IconIconButtonGhostPrimaryDisabled","IconIconButtonGhostSecondaryDefault","SurfaceIconButtonGhostSecondaryHover","IconIconButtonGhostSecondaryHovered","IconIconButtonGhostSecondaryDisabled","useStyles","styleType","hierarchy","size","token","slice","resolveState","state","s","backgroundColor","iconColor","palette","padding","glyph","styles","create","container","width","height","borderRadius","alignItems","justifyContent"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Button/Icon/styles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import { Button as ButtonBase } from './Button';
+import { Icon } from './Icon';
+
+// Compound: `Button.Icon` mirrors web core/design/atoms/Button/Icon.
+export const Button = Object.assign(ButtonBase, {
+  Icon
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Button","ButtonBase","Icon","Object","assign"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Button/index.ts"],"mappings":"AAAA,SAASA,MAAM,IAAIC,UAAU,QAAQ,UAAU;AAC/C,SAASC,IAAI,QAAQ,QAAQ;;AAE7B;AACA,OAAO,MAAMF,MAAM,GAAGG,MAAM,CAACC,MAAM,CAACH,UAAU,EAAE;EAAEC;AAAK,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,270 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../theme/useToken';
+import { AmityColorToken } from '../../tokens/amity-color-tokens';
+// ── Geometry: SoT geometry.json → button.main ──
+// label sizes lg {15/20} sm {13/18}; iconGlyph 16; weight 590 → RN '600'.
+// Tertiary uses paddingH_tertiary (4) but keeps full height + paddingV (ghost-like,
+// NOT link-like). Border width 0.0625rem = 1px.
+const GEOMETRY = {
+  lg: {
+    height: 40,
+    paddingV: 10,
+    paddingH: 12,
+    paddingHTertiary: 4,
+    radius: 8,
+    fontSize: 15,
+    lineHeight: 20,
+    gap: 8
+  },
+  sm: {
+    height: 28,
+    paddingV: 4,
+    paddingH: 8,
+    paddingHTertiary: 4,
+    radius: 6,
+    fontSize: 13,
+    lineHeight: 18,
+    gap: 4
+  }
+};
+const ICON_GLYPH = 16;
+const BORDER_WIDTH = 1;
+const FONT_WEIGHT = '600';
+
+// A token slice for one visual state. `surface`/`border` are optional because
+// ghost/link tones have no resting surface or border token (transparent at rest;
+// ghost gains a surface only on hover/press).
+
+// (hierarchy, tone) → token slice, resolving to the web MainButton token model
+// (color × styleType × tokenHierarchy). Every name below is grep-confirmed to exist
+// in amity-color-tokens.ts. RN has no hover, so `pressed` reuses the web Hover slice
+// for the transparent/ghost styles (outlined/ghost/link) — where the resting surface
+// is transparent and the Hover token is the intended touch affordance.
+//
+// EXCEPTION (filled/primary): web's Main.module.css defines NO `:active`/`[data-pressed]`
+// rule for filled buttons — only `[data-hovered]` (a desktop-mouse hover). On an actual
+// press/tap the filled surface does NOT change. Reusing the Hover slice here made the
+// primary/save button shift to the lighter `primary_shade1` blue on tap, which web never
+// shows. So filled/primary `pressed` mirrors `enabled` (surface/border/text/icon all
+// unchanged on press), matching web's real active-state behaviour.
+const SLICES = {
+  // Primary → Filled / Primary
+  'primary-default': {
+    enabled: {
+      surface: AmityColorToken.SurfaceMainButtonDefaultFilledPrimaryEnabled,
+      border: AmityColorToken.BorderMainButtonDefaultFilledPrimaryEnabled,
+      text: AmityColorToken.TextMainButtonDefaultFilledPrimaryEnabled,
+      icon: AmityColorToken.IconMainButtonDefaultFilledPrimaryEnabled
+    },
+    // Filled has no web press state → keep the enabled surface on press.
+    pressed: {
+      surface: AmityColorToken.SurfaceMainButtonDefaultFilledPrimaryEnabled,
+      border: AmityColorToken.BorderMainButtonDefaultFilledPrimaryEnabled,
+      text: AmityColorToken.TextMainButtonDefaultFilledPrimaryEnabled,
+      icon: AmityColorToken.IconMainButtonDefaultFilledPrimaryEnabled
+    },
+    disabled: {
+      surface: AmityColorToken.SurfaceMainButtonDefaultFilledPrimaryDisabled,
+      border: AmityColorToken.BorderMainButtonDefaultFilledPrimaryDisabled,
+      text: AmityColorToken.TextMainButtonDefaultFilledPrimaryDisabled,
+      icon: AmityColorToken.IconMainButtonDefaultFilledPrimaryDisabled
+    }
+  },
+  'primary-destructive': {
+    enabled: {
+      surface: AmityColorToken.SurfaceMainButtonDestructiveFilledPrimaryEnabled,
+      border: AmityColorToken.BorderMainButtonDestructiveFilledPrimaryEnabled,
+      text: AmityColorToken.TextMainButtonDestructiveFilledPrimaryEnabled,
+      icon: AmityColorToken.IconMainButtonDestructiveFilledPrimaryEnabled
+    },
+    // Filled has no web press state → keep the enabled surface on press.
+    pressed: {
+      surface: AmityColorToken.SurfaceMainButtonDestructiveFilledPrimaryEnabled,
+      border: AmityColorToken.BorderMainButtonDestructiveFilledPrimaryEnabled,
+      text: AmityColorToken.TextMainButtonDestructiveFilledPrimaryEnabled,
+      icon: AmityColorToken.IconMainButtonDestructiveFilledPrimaryEnabled
+    },
+    disabled: {
+      surface: AmityColorToken.SurfaceMainButtonDestructiveFilledPrimaryDisabled,
+      border: AmityColorToken.BorderMainButtonDestructiveFilledPrimaryDisabled,
+      text: AmityColorToken.TextMainButtonDestructiveFilledPrimaryDisabled,
+      icon: AmityColorToken.IconMainButtonDestructiveFilledPrimaryDisabled
+    }
+  },
+  // Secondary → Outlined / Primary (transparent surface + border)
+  'secondary-default': {
+    enabled: {
+      surface: AmityColorToken.SurfaceMainButtonDefaultOutlinedPrimaryEnabled,
+      border: AmityColorToken.BorderMainButtonDefaultOutlinedPrimaryEnabled,
+      text: AmityColorToken.TextMainButtonDefaultOutlinedPrimaryEnabled,
+      icon: AmityColorToken.IconMainButtonDefaultOutlinedPrimaryEnabled
+    },
+    pressed: {
+      surface: AmityColorToken.SurfaceMainButtonDefaultOutlinedPrimaryHover,
+      border: AmityColorToken.BorderMainButtonDefaultOutlinedPrimaryHover,
+      text: AmityColorToken.TextMainButtonDefaultOutlinedPrimaryHover,
+      icon: AmityColorToken.IconMainButtonDefaultOutlinedPrimaryHover
+    },
+    disabled: {
+      surface: AmityColorToken.SurfaceMainButtonDefaultOutlinedPrimaryDisabled,
+      border: AmityColorToken.BorderMainButtonDefaultOutlinedPrimaryDisabled,
+      text: AmityColorToken.TextMainButtonDefaultOutlinedPrimaryDisabled,
+      icon: AmityColorToken.IconMainButtonDefaultOutlinedPrimaryDisabled
+    }
+  },
+  'secondary-destructive': {
+    enabled: {
+      surface: AmityColorToken.SurfaceMainButtonDestructiveOutlinedPrimaryEnabled,
+      border: AmityColorToken.BorderMainButtonDestructiveOutlinedPrimaryEnabled,
+      text: AmityColorToken.TextMainButtonDestructiveOutlinedPrimaryEnabled,
+      icon: AmityColorToken.IconMainButtonDestructiveOutlinedPrimaryEnabled
+    },
+    pressed: {
+      surface: AmityColorToken.SurfaceMainButtonDestructiveOutlinedPrimaryHover,
+      border: AmityColorToken.BorderMainButtonDestructiveOutlinedPrimaryHover,
+      text: AmityColorToken.TextMainButtonDestructiveOutlinedPrimaryHover,
+      icon: AmityColorToken.IconMainButtonDestructiveOutlinedPrimaryHover
+    },
+    disabled: {
+      surface: AmityColorToken.SurfaceMainButtonDestructiveOutlinedPrimaryDisabled,
+      border: AmityColorToken.BorderMainButtonDestructiveOutlinedPrimaryDisabled,
+      text: AmityColorToken.TextMainButtonDestructiveOutlinedPrimaryDisabled,
+      icon: AmityColorToken.IconMainButtonDestructiveOutlinedPrimaryDisabled
+    }
+  },
+  // Secondary / Inverse → Inverse / Primary (extension)
+  'secondary-inverse': {
+    enabled: {
+      surface: AmityColorToken.SurfaceMainButtonDefaultInversePrimaryEnabled,
+      border: AmityColorToken.BorderMainButtonDefaultInversePrimaryEnabled,
+      text: AmityColorToken.TextMainButtonDefaultInversePrimaryEnabled,
+      icon: AmityColorToken.IconMainButtonDefaultInversePrimaryEnabled
+    },
+    pressed: {
+      surface: AmityColorToken.SurfaceMainButtonDefaultInversePrimaryHover,
+      border: AmityColorToken.BorderMainButtonDefaultInversePrimaryHover,
+      text: AmityColorToken.TextMainButtonDefaultInversePrimaryHover,
+      icon: AmityColorToken.IconMainButtonDefaultInversePrimaryHover
+    },
+    disabled: {
+      surface: AmityColorToken.SurfaceMainButtonDefaultInversePrimaryDisabled,
+      border: AmityColorToken.BorderMainButtonDefaultInversePrimaryDisabled,
+      text: AmityColorToken.TextMainButtonDefaultInversePrimaryDisabled,
+      icon: AmityColorToken.IconMainButtonDefaultInversePrimaryDisabled
+    }
+  },
+  // Tertiary → Ghost / Primary (no resting surface/border; surface only on press)
+  'tertiary-default': {
+    enabled: {
+      text: AmityColorToken.TextMainButtonDefaultGhostPrimaryEnabled,
+      icon: AmityColorToken.IconMainButtonDefaultGhostPrimaryEnabled
+    },
+    pressed: {
+      surface: AmityColorToken.SurfaceMainButtonDefaultGhostPrimaryHover,
+      border: AmityColorToken.BorderMainButtonDefaultGhostPrimaryHover,
+      text: AmityColorToken.TextMainButtonDefaultGhostPrimaryHover,
+      icon: AmityColorToken.IconMainButtonDefaultGhostPrimaryHover
+    },
+    disabled: {
+      text: AmityColorToken.TextMainButtonDefaultGhostPrimaryDisabled,
+      icon: AmityColorToken.IconMainButtonDefaultGhostPrimaryDisabled
+    }
+  },
+  'tertiary-destructive': {
+    enabled: {
+      text: AmityColorToken.TextMainButtonDestructiveGhostPrimaryEnabled,
+      icon: AmityColorToken.IconMainButtonDestructiveGhostPrimaryEnabled
+    },
+    pressed: {
+      surface: AmityColorToken.SurfaceMainButtonDestructiveGhostPrimaryHover,
+      border: AmityColorToken.BorderMainButtonDestructiveGhostPrimaryHover,
+      text: AmityColorToken.TextMainButtonDestructiveGhostPrimaryHover,
+      icon: AmityColorToken.IconMainButtonDestructiveGhostPrimaryHover
+    },
+    disabled: {
+      text: AmityColorToken.TextMainButtonDestructiveGhostPrimaryDisabled,
+      icon: AmityColorToken.IconMainButtonDestructiveGhostPrimaryDisabled
+    }
+  },
+  // Tertiary / Brand → Link / Primary (brand-colored text; ghost geometry) (extension)
+  'tertiary-brand': {
+    enabled: {
+      text: AmityColorToken.TextMainButtonDefaultLinkPrimaryEnabled,
+      icon: AmityColorToken.IconMainButtonDefaultLinkPrimaryEnabled
+    },
+    pressed: {
+      text: AmityColorToken.TextMainButtonDefaultLinkPrimaryHover,
+      icon: AmityColorToken.IconMainButtonDefaultLinkPrimaryHover
+    },
+    disabled: {
+      text: AmityColorToken.TextMainButtonDefaultLinkPrimaryDisabled,
+      icon: AmityColorToken.IconMainButtonDefaultLinkPrimaryDisabled
+    }
+  },
+  // Tertiary / Subtle → Ghost / Secondary (muted text) (extension)
+  'tertiary-subtle': {
+    enabled: {
+      text: AmityColorToken.TextMainButtonDefaultGhostSecondaryEnabled,
+      icon: AmityColorToken.IconMainButtonDefaultGhostSecondaryEnabled
+    },
+    pressed: {
+      surface: AmityColorToken.SurfaceMainButtonDefaultGhostSecondaryHover,
+      border: AmityColorToken.BorderMainButtonDefaultGhostSecondaryHover,
+      text: AmityColorToken.TextMainButtonDefaultGhostSecondaryHover,
+      icon: AmityColorToken.IconMainButtonDefaultGhostSecondaryHover
+    },
+    disabled: {
+      text: AmityColorToken.TextMainButtonDefaultGhostSecondaryDisabled,
+      icon: AmityColorToken.IconMainButtonDefaultGhostSecondaryDisabled
+    }
+  }
+  // Note: tertiary-inverse has no clean token (Inverse styleType is filled-surface,
+  // the tertiary/inverse spec is transparent text-only) — deferred. Falls back to
+  // tertiary-default below.
+};
+export const useStyles = (hierarchy, tone, size, iconOnly, fullWidth) => {
+  const token = useToken();
+  const g = GEOMETRY[size];
+  const slice = SLICES[`${hierarchy}-${tone}`] ?? SLICES[`${hierarchy}-default`] ?? SLICES['primary-default'];
+  const resolveState = state => {
+    const s = slice[state];
+    return {
+      backgroundColor: s.surface ? token(s.surface) : 'transparent',
+      borderColor: s.border ? token(s.border) : 'transparent',
+      textColor: token(s.text),
+      iconColor: token(s.icon)
+    };
+  };
+  const palette = {
+    enabled: resolveState('enabled'),
+    pressed: resolveState('pressed'),
+    disabled: resolveState('disabled')
+  };
+  const paddingH = hierarchy === 'tertiary' ? g.paddingHTertiary : g.paddingH;
+  const styles = StyleSheet.create({
+    container: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: g.gap,
+      height: g.height,
+      borderRadius: g.radius,
+      borderWidth: BORDER_WIDTH,
+      paddingVertical: g.paddingV,
+      paddingHorizontal: iconOnly ? g.paddingV : paddingH,
+      width: iconOnly ? g.height : fullWidth ? '100%' : undefined,
+      alignSelf: fullWidth && !iconOnly ? 'stretch' : 'flex-start'
+    },
+    label: {
+      fontSize: g.fontSize,
+      lineHeight: g.lineHeight,
+      fontWeight: FONT_WEIGHT
+    }
+  });
+  return {
+    styles,
+    palette,
+    iconGlyph: ICON_GLYPH
+  };
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","GEOMETRY","lg","height","paddingV","paddingH","paddingHTertiary","radius","fontSize","lineHeight","gap","sm","ICON_GLYPH","BORDER_WIDTH","FONT_WEIGHT","SLICES","enabled","surface","SurfaceMainButtonDefaultFilledPrimaryEnabled","border","BorderMainButtonDefaultFilledPrimaryEnabled","text","TextMainButtonDefaultFilledPrimaryEnabled","icon","IconMainButtonDefaultFilledPrimaryEnabled","pressed","disabled","SurfaceMainButtonDefaultFilledPrimaryDisabled","BorderMainButtonDefaultFilledPrimaryDisabled","TextMainButtonDefaultFilledPrimaryDisabled","IconMainButtonDefaultFilledPrimaryDisabled","SurfaceMainButtonDestructiveFilledPrimaryEnabled","BorderMainButtonDestructiveFilledPrimaryEnabled","TextMainButtonDestructiveFilledPrimaryEnabled","IconMainButtonDestructiveFilledPrimaryEnabled","SurfaceMainButtonDestructiveFilledPrimaryDisabled","BorderMainButtonDestructiveFilledPrimaryDisabled","TextMainButtonDestructiveFilledPrimaryDisabled","IconMainButtonDestructiveFilledPrimaryDisabled","SurfaceMainButtonDefaultOutlinedPrimaryEnabled","BorderMainButtonDefaultOutlinedPrimaryEnabled","TextMainButtonDefaultOutlinedPrimaryEnabled","IconMainButtonDefaultOutlinedPrimaryEnabled","SurfaceMainButtonDefaultOutlinedPrimaryHover","BorderMainButtonDefaultOutlinedPrimaryHover","TextMainButtonDefaultOutlinedPrimaryHover","IconMainButtonDefaultOutlinedPrimaryHover","SurfaceMainButtonDefaultOutlinedPrimaryDisabled","BorderMainButtonDefaultOutlinedPrimaryDisabled","TextMainButtonDefaultOutlinedPrimaryDisabled","IconMainButtonDefaultOutlinedPrimaryDisabled","SurfaceMainButtonDestructiveOutlinedPrimaryEnabled","BorderMainButtonDestructiveOutlinedPrimaryEnabled","TextMainButtonDestructiveOutlinedPrimaryEnabled","IconMainButtonDestructiveOutlinedPrimaryEnabled","SurfaceMainButtonDestructiveOutlinedPrimaryHover","BorderMainButtonDestructiveOutlinedPrimaryHover","TextMainButtonDestructiveOutlinedPrimaryHover","IconMainButtonDestructiveOutlinedPrimaryHover","SurfaceMainButtonDestructiveOutlinedPrimaryDisabled","BorderMainButtonDestructiveOutlinedPrimaryDisabled","TextMainButtonDestructiveOutlinedPrimaryDisabled","IconMainButtonDestructiveOutlinedPrimaryDisabled","SurfaceMainButtonDefaultInversePrimaryEnabled","BorderMainButtonDefaultInversePrimaryEnabled","TextMainButtonDefaultInversePrimaryEnabled","IconMainButtonDefaultInversePrimaryEnabled","SurfaceMainButtonDefaultInversePrimaryHover","BorderMainButtonDefaultInversePrimaryHover","TextMainButtonDefaultInversePrimaryHover","IconMainButtonDefaultInversePrimaryHover","SurfaceMainButtonDefaultInversePrimaryDisabled","BorderMainButtonDefaultInversePrimaryDisabled","TextMainButtonDefaultInversePrimaryDisabled","IconMainButtonDefaultInversePrimaryDisabled","TextMainButtonDefaultGhostPrimaryEnabled","IconMainButtonDefaultGhostPrimaryEnabled","SurfaceMainButtonDefaultGhostPrimaryHover","BorderMainButtonDefaultGhostPrimaryHover","TextMainButtonDefaultGhostPrimaryHover","IconMainButtonDefaultGhostPrimaryHover","TextMainButtonDefaultGhostPrimaryDisabled","IconMainButtonDefaultGhostPrimaryDisabled","TextMainButtonDestructiveGhostPrimaryEnabled","IconMainButtonDestructiveGhostPrimaryEnabled","SurfaceMainButtonDestructiveGhostPrimaryHover","BorderMainButtonDestructiveGhostPrimaryHover","TextMainButtonDestructiveGhostPrimaryHover","IconMainButtonDestructiveGhostPrimaryHover","TextMainButtonDestructiveGhostPrimaryDisabled","IconMainButtonDestructiveGhostPrimaryDisabled","TextMainButtonDefaultLinkPrimaryEnabled","IconMainButtonDefaultLinkPrimaryEnabled","TextMainButtonDefaultLinkPrimaryHover","IconMainButtonDefaultLinkPrimaryHover","TextMainButtonDefaultLinkPrimaryDisabled","IconMainButtonDefaultLinkPrimaryDisabled","TextMainButtonDefaultGhostSecondaryEnabled","IconMainButtonDefaultGhostSecondaryEnabled","SurfaceMainButtonDefaultGhostSecondaryHover","BorderMainButtonDefaultGhostSecondaryHover","TextMainButtonDefaultGhostSecondaryHover","IconMainButtonDefaultGhostSecondaryHover","TextMainButtonDefaultGhostSecondaryDisabled","IconMainButtonDefaultGhostSecondaryDisabled","useStyles","hierarchy","tone","size","iconOnly","fullWidth","token","g","slice","resolveState","state","s","backgroundColor","borderColor","textColor","iconColor","palette","styles","create","container","flexDirection","alignItems","justifyContent","borderRadius","borderWidth","paddingVertical","paddingHorizontal","width","undefined","alignSelf","label","fontWeight","iconGlyph"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Button/styles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,33 @@
+// Divider atom — ported from AmityUiKitWeb core/design/atoms/Divider.
+// Hairline separator (1px, from SoT divider geometry), variant-tinted via a line token.
+
+import { View, Text } from 'react-native';
+import { useStyles } from './styles';
+export function Divider({
+  variant = 'post',
+  orientation = 'horizontal',
+  inset,
+  label
+}) {
+  const resolvedInset = inset ?? variant === 'content';
+  const {
+    styles
+  } = useStyles(variant, orientation, resolvedInset);
+  if (label) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.labeled,
+      accessibilityRole: "none"
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.line
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.label
+    }, label), /*#__PURE__*/React.createElement(View, {
+      style: styles.line
+    }));
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.divider,
+    accessibilityRole: "none"
+  });
+}
+//# sourceMappingURL=Divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","useStyles","Divider","variant","orientation","inset","label","resolvedInset","styles","React","createElement","style","labeled","accessibilityRole","line","divider"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Divider/Divider.tsx"],"mappings":"AAAA;AACA;;AAEA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,UAAU;AAYpC,OAAO,SAASC,OAAOA,CAAC;EACtBC,OAAO,GAAG,MAAM;EAChBC,WAAW,GAAG,YAAY;EAC1BC,KAAK;EACLC;AACY,CAAC,EAAE;EACf,MAAMC,aAAa,GAAGF,KAAK,IAAIF,OAAO,KAAK,SAAS;EACpD,MAAM;IAAEK;EAAO,CAAC,GAAGP,SAAS,CAACE,OAAO,EAAEC,WAAW,EAAEG,aAAa,CAAC;EAEjE,IAAID,KAAK,EAAE;IACT,oBACEG,KAAA,CAAAC,aAAA,CAACX,IAAI;MAACY,KAAK,EAAEH,MAAM,CAACI,OAAQ;MAACC,iBAAiB,EAAC;IAAM,gBACnDJ,KAAA,CAAAC,aAAA,CAACX,IAAI;MAACY,KAAK,EAAEH,MAAM,CAACM;IAAK,CAAE,CAAC,eAC5BL,KAAA,CAAAC,aAAA,CAACV,IAAI;MAACW,KAAK,EAAEH,MAAM,CAACF;IAAM,GAAEA,KAAY,CAAC,eACzCG,KAAA,CAAAC,aAAA,CAACX,IAAI;MAACY,KAAK,EAAEH,MAAM,CAACM;IAAK,CAAE,CACvB,CAAC;EAEX;EAEA,oBAAOL,KAAA,CAAAC,aAAA,CAACX,IAAI;IAACY,KAAK,EAAEH,MAAM,CAACO,OAAQ;IAACF,iBAAiB,EAAC;EAAM,CAAE,CAAC;AACjE","ignoreList":[]}

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

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

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

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