@amityco/react-native-social-uikit 4.2.0 → 4.2.1-3302b40d.0

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":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAA4B,yBAAyB;AACtE,SAASC,eAAe,QAAQ,oCAAoC;AAOpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAwC,GAAG;EAC/C,EAAE,EAAE,CAAC;EACL,EAAE,EAAE,CAAC;EACL,EAAE,EAAE,CAAC;EACL,EAAE,EAAE,CAAC;EACL,EAAE,EAAE,CAAC;EACL,EAAE,EAAE,CAAC;EACL,EAAE,EAAE;AACN,CAAC;;AAID;AACA;;AAQA;AACA;AACA;AACA;AACA,MAAMC,MAEL,GAAG;EACF,gBAAgB,EAAE;IAChBC,OAAO,EAAE;MACPC,OAAO,EAAEJ,eAAe,CAACK,qCAAqC;MAC9DC,IAAI,EAAEN,eAAe,CAACO;IACxB,CAAC;IACDC,OAAO,EAAE;MACPJ,OAAO,EAAEJ,eAAe,CAACS,mCAAmC;MAC5DH,IAAI,EAAEN,eAAe,CAACU;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRP,OAAO,EAAEJ,eAAe,CAACY,sCAAsC;MAC/DN,IAAI,EAAEN,eAAe,CAACa;IACxB;EACF,CAAC;EACD,kBAAkB,EAAE;IAClBV,OAAO,EAAE;MACPC,OAAO,EAAEJ,eAAe,CAACc,uCAAuC;MAChER,IAAI,EAAEN,eAAe,CAACe;IACxB,CAAC;IACDP,OAAO,EAAE;MACPJ,OAAO,EAAEJ,eAAe,CAACgB,qCAAqC;MAC9DV,IAAI,EAAEN,eAAe,CAACiB;IACxB,CAAC;IACDN,QAAQ,EAAE;MACRP,OAAO,EAAEJ,eAAe,CAACkB,wCAAwC;MACjEZ,IAAI,EAAEN,eAAe,CAACmB;IACxB;EACF,CAAC;EACD,qBAAqB,EAAE;IACrBhB,OAAO,EAAE;MACPC,OAAO,EAAEJ,eAAe,CAACoB,0CAA0C;MACnEd,IAAI,EAAEN,eAAe,CAACqB;IACxB,CAAC;IACDb,OAAO,EAAE;MACPJ,OAAO,EAAEJ,eAAe,CAACsB,wCAAwC;MACjEhB,IAAI,EAAEN,eAAe,CAACuB;IACxB,CAAC;IACDZ,QAAQ,EAAE;MACRP,OAAO,EAAEJ,eAAe,CAACwB,2CAA2C;MACpElB,IAAI,EAAEN,eAAe,CAACyB;IACxB;EACF,CAAC;EACD;EACA,eAAe,EAAE;IACftB,OAAO,EAAE;MACPG,IAAI,EAAEN,eAAe,CAAC0B;IACxB,CAAC;IACDlB,OAAO,EAAE;MACPJ,OAAO,EAAEJ,eAAe,CAAC2B,kCAAkC;MAC3DrB,IAAI,EAAEN,eAAe,CAAC4B;IACxB,CAAC;IACDjB,QAAQ,EAAE;MACRL,IAAI,EAAEN,eAAe,CAAC6B;IACxB;EACF,CAAC;EACD,iBAAiB,EAAE;IACjB1B,OAAO,EAAE;MACPG,IAAI,EAAEN,eAAe,CAAC8B;IACxB,CAAC;IACDtB,OAAO,EAAE;MACPJ,OAAO,EAAEJ,eAAe,CAAC+B,oCAAoC;MAC7DzB,IAAI,EAAEN,eAAe,CAACgC;IACxB,CAAC;IACDrB,QAAQ,EAAE;MACRL,IAAI,EAAEN,eAAe,CAACiC;IACxB;EACF;AACF,CAAC;AAYD,OAAO,MAAMC,SAAS,GAAGA,CACvBC,SAA8B,EAC9BC,SAA8B,EAC9BC,IAAoB,KACjB;EACH,MAAMC,KAAK,GAAGvC,QAAQ,CAAC,CAAC;EAExB,MAAMwC,KAAK,GACTrC,MAAM,CAAC,GAAGiC,SAAS,IAAIC,SAAS,EAAE,CAAC,IACnClC,MAAM,CAAC,GAAGiC,SAAS,UAAU,CAAC,IAC9BjC,MAAM,CAAC,gBAAgB,CAAE;EAE3B,MAAMsC,YAAY,GAAIC,KAA4B,IAAwB;IACxE,MAAMC,CAAC,GAAGH,KAAK,CAACE,KAAK,CAAC;IACtB,OAAO;MACLE,eAAe,EAAED,CAAC,CAACtC,OAAO,GAAGkC,KAAK,CAACI,CAAC,CAACtC,OAAO,CAAC,GAAG,aAAa;MAC7DwC,SAAS,EAAEN,KAAK,CAACI,CAAC,CAACpC,IAAI;IACzB,CAAC;EACH,CAAC;EAED,MAAMuC,OAA0B,GAAG;IACjC1C,OAAO,EAAEqC,YAAY,CAAC,SAAS,CAAC;IAChChC,OAAO,EAAEgC,YAAY,CAAC,SAAS,CAAC;IAChC7B,QAAQ,EAAE6B,YAAY,CAAC,UAAU;EACnC,CAAC;;EAED;EACA,MAAMM,OAAO,GAAGT,IAAI,KAAK,EAAE,IAAIF,SAAS,KAAK,QAAQ,GAAG,CAAC,GAAGlC,QAAQ,CAACoC,IAAI,CAAC;EAC1E,MAAMU,KAAK,GAAGV,IAAI,GAAGS,OAAO,GAAG,CAAC;EAEhC,MAAME,MAAM,GAAGlD,UAAU,CAACmD,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,KAAK,EAAEd,IAAI;MACXe,MAAM,EAAEf,IAAI;MACZS,OAAO;MACPO,YAAY,EAAEhB,IAAI,GAAG,CAAC;MACtBiB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEP,MAAM;IAAEH,OAAO;IAAEE;EAAM,CAAC;AACnC,CAAC","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,291 @@
+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}; weight 590 → RN '600'.
+// Tertiary uses paddingH_tertiary (4) but keeps full height + paddingV (ghost-like,
+// NOT link-like). Border width 0.0625rem = 1px.
+// Icon glyph is SIZE-DEPENDENT: lg 20, sm 16. It was hardcoded to 16 for both,
+// so a leading icon on an lg button rendered 4px small.
+// letterSpacing -0.4 (the spec's -0.025rem).
+//
+// The label is not a bare row child: every Main Button in the design wraps it in
+// a 4px-horizontal-padding box and butts the leading icon straight up against
+// that box — gap 0, NOT the row gap. Modelling it as a row gap instead put all
+// 8px between icon and label and none after the label, so the pair sat right of
+// centre inside the button. LABEL_PAD carries it, and `gap` stays 0.
+const GEOMETRY = {
+  lg: {
+    height: 40,
+    paddingV: 10,
+    paddingH: 12,
+    paddingHTertiary: 4,
+    radius: 8,
+    fontSize: 15,
+    lineHeight: 20,
+    iconGlyph: 20
+  },
+  sm: {
+    height: 28,
+    paddingV: 4,
+    paddingH: 8,
+    paddingHTertiary: 4,
+    radius: 6,
+    fontSize: 13,
+    lineHeight: 18,
+    iconGlyph: 16
+  }
+};
+const LETTER_SPACING = -0.4;
+const LABEL_PAD = 4;
+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: 0,
+      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'
+    },
+    // No `lineHeight` here on purpose. The button's height is fixed by the
+    // geometry above and the row centres its children, so the line box has no
+    // layout job — and on iOS a line box taller than the glyphs does not centre
+    // them inside itself: measured on device, a 20pt line box around 15pt text
+    // put the ink 0.83pt below the button's centre line, so the label sat
+    // visibly lower than the leading icon (which centres exactly). Dropping it
+    // brings the label to within 0.17pt of centre. `includeFontPadding: false`
+    // does the matching job on Android, where the default font padding would
+    // otherwise pad the glyph box asymmetrically.
+    label: {
+      fontSize: g.fontSize,
+      fontWeight: FONT_WEIGHT,
+      letterSpacing: LETTER_SPACING,
+      paddingHorizontal: LABEL_PAD,
+      includeFontPadding: false
+    }
+  });
+  return {
+    styles,
+    palette,
+    iconGlyph: g.iconGlyph
+  };
+};
+//# 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","iconGlyph","sm","LETTER_SPACING","LABEL_PAD","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","gap","borderRadius","borderWidth","paddingVertical","paddingHorizontal","width","undefined","alignSelf","label","fontWeight","letterSpacing","includeFontPadding"],"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":[]}

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

