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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_styles","Divider","variant","orientation","inset","label","resolvedInset","styles","useStyles","React","createElement","View","style","labeled","accessibilityRole","line","Text","divider"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Divider/Divider.tsx"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAJA;AACA;;AAeO,SAASE,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,GAAG,IAAAC,iBAAS,EAACN,OAAO,EAAEC,WAAW,EAAEG,aAAa,CAAC;EAEjE,IAAID,KAAK,EAAE;IACT,oBACEI,KAAA,CAAAC,aAAA,CAACZ,YAAA,CAAAa,IAAI;MAACC,KAAK,EAAEL,MAAM,CAACM,OAAQ;MAACC,iBAAiB,EAAC;IAAM,gBACnDL,KAAA,CAAAC,aAAA,CAACZ,YAAA,CAAAa,IAAI;MAACC,KAAK,EAAEL,MAAM,CAACQ;IAAK,CAAE,CAAC,eAC5BN,KAAA,CAAAC,aAAA,CAACZ,YAAA,CAAAkB,IAAI;MAACJ,KAAK,EAAEL,MAAM,CAACF;IAAM,GAAEA,KAAY,CAAC,eACzCI,KAAA,CAAAC,aAAA,CAACZ,YAAA,CAAAa,IAAI;MAACC,KAAK,EAAEL,MAAM,CAACQ;IAAK,CAAE,CACvB,CAAC;EAEX;EAEA,oBAAON,KAAA,CAAAC,aAAA,CAACZ,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAEL,MAAM,CAACU,OAAQ;IAACH,iBAAiB,EAAC;EAAM,CAAE,CAAC;AACjE","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,49 @@
+"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");
+// Hairline thickness = 1 (SoT geometry.divider.types[].thickness). Label font 13px (web 0.8125rem).
+const useStyles = (variant, orientation, inset) => {
+  const token = (0, _useToken.useToken)();
+  const lineColor = token(variant === 'content' ? _amityColorTokens.AmityColorToken.LineDividerContentDefault : _amityColorTokens.AmityColorToken.LineDividerPostDefault);
+  const bar = orientation === 'horizontal' ? {
+    height: 1,
+    width: inset ? 'auto' : '100%',
+    marginHorizontal: inset ? 16 : 0
+  } : {
+    width: 1,
+    height: inset ? 'auto' : '100%',
+    marginVertical: inset ? 16 : 0
+  };
+  const styles = _reactNative.StyleSheet.create({
+    divider: {
+      backgroundColor: lineColor,
+      ...bar
+    },
+    labeled: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8
+    },
+    line: {
+      flex: 1,
+      height: 1,
+      backgroundColor: lineColor
+    },
+    label: {
+      flexShrink: 0,
+      fontSize: 13,
+      color: token(_amityColorTokens.AmityColorToken.TextDividerDefault)
+    }
+  });
+  return {
+    styles
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","variant","orientation","inset","token","useToken","lineColor","AmityColorToken","LineDividerContentDefault","LineDividerPostDefault","bar","height","width","marginHorizontal","marginVertical","styles","StyleSheet","create","divider","backgroundColor","labeled","flexDirection","alignItems","gap","line","flex","label","flexShrink","fontSize","color","TextDividerDefault","exports"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Divider/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAGA;AACO,MAAMG,SAAS,GAAGA,CACvBC,OAAuB,EACvBC,WAA+B,EAC/BC,KAAc,KACX;EACH,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,SAAS,GAAGF,KAAK,CACrBH,OAAO,KAAK,SAAS,GACjBM,iCAAe,CAACC,yBAAyB,GACzCD,iCAAe,CAACE,sBACtB,CAAC;EAED,MAAMC,GAAG,GACPR,WAAW,KAAK,YAAY,GACxB;IACES,MAAM,EAAE,CAAC;IACTC,KAAK,EAAET,KAAK,GAAI,MAAM,GAAc,MAAgB;IACpDU,gBAAgB,EAAEV,KAAK,GAAG,EAAE,GAAG;EACjC,CAAC,GACD;IACES,KAAK,EAAE,CAAC;IACRD,MAAM,EAAER,KAAK,GAAI,MAAM,GAAc,MAAgB;IACrDW,cAAc,EAAEX,KAAK,GAAG,EAAE,GAAG;EAC/B,CAAC;EAEP,MAAMY,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,OAAO,EAAE;MAAEC,eAAe,EAAEb,SAAS;MAAE,GAAGI;IAAI,CAAC;IAC/CU,OAAO,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAE,CAAC;IAC/DC,IAAI,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEd,MAAM,EAAE,CAAC;MAAEQ,eAAe,EAAEb;IAAU,CAAC;IACxDoB,KAAK,EAAE;MACLC,UAAU,EAAE,CAAC;MACbC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEzB,KAAK,CAACG,iCAAe,CAACuB,kBAAkB;IACjD;EACF,CAAC,CAAC;EAEF,OAAO;IAAEf;EAAO,CAAC;AACnB,CAAC;AAACgB,OAAA,CAAA/B,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/Boxed/Boxed.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Boxed = Boxed;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+// Boxed input atom — ported from AmityUiKitWeb core/design/atoms/Input/Boxed.
+// A filled container field (pill / square / rounded) with optional leading and
+// trailing icons. Web's :focus-within cascade becomes explicit focus state.
+
+function Boxed({
+  value,
+  onChange,
+  placeholder,
+  leadingIcon,
+  trailingIcon,
+  size = 'medium',
+  variant = 'pill',
+  maxLength,
+  multiline = false,
+  isDisabled = false,
+  isInvalid = false,
+  onFocus,
+  onBlur,
+  onSubmit,
+  accessibilityLabel
+}) {
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const state = isDisabled ? 'disabled' : isInvalid ? 'invalid' : isFocused ? 'focused' : 'enabled';
+  const {
+    styles,
+    placeholderColor,
+    cursorColor
+  } = (0, _styles.useStyles)({
+    state,
+    size,
+    variant,
+    filled: !!value,
+    multiline
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.boxed
+  }, leadingIcon ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.icon
+  }, leadingIcon) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, {
+    style: styles.input,
+    value: value,
+    onChangeText: onChange,
+    placeholder: placeholder,
+    placeholderTextColor: placeholderColor,
+    selectionColor: cursorColor,
+    cursorColor: cursorColor,
+    maxLength: maxLength,
+    multiline: multiline,
+    editable: !isDisabled,
+    accessibilityLabel: accessibilityLabel,
+    onFocus: () => {
+      setIsFocused(true);
+      onFocus === null || onFocus === void 0 || onFocus();
+    },
+    onBlur: () => {
+      setIsFocused(false);
+      onBlur === null || onBlur === void 0 || onBlur();
+    },
+    onSubmitEditing: () => onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(value ?? '')
+  }), trailingIcon ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.icon
+  }, trailingIcon) : null);
+}
+//# sourceMappingURL=Boxed.js.map

