@multiplatform.one/components 6.4.0 → 6.4.1

package/dist/cjs/icons/index.cjs

@@ -19,4 +19,5 @@ var icons_exports = {};
 module.exports = __toCommonJS(icons_exports);
 __reExport(icons_exports, require("./CheckRegular.cjs"), module.exports);
 __reExport(icons_exports, require("./MinusRegular.cjs"), module.exports);
-__reExport(icons_exports, require("./lucide.cjs"), module.exports);
+__reExport(icons_exports, require("./lucide.cjs"), module.exports);
+__reExport(icons_exports, require("./themed.cjs"), module.exports);

package/dist/cjs/icons/index.native.js

@@ -22,4 +22,5 @@ module.exports = __toCommonJS(icons_exports);
 __reExport(icons_exports, require("./CheckRegular.native.js"), module.exports);
 __reExport(icons_exports, require("./MinusRegular.native.js"), module.exports);
 __reExport(icons_exports, require("./lucide.native.js"), module.exports);
+__reExport(icons_exports, require("./themed.native.js"), module.exports);
 //# sourceMappingURL=index.native.js.map

package/dist/cjs/icons/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","icons_exports","module","exports","__reExport","require"],"sources":["../../../src/icons/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BADdH,MAAA,CAAAC,OAAA;AAEAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,2BAFd,GAAAH,MAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","icons_exports","module","exports","__reExport","require"],"sources":["../../../src/icons/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,8BADdH,MAAA,CAAAC,OAAA;AAEAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,2BAFd,GAAAH,MAAA,CAAAC,OAAA;AAMAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,wBANdH,MAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/esm/icons/index.mjs

@@ -1,4 +1,5 @@
 export * from "./CheckRegular.mjs";
 export * from "./MinusRegular.mjs";
 export * from "./lucide.mjs";
+export * from "./themed.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/esm/icons/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/icons/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/icons/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AAId,cAAc","ignoreList":[]}

package/dist/esm/icons/index.native.js

@@ -1,4 +1,5 @@
 export * from "./CheckRegular.native.js";
 export * from "./MinusRegular.native.js";
 export * from "./lucide.native.js";
+export * from "./themed.native.js";
 //# sourceMappingURL=index.native.js.map

package/dist/esm/icons/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/icons/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/icons/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AAId,cAAc","ignoreList":[]}

package/dist/jsx/icons/index.mjs

@@ -1,4 +1,5 @@
 export * from "./CheckRegular.mjs";
 export * from "./MinusRegular.mjs";
 export * from "./lucide.mjs";
+export * from "./themed.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/jsx/icons/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/icons/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/icons/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AAId,cAAc","ignoreList":[]}

package/dist/jsx/icons/index.native.js

@@ -22,4 +22,5 @@ module.exports = __toCommonJS(icons_exports);
 __reExport(icons_exports, require("./CheckRegular.native.js"), module.exports);
 __reExport(icons_exports, require("./MinusRegular.native.js"), module.exports);
 __reExport(icons_exports, require("./lucide.native.js"), module.exports);
+__reExport(icons_exports, require("./themed.native.js"), module.exports);
 //# sourceMappingURL=index.native.js.map