@@ -0,0 +1,42 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../theme/useToken';
+import { AmityColorToken } from '../../tokens/amity-color-tokens';
+// Hairline thickness = 1 (SoT geometry.divider.types[].thickness). Label font 13px (web 0.8125rem).
+export const useStyles = (variant, orientation, inset) => {
+  const token = useToken();
+  const lineColor = token(variant === 'content' ? AmityColorToken.LineDividerContentDefault : 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 = 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(AmityColorToken.TextDividerDefault)
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","variant","orientation","inset","token","lineColor","LineDividerContentDefault","LineDividerPostDefault","bar","height","width","marginHorizontal","marginVertical","styles","create","divider","backgroundColor","labeled","flexDirection","alignItems","gap","line","flex","label","flexShrink","fontSize","color","TextDividerDefault"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Divider/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,eAAe,QAAQ,iCAAiC;AAGjE;AACA,OAAO,MAAMC,SAAS,GAAGA,CACvBC,OAAuB,EACvBC,WAA+B,EAC/BC,KAAc,KACX;EACH,MAAMC,KAAK,GAAGN,QAAQ,CAAC,CAAC;EACxB,MAAMO,SAAS,GAAGD,KAAK,CACrBH,OAAO,KAAK,SAAS,GACjBF,eAAe,CAACO,yBAAyB,GACzCP,eAAe,CAACQ,sBACtB,CAAC;EAED,MAAMC,GAAG,GACPN,WAAW,KAAK,YAAY,GACxB;IACEO,MAAM,EAAE,CAAC;IACTC,KAAK,EAAEP,KAAK,GAAI,MAAM,GAAc,MAAgB;IACpDQ,gBAAgB,EAAER,KAAK,GAAG,EAAE,GAAG;EACjC,CAAC,GACD;IACEO,KAAK,EAAE,CAAC;IACRD,MAAM,EAAEN,KAAK,GAAI,MAAM,GAAc,MAAgB;IACrDS,cAAc,EAAET,KAAK,GAAG,EAAE,GAAG;EAC/B,CAAC;EAEP,MAAMU,MAAM,GAAGhB,UAAU,CAACiB,MAAM,CAAC;IAC/BC,OAAO,EAAE;MAAEC,eAAe,EAAEX,SAAS;MAAE,GAAGG;IAAI,CAAC;IAC/CS,OAAO,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAE,CAAC;IAC/DC,IAAI,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEb,MAAM,EAAE,CAAC;MAAEO,eAAe,EAAEX;IAAU,CAAC;IACxDkB,KAAK,EAAE;MACLC,UAAU,EAAE,CAAC;MACbC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEtB,KAAK,CAACL,eAAe,CAAC4B,kBAAkB;IACjD;EACF,CAAC,CAAC;EAEF,OAAO;IAAEd;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,67 @@
+// 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.
+
+import { useState } from 'react';
+import { TextInput, View } from 'react-native';
+import { useStyles } from './styles';
+export 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] = useState(false);
+  const state = isDisabled ? 'disabled' : isInvalid ? 'invalid' : isFocused ? 'focused' : 'enabled';
+  const {
+    styles,
+    placeholderColor,
+    cursorColor
+  } = useStyles({
+    state,
+    size,
+    variant,
+    filled: !!value,
+    multiline
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.boxed
+  }, leadingIcon ? /*#__PURE__*/React.createElement(View, {
+    style: styles.icon
+  }, leadingIcon) : null, /*#__PURE__*/React.createElement(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(View, {
+    style: styles.icon
+  }, trailingIcon) : null);
+}
+//# sourceMappingURL=Boxed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","TextInput","View","useStyles","Boxed","value","onChange","placeholder","leadingIcon","trailingIcon","size","variant","maxLength","multiline","isDisabled","isInvalid","onFocus","onBlur","onSubmit","accessibilityLabel","isFocused","setIsFocused","state","styles","placeholderColor","cursorColor","filled","React","createElement","style","boxed","icon","input","onChangeText","placeholderTextColor","selectionColor","editable","onSubmitEditing"],"sourceRoot":"../../../../../../../src","sources":["core/design/atoms/Input/Boxed/Boxed.tsx"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAwB,OAAO;AAChD,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SACEC,SAAS,QAIJ,UAAU;AAsBjB,OAAO,SAASC,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,GAAGrB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMsB,KAAiB,GAAGR,UAAU,GAChC,UAAU,GACVC,SAAS,GACT,SAAS,GACTK,SAAS,GACT,SAAS,GACT,SAAS;EAEb,MAAM;IAAEG,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAGtB,SAAS,CAAC;IAC1DmB,KAAK;IACLZ,IAAI;IACJC,OAAO;IACPe,MAAM,EAAE,CAAC,CAACrB,KAAK;IACfQ;EACF,CAAC,CAAC;EAEF,oBACEc,KAAA,CAAAC,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEN,MAAM,CAACO;EAAM,GACvBtB,WAAW,gBAAGmB,KAAA,CAAAC,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEN,MAAM,CAACQ;EAAK,GAAEvB,WAAkB,CAAC,GAAG,IAAI,eACpEmB,KAAA,CAAAC,aAAA,CAAC3B,SAAS;IACR4B,KAAK,EAAEN,MAAM,CAACS,KAAM;IACpB3B,KAAK,EAAEA,KAAM;IACb4B,YAAY,EAAE3B,QAAS;IACvBC,WAAW,EAAEA,WAAY;IACzB2B,oBAAoB,EAAEV,gBAAiB;IACvCW,cAAc,EAAEV,WAAY;IAC5BA,WAAW,EAAEA,WAAY;IACzBb,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBuB,QAAQ,EAAE,CAACtB,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;IACFoB,eAAe,EAAEA,CAAA,KAAMnB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGb,KAAK,IAAI,EAAE;EAAE,CAChD,CAAC,EACDI,YAAY,gBAAGkB,KAAA,CAAAC,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEN,MAAM,CAACQ;EAAK,GAAEtB,YAAmB,CAAC,GAAG,IAC9D,CAAC;AAEX","ignoreList":[]}

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

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

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

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