@comitor/ui 3.13.2 → 3.13.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comitor/ui",
-  "version": "3.13.2",
+  "version": "3.13.4",
   "description": "Comitor design system — Shadcn/UI tùy biến theo brand Comitor + component dùng chung cho hệ sinh thái SaaS (Tasks, Chat, CRM, HR…)",
   "license": "MIT",
   "type": "module",

package/styles.css

@@ -850,6 +850,36 @@
   --table-head-h: 2rem;
 }
 
+/* ────────────────────────────────────────────────────────────────────────────
+   5e. Ô NHẬP 16px TRÊN iOS — chặn Safari tự phóng to khi focus
+
+   WebKit trên iOS/iPadOS PHÓNG TO cả trang khi focus một ô nhập có chữ dưới 16px, và không tự thu
+   lại khi rời ô. Ô của gói là `text-sm` (14px), nên trên iPhone màn đăng nhập phình ra quá khung nhìn:
+   mép phải của ô, nút và liên kết bị cắt (người dùng báo 2026-11-01; Chrome Android không phóng nên
+   không thấy). Chặn ở ĐÂY một lần thay vì ở từng component: gói có hơn mười loại ô nhập (Input,
+   Command, TagsInput, TimePicker, InlineEdit, trình soạn thảo, ô của DataGrid…) và mỗi cái tự viết
+   cỡ chữ của nó.
+
+   · `@supports (-webkit-touch-callout: none)` chỉ khớp WebKit trên iOS/iPadOS — Safari desktop,
+     Chrome desktop và Android KHÔNG khớp, nên ở đó mọi ô giữ nguyên `text-sm`.
+   · Khối này cố ý NẰM NGOÀI mọi `@layer`: CSS không thuộc layer thắng utility của Tailwind
+     (`text-sm` ở `@layer utilities`) bất kể độ đặc hiệu, nên không cần `!important`.
+   · Từ 3.13.4 mọi ô nhập của gói đã là `text-base md:text-sm` (16px dưới `md`), nên khối này còn đỡ
+     hai ca mà luật đó không phủ: iPad (rộng ≥ `md` → `text-sm`) và trục cỡ chữ `sm`.
+   · `max(16px, 1em)` chứ không `1rem`: ở trục cỡ chữ `sm` (5c) `1rem` chỉ còn 14px — vẫn bị phóng.
+     `1em` giữ cỡ của chỗ đặt nếu nó đã to hơn (ô tiêu đề lớn của InlineEdit…).
+   · ĐỪNG chữa bằng `maximum-scale=1` trong viewport: nó cũng chặn người dùng tự chụm để phóng to
+     trên Android (WCAG 1.4.4), còn iOS bỏ qua nó với cử chỉ chụm nên chỉ còn mặt hại.
+   ──────────────────────────────────────────────────────────────────────────── */
+@supports (-webkit-touch-callout: none) {
+  input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="hidden"]),
+  textarea,
+  select,
+  [contenteditable="true"] {
+    font-size: max(16px, 1em);
+  }
+}
+
 /* ────────────────────────────────────────────────────────────────────────────
    6. MAP BIẾN → NAMESPACE TAILWIND (sinh bg-*, text-*, border-*, rounded-*…)