package/lib/commonjs/core/design/atoms/Input/Boxed/Boxed.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_styles","Boxed","value","onChange","placeholder","leadingIcon","trailingIcon","size","variant","maxLength","multiline","isDisabled","isInvalid","onFocus","onBlur","onSubmit","accessibilityLabel","isFocused","setIsFocused","useState","state","styles","placeholderColor","cursorColor","useStyles","filled","React","createElement","View","style","boxed","icon","TextInput","input","onChangeText","placeholderTextColor","selectionColor","editable","onSubmitEditing"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/Boxed/Boxed.tsx"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AANA;AACA;AACA;;AA+BO,SAASG,KAAKA,CAAC;EACpBC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,WAAW;EACXC,YAAY;EACZC,IAAI,GAAG,QAAQ;EACfC,OAAO,GAAG,MAAM;EAChBC,SAAS;EACTC,SAAS,GAAG,KAAK;EACjBC,UAAU,GAAG,KAAK;EAClBC,SAAS,GAAG,KAAK;EACjBC,OAAO;EACPC,MAAM;EACNC,QAAQ;EACRC;AACU,CAAC,EAAE;EACb,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEjD,MAAMC,KAAiB,GAAGT,UAAU,GAChC,UAAU,GACVC,SAAS,GACT,SAAS,GACTK,SAAS,GACT,SAAS,GACT,SAAS;EAEb,MAAM;IAAEI,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAS,EAAC;IAC1DJ,KAAK;IACLb,IAAI;IACJC,OAAO;IACPiB,MAAM,EAAE,CAAC,CAACvB,KAAK;IACfQ;EACF,CAAC,CAAC;EAEF,oBACEgB,KAAA,CAAAC,aAAA,CAAC5B,YAAA,CAAA6B,IAAI;IAACC,KAAK,EAAER,MAAM,CAACS;EAAM,GACvBzB,WAAW,gBAAGqB,KAAA,CAAAC,aAAA,CAAC5B,YAAA,CAAA6B,IAAI;IAACC,KAAK,EAAER,MAAM,CAACU;EAAK,GAAE1B,WAAkB,CAAC,GAAG,IAAI,eACpEqB,KAAA,CAAAC,aAAA,CAAC5B,YAAA,CAAAiC,SAAS;IACRH,KAAK,EAAER,MAAM,CAACY,KAAM;IACpB/B,KAAK,EAAEA,KAAM;IACbgC,YAAY,EAAE/B,QAAS;IACvBC,WAAW,EAAEA,WAAY;IACzB+B,oBAAoB,EAAEb,gBAAiB;IACvCc,cAAc,EAAEb,WAAY;IAC5BA,WAAW,EAAEA,WAAY;IACzBd,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrB2B,QAAQ,EAAE,CAAC1B,UAAW;IACtBK,kBAAkB,EAAEA,kBAAmB;IACvCH,OAAO,EAAEA,CAAA,KAAM;MACbK,YAAY,CAAC,IAAI,CAAC;MAClBL,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAG,CAAC;IACb,CAAE;IACFC,MAAM,EAAEA,CAAA,KAAM;MACZI,YAAY,CAAC,KAAK,CAAC;MACnBJ,MAAM,aAANA,MAAM,eAANA,MAAM,CAAG,CAAC;IACZ,CAAE;IACFwB,eAAe,EAAEA,CAAA,KAAMvB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGb,KAAK,IAAI,EAAE;EAAE,CAChD,CAAC,EACDI,YAAY,gBAAGoB,KAAA,CAAAC,aAAA,CAAC5B,YAAA,CAAA6B,IAAI;IAACC,KAAK,EAAER,MAAM,CAACU;EAAK,GAAEzB,YAAmB,CAAC,GAAG,IAC9D,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/Boxed/index.js

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

