@lotics/ui 7.19.3 → 9.0.0

package/examples/tpl_allocate.tsx

@@ -75,7 +75,7 @@ export function TplAllocate() {
         <View>
           <View style={{ padding: 20, flexDirection: "row", alignItems: "flex-start", gap: 24, flexWrap: "wrap" }}>
             <View style={{ gap: 2, flexGrow: 1, flexBasis: 220 }}>
-              <Text size="xs" color="muted" transform="uppercase">Payment received</Text>
+              <Text size="xs" color="muted" weight="medium">Payment received</Text>
               <Text size="xxl" weight="semibold" tabular>{formatMoney(PAYMENT.amount)}</Text>
               <Text size="sm" color="muted">{`${PAYMENT.from} · ref ${PAYMENT.ref} · ${PAYMENT.date}`}</Text>
             </View>
@@ -92,7 +92,7 @@ export function TplAllocate() {
         {/* the targets — the open invoices, each absorbing part of the payment */}
         <View>
           <View style={{ paddingHorizontal: 20, paddingVertical: 12 }}>
-            <Text size="xs" color="muted" transform="uppercase">{`Open invoices · ${INVOICES.length}`}</Text>
+            <Text size="xs" color="muted" weight="medium">{`Open invoices · ${INVOICES.length}`}</Text>
           </View>
           <Divider />
           {INVOICES.map((inv, i) => (

package/examples/tpl_attendance.tsx

@@ -222,7 +222,7 @@ function NhanVienWorkspace({ nv }: { nv: NhanVien }) {
         <View style={{ gap: 10 }}>
           <View style={{ flexDirection: "row", alignItems: "center" }}>
             <View style={{ flex: 1 }}>
-              <Text size="xs" color="muted" transform="uppercase">This week</Text>
+              <Text size="xs" color="muted" weight="medium">This week</Text>
             </View>
             <Text size="sm" weight="medium" tabular>{nv.tongTuan}</Text>
           </View>
@@ -254,7 +254,7 @@ export function TplAttendance() {
   const onSort = (key: string) => setSort(cycleSort(sort, key));
 
   const dem = (tt: TrangThai) => NHAN_VIEN.filter((nv) => nv.trangThai === tt).length;
-  const eyebrow = (label: string) => <Text size="xs" color="muted" transform="uppercase">{label}</Text>;
+  const eyebrow = (label: string) => <Text size="xs" color="muted" weight="medium">{label}</Text>;
 
   // The Today roster, ordered by the active sort (Hours sorts numerically).
   const sorted = sortBy(NHAN_VIEN, sort, (nv, key) =>

package/examples/tpl_calendar.tsx

@@ -19,7 +19,7 @@ import {
 } from "@lotics/ui/calendar";
 
 // ─────────────────────────────────────────────────────────────────────────────
-// Template · Calendar & planning — the delivery/schedule desk. One real
+// Template · Calendar — the delivery/schedule desk. One real
 // CalendarView (week grid) over the current week's deliveries / reconciliations /
 // customer visits, then a "Today" agenda card listing today's three slots.
 //

package/examples/tpl_dashboard.tsx

@@ -36,7 +36,7 @@ import { Funnel } from "@lotics/ui/funnel";
 import { formatMoney } from "@lotics/ui/format_money";
 
 // ─────────────────────────────────────────────────────────────────────────────
-// Template · Executive dashboard — the executive operations dashboard. One
+// Template · Dashboard — the executive operations dashboard. One
 // screen that answers "how is this month going, where is it stuck, who pays
 // the bills".
 //

package/examples/tpl_dieline.tsx

@@ -24,8 +24,8 @@ const MOCK_PHOTO: DisplayFile = {
 // ─────────────────────────────────────────────────────────────────────────────
 // Template · AI design canvas (the carton "dieline" app) — the FLAGSHIP shape:
 // the page IS the design. The dieline fills the centre, a FLOATING composer sits
-// at the bottom, and a pinned PARAMS PANEL (a RecordFields field-card, here in
-// live-edit mode) floats at the centre-right. Empty → drop a photo in the
+// at the bottom, and a pinned PARAMS PANEL (a hand-composed label/value field-card
+// in live-edit mode) floats at the centre-right. Empty → drop a photo in the
 // composer → the centre processes while the composer MORPHS into a progress pill
 // (AgentProgress) → the dieline reveals, the params panel appears, the composer
 // returns. Two ways to change it: prompt the agent ("5 mm taller"), or edit a
@@ -229,7 +229,7 @@ export function TplDieline() {
   );
 }
 
-// The pinned right-rail — a RecordFields field-card in live-edit mode: each
+// The pinned right-rail — a label/value field-card in live-edit mode: each
 // parameter is click-to-edit and re-flows the design on save; one primary
 // Download. Floats over the canvas, so it carries the composer's lift.
 const PARAMS: { key: keyof Dims; label: string }[] = [