package/dist/jsx/icons/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor"],"sources":["../../../src/icons/index.ts"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,SAAA,GAAcC,MAAA,CAAAC,cAAA;AACd,IAAAC,gBAAc,GAAAF,MAAA,CAAAG,wBAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames"],"sources":["../../../src/icons/index.ts"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,SAAA,GAAcC,MAAA,CAAAC,cAAA;AACd,IAAAC,gBAAc,GAAAF,MAAA,CAAAG,wBAAA;AAId,IAAAC,iBAAc,GAAAJ,MAAA,CAAAK,mBAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/components",
-  "version": "6.4.0",
+  "version": "6.4.1",
   "description": "multiplatform.one ui components",
   "keywords": [
     "components",
@@ -74,11 +74,11 @@
     "link": "^2.1.2",
     "shiki": "^4.0.2",
     "tamagui": "2.0.0-rc.41",
-    "@multiplatform.one/forms": "6.4.0",
-    "@multiplatform.one/i18n": "6.4.0",
-    "@multiplatform.one/router": "6.4.0",
-    "@multiplatform.one/theme": "6.4.0",
-    "@multiplatform.one/platform": "6.4.0"
+    "@multiplatform.one/forms": "6.4.1",
+    "@multiplatform.one/i18n": "6.4.1",
+    "@multiplatform.one/platform": "6.4.1",
+    "@multiplatform.one/router": "6.4.1",
+    "@multiplatform.one/theme": "6.4.1"
   },
   "devDependencies": {
     "@tamagui/build": "2.0.0-rc.41",
@@ -96,9 +96,9 @@
     "react-native-svg": "15.15.4",
     "react-native-web": "^0.21.2",
     "vitest": "^4.1.5",
-    "@multiplatform.one/storybook": "6.4.0",
-    "@multiplatform.one/config": "6.4.0",
-    "@multiplatform.one/test-utils": "6.4.0"
+    "@multiplatform.one/config": "6.4.1",
+    "@multiplatform.one/storybook": "6.4.1",
+    "@multiplatform.one/test-utils": "6.4.1"
   },
   "peerDependencies": {
     "@mdx-js/mdx": "^3.1.1",

package/src/icons/index.ts

@@ -1,3 +1,7 @@
 export * from "./CheckRegular";
 export * from "./MinusRegular";
 export * from "./lucide";
+// Token-resolving icon wrapper (LC-53 GLYPH-SLOT): icon-only controls slot
+// `themed(Icon)` elements and color them with bare theme keys ("red9"),
+// instead of baseline-shifting Text wrappers around raw icons.
+export * from "./themed";

package/src/views/Calendar.tsx

@@ -18,6 +18,10 @@ import {
   type CalendarRange,
 } from "./calendarMath";
 import {
+  formatDayLong,
+  formatTimeOfDay,
+  getMonthNames,
+  getWeekdayNames,
   hairline,
   hairlineWidth,
   pressTargetHitSlop,
@@ -389,34 +393,13 @@ const DAY_DISC_PX = 22;
 /** Month-view chip visual floor (hit slop fills the 44px target, DG-LAY-04). */
 const MONTH_CHIP_MIN_PX = 24;
 
-function getWeekdayNames(): string[] {
-  const formatter = new Intl.DateTimeFormat(undefined, { weekday: "short" });
-  return Array.from({ length: 7 }, (_, i) => formatter.format(new Date(2004, 0, 4 + i)));
-}
-
-function getMonthNames(): string[] {
-  const formatter = new Intl.DateTimeFormat(undefined, { month: "long" });
-  return Array.from({ length: 12 }, (_, i) => formatter.format(new Date(2000, i, 1)));
-}
-
 function getHours(): number[] {
   return Array.from({ length: 24 }, (_, i) => i);
 }
 
+/** Hour ticks speak the house time-of-day register without minutes ("2 PM"). */
 function formatHour(hour: number): string {
-  const date = new Date(2000, 0, 1, hour, 0, 0);
-  return new Intl.DateTimeFormat(undefined, {
-    hour: "numeric",
-    hour12: true,
-  }).format(date);
-}
-
-function formatDayLong(date: Date): string {
-  return new Intl.DateTimeFormat(undefined, {
-    weekday: "long",
-    month: "long",
-    day: "numeric",
-  }).format(date);
+  return formatTimeOfDay(new Date(2000, 0, 1, hour, 0, 0), { minutes: false });
 }
 
 const weekdayNames = getWeekdayNames();

package/src/views/calendarMath.ts

@@ -10,8 +10,14 @@
  * values — the component layer tweens between them with `knobProps.transition`
  * (LC-25 CONTROL-SMOOTH-JUMP) while raw pointer tracking stays 1:1
  * (A-GESTURE).
+ *
+ * Every visible/spoken date string here routes through the canonical
+ * registers in `@multiplatform.one/theme` (LC-12 render channel) — the
+ * calendar speaks the same date voice as tables, feeds and pickers.
  */
 
+import { formatDayLong, formatTimeOfDay } from "@multiplatform.one/theme";
+
 export const MINUTES_PER_DAY = 1440;
 
 /** Wall-clock minutes since midnight for a date. */
@@ -201,9 +207,9 @@ export function moveFocusSlot(
 
 // ── Formatting / accessible names ─────────────────────────────
 
-/** "2:00 PM" (locale-aware, minutes only when meaningful). */
+/** "2:00 PM" — the house time-of-day register. */
 export function formatTimeShort(date: Date): string {
-  return new Intl.DateTimeFormat(undefined, { hour: "numeric", minute: "2-digit" }).format(date);
+  return formatTimeOfDay(date);
 }
 
 /** "2:00 PM – 3:30 PM" visible label used by resize / create sketches. */
@@ -217,11 +223,7 @@ export function formatTimeRangeLabel(start: Date, end: Date): string {
  * Untimed events fall back to the day name alone.
  */
 export function eventAccessibleLabel(event: { title: string; start: Date; end?: Date }): string {
-  const dayLabel = new Intl.DateTimeFormat(undefined, {
-    weekday: "long",
-    month: "long",
-    day: "numeric",
-  }).format(event.start);
+  const dayLabel = formatDayLong(event.start);
   if (!event.end || event.end.getTime() === event.start.getTime()) {
     return `${event.title}, ${dayLabel}`;
   }

package/src/views/ganttMath.ts

@@ -241,9 +241,12 @@ export interface GanttTick {
   label?: string;
 }
 
-const dayLabelFormatter = new Intl.DateTimeFormat(undefined, { day: "numeric" });
-const monthDayFormatter = new Intl.DateTimeFormat(undefined, { month: "short", day: "numeric" });
-const monthYearFormatter = new Intl.DateTimeFormat(undefined, { month: "short", year: "numeric" });
+// Timeline labels ride the canonical date registers (LC-12 render channel).
+// Ticks take `year: "never"` — the header states the year, and a widened
+// "Mar 10, 2025" tick would collide with its neighbour.
+const dayLabel = (date: Date) => formatDayOfMonth(date);
+const monthDayLabel = (date: Date) => formatAbsoluteDate(date, { year: "never" });
+const monthYearLabel = (date: Date) => formatMonthYear(date);
 
 /**
  * Axis ticks for a range at a zoom level.
@@ -271,7 +274,7 @@ export function generateTicks(
         x,
         date,
         major: true,
-        label: monthEdge ? monthDayFormatter.format(date) : dayLabelFormatter.format(date),
+        label: monthEdge ? monthDayLabel(date) : dayLabel(date),
       });
       continue;
     }
@@ -281,7 +284,7 @@ export function generateTicks(
         x,
         date,
         major: weekStart,
-        label: weekStart ? monthDayFormatter.format(date) : undefined,
+        label: weekStart ? monthDayLabel(date) : undefined,
       });
       continue;
     }
@@ -292,7 +295,7 @@ export function generateTicks(
       x,
       date,
       major: monthStart,
-      label: monthStart ? monthYearFormatter.format(date) : undefined,
+      label: monthStart ? monthYearLabel(date) : undefined,
     });
   }
   return ticks;
@@ -300,8 +303,8 @@ export function generateTicks(
 
 /** Visible header label for the chart range: "Mar 2026 – Jun 2026". */
 export function formatRangeLabel(range: GanttRange): string {
-  const start = monthYearFormatter.format(range.start);
-  const end = monthYearFormatter.format(addDays(range.end, -1));
+  const start = monthYearLabel(range.start);
+  const end = monthYearLabel(addDays(range.end, -1));
   return start === end ? start : `${start} – ${end}`;
 }
 
@@ -312,8 +315,8 @@ export function formatRangeLabel(range: GanttRange): string {
 export function ganttTaskAccessibleLabel(task: { title: string; start: Date; end: Date }): string {
   const { startEdge, endEdge } = normalizeSpanEdges(task);
   const lastDay = addDays(endEdge, -1);
-  const startLabel = monthDayFormatter.format(startEdge);
-  const endLabel = monthDayFormatter.format(
+  const startLabel = monthDayLabel(startEdge);
+  const endLabel = monthDayLabel(
     lastDay.getTime() >= startEdge.getTime() ? lastDay : startEdge,
   );
   return startLabel === endLabel
@@ -325,8 +328,8 @@ export function ganttTaskAccessibleLabel(task: { title: string; start: Date; end
 export function formatSpanLabel(span: GanttSpan): string {
   const { startEdge, endEdge } = normalizeSpanEdges(span);
   const lastDay = addDays(endEdge, -1);
-  const startLabel = monthDayFormatter.format(startEdge);
-  const endLabel = monthDayFormatter.format(
+  const startLabel = monthDayLabel(startEdge);
+  const endLabel = monthDayLabel(
     lastDay.getTime() >= startEdge.getTime() ? lastDay : startEdge,
   );
   return startLabel === endLabel ? startLabel : `${startLabel} – ${endLabel}`;

package/types/icons/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./CheckRegular";
 export * from "./MinusRegular";
 export * from "./lucide";
+export * from "./themed";
 //# sourceMappingURL=index.d.ts.map

package/types/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AAIzB,cAAc,UAAU,CAAC"}