package/lib/commonjs/core/design/atoms/Input/Boxed/index.js.map

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

package/lib/commonjs/core/design/atoms/Input/Boxed/styles.js

@@ -0,0 +1,97 @@
+"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");
+// Boxed reuses the TextInput placeholder tokens but has no highlight modifier —
+// only base / filled per state. Precedence: disabled > invalid > focused > enabled.
+const PLACEHOLDER = {
+  enabled: {
+    base: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderEnabled,
+    filled: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderEnabledFilled
+  },
+  focused: {
+    base: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderFocused,
+    filled: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderFocusedFilled
+  },
+  invalid: {
+    base: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderError,
+    filled: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderErrorFilled
+  },
+  disabled: {
+    base: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderDisabled,
+    filled: _amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderDisabledFilled
+  }
+};
+
+// Geometry (SoT: Boxed.module.css, rem × 16).
+const SIZE = {
+  medium: {
+    gap: 12,
+    minHeight: 56,
+    paddingV: 8,
+    paddingH: 16
+  },
+  small: {
+    gap: 8,
+    minHeight: 40,
+    paddingV: 10,
+    paddingH: 12
+  }
+};
+const RADIUS = {
+  pill: 9999,
+  square: 8,
+  rounded: 24
+};
+const useStyles = ({
+  state,
+  size,
+  variant,
+  filled,
+  multiline
+}) => {
+  const token = (0, _useToken.useToken)();
+  const slice = PLACEHOLDER[state];
+  const textColor = token(filled ? slice.filled : slice.base);
+  const g = SIZE[size];
+  const styles = _reactNative.StyleSheet.create({
+    boxed: {
+      flexDirection: 'row',
+      alignItems: multiline ? 'flex-start' : 'center',
+      gap: g.gap,
+      width: '100%',
+      minHeight: g.minHeight,
+      paddingVertical: g.paddingV,
+      paddingHorizontal: g.paddingH,
+      borderRadius: RADIUS[variant],
+      borderWidth: 1,
+      borderColor: state === 'invalid' ? token(_amityColorTokens.AmityColorToken.BorderInputBoxedInputError) : 'transparent',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceInputBoxedInputDefault)
+    },
+    icon: {
+      width: 20,
+      height: 20,
+      flexShrink: 0
+    },
+    input: {
+      flex: 1,
+      minWidth: 0,
+      padding: 0,
+      fontSize: 16,
+      color: textColor
+    }
+  });
+  return {
+    styles,
+    token,
+    placeholderColor: textColor,
+    cursorColor: token(_amityColorTokens.AmityColorToken.TextInputTextInputTextCursorDefault)
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/core/design/atoms/Input/Boxed/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","PLACEHOLDER","enabled","base","AmityColorToken","TextInputTextInputPlaceholderEnabled","filled","TextInputTextInputPlaceholderEnabledFilled","focused","TextInputTextInputPlaceholderFocused","TextInputTextInputPlaceholderFocusedFilled","invalid","TextInputTextInputPlaceholderError","TextInputTextInputPlaceholderErrorFilled","disabled","TextInputTextInputPlaceholderDisabled","TextInputTextInputPlaceholderDisabledFilled","SIZE","medium","gap","minHeight","paddingV","paddingH","small","RADIUS","pill","square","rounded","useStyles","state","size","variant","multiline","token","useToken","slice","textColor","g","styles","StyleSheet","create","boxed","flexDirection","alignItems","width","paddingVertical","paddingHorizontal","borderRadius","borderWidth","borderColor","BorderInputBoxedInputError","backgroundColor","SurfaceInputBoxedInputDefault","icon","height","flexShrink","input","flex","minWidth","padding","fontSize","color","placeholderColor","cursorColor","TextInputTextInputTextCursorDefault","exports"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/Boxed/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/Chip/Chip.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chip = Chip;
+var _reactNative = require("react-native");
+var _icons = require("../../../icons");
+var _styles = require("./styles");
+// Chip input atom — ported from AmityUiKitWeb core/design/atoms/Input/Chip.
+// A tag-entry field: existing chips render as removable tags, and submitting the
+// input appends a new chip. Web's react-aria TagGroup becomes RN Views with a
+// remove Pressable (cross-r glyph) per tag.
+
+function Chip({
+  chips = [],
+  onChipsChange,
+  value,
+  onChange,
+  placeholder,
+  title,
+  hintText,
+  leadingIcon,
+  isDisabled = false,
+  isInvalid = false,
+  onSubmit,
+  accessibilityLabel
+}) {
+  const state = isDisabled ? 'disabled' : isInvalid ? 'invalid' : 'default';
+  const {
+    styles,
+    placeholderColor,
+    cursorColor,
+    removeIconColor
+  } = (0, _styles.useStyles)(state);
+  const removeChip = id => {
+    onChipsChange === null || onChipsChange === void 0 || onChipsChange(chips.filter(chip => chip.id !== id));
+  };
+  const addChip = () => {
+    const next = value === null || value === void 0 ? void 0 : value.trim();
+    if (!next) return;
+    onChipsChange === null || onChipsChange === void 0 || onChipsChange([...chips, {
+      id: next,
+      label: next
+    }]);
+    onChange === null || onChange === void 0 || onChange('');
+    onSubmit === null || onSubmit === void 0 || onSubmit(next);
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.chip
+  }, title ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.title
+  }, title) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.row
+  }, leadingIcon ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.icon
+  }, leadingIcon) : null, chips.map(chip => /*#__PURE__*/React.createElement(_reactNative.View, {
+    key: chip.id,
+    style: styles.tag
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.tagLabel
+  }, chip.label), /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    onPress: () => removeChip(chip.id),
+    accessibilityRole: "button",
+    accessibilityLabel: "Remove"
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "cross-r",
+    size: 14,
+    tokenColor: removeIconColor
+  })))), /*#__PURE__*/React.createElement(_reactNative.TextInput, {
+    style: styles.input,
+    value: value,
+    onChangeText: onChange,
+    placeholder: placeholder,
+    placeholderTextColor: placeholderColor,
+    selectionColor: cursorColor,
+    cursorColor: cursorColor,
+    editable: !isDisabled,
+    accessibilityLabel: title ? undefined : accessibilityLabel,
+    onSubmitEditing: addChip
+  })), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.underline
+  }), hintText ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.hint
+  }, hintText) : null);
+}
+//# sourceMappingURL=Chip.js.map

package/lib/commonjs/core/design/atoms/Input/Chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_icons","_styles","Chip","chips","onChipsChange","value","onChange","placeholder","title","hintText","leadingIcon","isDisabled","isInvalid","onSubmit","accessibilityLabel","state","styles","placeholderColor","cursorColor","removeIconColor","useStyles","removeChip","id","filter","chip","addChip","next","trim","label","React","createElement","View","style","Text","row","icon","map","key","tag","tagLabel","Pressable","onPress","accessibilityRole","AmityIcon","name","size","tokenColor","TextInput","input","onChangeText","placeholderTextColor","selectionColor","editable","undefined","onSubmitEditing","underline","hint"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/Chip/Chip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/Chip/index.js

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

package/lib/commonjs/core/design/atoms/Input/Chip/index.js.map

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

package/lib/commonjs/core/design/atoms/Input/Chip/styles.js

@@ -0,0 +1,93 @@
+"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");
+// Chip has no focus state in the web CSS — only default / disabled / invalid.
+
+const LINE = {
+  default: _amityColorTokens.AmityColorToken.LineInputChipInputUnderlinedDefault,
+  disabled: _amityColorTokens.AmityColorToken.LineInputChipInputUnderlinedDisabled,
+  invalid: _amityColorTokens.AmityColorToken.LineInputChipInputUnderlinedError
+};
+const PLACEHOLDER = {
+  default: _amityColorTokens.AmityColorToken.TextInputChipInputPlaceholderEnabled,
+  disabled: _amityColorTokens.AmityColorToken.TextInputChipInputPlaceholderDisabled,
+  invalid: _amityColorTokens.AmityColorToken.TextInputChipInputPlaceholderError
+};
+const TITLE = {
+  default: _amityColorTokens.AmityColorToken.TextInputChipInputTitleDefault,
+  disabled: _amityColorTokens.AmityColorToken.TextInputChipInputTitleDisabled,
+  invalid: _amityColorTokens.AmityColorToken.TextInputChipInputTitleError
+};
+const INDICATOR = {
+  default: _amityColorTokens.AmityColorToken.TextInputChipInputIndicatorDefault,
+  disabled: _amityColorTokens.AmityColorToken.TextInputChipInputIndicatorDisabled,
+  invalid: _amityColorTokens.AmityColorToken.TextInputChipInputIndicatorError
+};
+const useStyles = state => {
+  const token = (0, _useToken.useToken)();
+  const titleColor = token(TITLE[state]);
+  const placeholderColor = token(PLACEHOLDER[state]);
+  const hintColor = token(state === 'invalid' ? _amityColorTokens.AmityColorToken.TextInputChipInputHintTextError : _amityColorTokens.AmityColorToken.TextInputChipInputHintTextDefault);
+  const styles = _reactNative.StyleSheet.create({
+    chip: {
+      width: '100%',
+      gap: 4
+    },
+    title: {
+      fontSize: 13,
+      fontWeight: '600',
+      color: titleColor
+    },
+    row: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      flexWrap: 'wrap',
+      gap: 8
+    },
+    icon: {
+      width: 20,
+      height: 20,
+      flexShrink: 0
+    },
+    tag: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    tagLabel: {
+      fontSize: 14,
+      color: titleColor
+    },
+    input: {
+      flex: 1,
+      minWidth: 64,
+      padding: 0,
+      fontSize: 16,
+      color: placeholderColor
+    },
+    underline: {
+      width: '100%',
+      height: 1,
+      backgroundColor: token(LINE[state])
+    },
+    hint: {
+      fontSize: 12,
+      color: hintColor
+    }
+  });
+  return {
+    styles,
+    token,
+    placeholderColor,
+    cursorColor: token(_amityColorTokens.AmityColorToken.TextInputChipInputTextCursorDefault),
+    removeIconColor: INDICATOR[state]
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/core/design/atoms/Input/Chip/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","LINE","default","AmityColorToken","LineInputChipInputUnderlinedDefault","disabled","LineInputChipInputUnderlinedDisabled","invalid","LineInputChipInputUnderlinedError","PLACEHOLDER","TextInputChipInputPlaceholderEnabled","TextInputChipInputPlaceholderDisabled","TextInputChipInputPlaceholderError","TITLE","TextInputChipInputTitleDefault","TextInputChipInputTitleDisabled","TextInputChipInputTitleError","INDICATOR","TextInputChipInputIndicatorDefault","TextInputChipInputIndicatorDisabled","TextInputChipInputIndicatorError","useStyles","state","token","useToken","titleColor","placeholderColor","hintColor","TextInputChipInputHintTextError","TextInputChipInputHintTextDefault","styles","StyleSheet","create","chip","width","gap","title","fontSize","fontWeight","color","row","flexDirection","alignItems","flexWrap","icon","height","flexShrink","tag","tagLabel","input","flex","minWidth","padding","underline","backgroundColor","hint","cursorColor","TextInputChipInputTextCursorDefault","removeIconColor","exports"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/Chip/styles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+var _Boxed = require("./Boxed");
+var _Chip = require("./Chip");
+var _Text = require("./Text");
+var _User = require("./User");
+// Input atom — compound namespace mirroring AmityUiKitWeb
+// core/design/atoms/Input (Input.Text / Input.Boxed / Input.Chip / Input.User).
+
+const Input = exports.Input = {
+  Boxed: _Boxed.Boxed,
+  Text: _Text.Text,
+  Chip: _Chip.Chip,
+  User: _User.User
+};
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Boxed","require","_Chip","_Text","_User","Input","exports","Boxed","Text","Chip","User"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Input/Input.tsx"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AANA;AACA;;AAOO,MAAMI,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnBE,KAAK,EAALA,YAAK;EACLC,IAAI,EAAJA,UAAI;EACJC,IAAI,EAAJA,UAAI;EACJC,IAAI,EAAJA;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Input/Text/Text.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Text = Text;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+// Text input atom — ported from AmityUiKitWeb core/design/atoms/Input/Text.
+// Underlined text field with optional title, counter, hint, and leading/trailing
+// icons. Web's :focus-within cascade becomes explicit focus state here; the
+// state × modifier colour matrix lives in styles.ts.
+
+function Text({
+  value,
+  onChange,
+  placeholder,
+  title,
+  optionalLabel,
+  hintText,
+  leadingIcon,
+  trailingIcon,
+  showCharacterCount = false,
+  maxLength,
+  multiLine = false,
+  isDisabled = false,
+  isInvalid = false,
+  highlightMatch = false,
+  onFocus,
+  onBlur,
+  onSubmit,
+  accessibilityLabel
+}) {
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const state = isDisabled ? 'disabled' : isInvalid ? 'invalid' : isFocused ? 'focused' : 'enabled';
+  const {
+    styles,
+    placeholderColor,
+    cursorColor
+  } = (0, _styles.useStyles)({
+    state,
+    filled: !!value,
+    highlight: highlightMatch,
+    multiLine
+  });
+  const counter = showCharacterCount ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.count
+  }, (value === null || value === void 0 ? void 0 : value.length) ?? 0, maxLength ? `/${maxLength}` : '') : null;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.field
+  }, title ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.titleRow
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.title
+  }, title, optionalLabel ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.optional
+  }, " ", optionalLabel) : null), counter) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.row
+  }, leadingIcon ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.icon
+  }, leadingIcon) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, {
+    style: styles.input,
+    value: value,
+    onChangeText: onChange,
+    placeholder: placeholder,
+    placeholderTextColor: placeholderColor,
+    selectionColor: cursorColor,
+    cursorColor: cursorColor,
+    maxLength: maxLength,
+    multiline: multiLine,
+    editable: !isDisabled,
+    accessibilityLabel: accessibilityLabel ?? title,
+    onFocus: () => {
+      setIsFocused(true);
+      onFocus === null || onFocus === void 0 || onFocus();
+    },
+    onBlur: () => {
+      setIsFocused(false);
+      onBlur === null || onBlur === void 0 || onBlur();
+    },
+    onSubmitEditing: () => onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(value ?? '')
+  }), trailingIcon ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.icon
+  }, trailingIcon) : null, !title ? counter : null), hintText ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.hint
+  }, hintText) : null);
+}
+//# sourceMappingURL=Text.js.map