@multiplatform.one/components 6.7.0 → 7.0.0

package/dist/esm/feedback/ConfirmDialog.mjs

@@ -1,12 +1,50 @@
 import { Button } from "@multiplatform.one/forms";
-import { warnCancelDisabled, warnDialogTooManyActions } from "@multiplatform.one/theme";
-import { useEffect, useRef } from "react";
-import { useTranslation } from "react-i18next";
+import { ensureKeyboardModalityTracking, useResolvedKnobs, warnCancelDisabled, warnDialogTooManyActions, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { useCallback, useEffect, useRef } from "react";
+import { useTranslation } from "../shared/i18n.mjs";
 import { Dialog, Paragraph, XStack, YStack } from "tamagui";
 import { countActionsInTree } from "../shared/actionScan.mjs";
 import { useReturnFocusOnClose } from "../shared/useReturnFocusOnClose.mjs";
 import { DialogContent, DialogOverlay } from "../surfaces.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+const TAB_STOPS = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable="true"]';
+function asHtml(node) {
+  return node instanceof HTMLElement ? node : null;
+}
+function panelNode(ref) {
+  const fromRef = asHtml(ref);
+  if (fromRef) return fromRef;
+  if (typeof document === "undefined") return null;
+  return document.querySelector("[data-mp-confirm-dialog]");
+}
+function isTextEntry(el) {
+  const tag = el.tagName;
+  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
+  if (el.isContentEditable) return true;
+  const role = el.getAttribute("role");
+  if (role === "textbox" || role === "searchbox" || role === "combobox") return true;
+  return Boolean(el.querySelector("input, textarea, [contenteditable='true']"));
+}
+function firstTabStop(root) {
+  const nodes = root.querySelectorAll(TAB_STOPS);
+  for (const el of nodes) {
+    if (el === root) continue;
+    if (el.getAttribute("aria-hidden") === "true") continue;
+    if (typeof el.closest === "function" && el.closest("[data-focus-skip]")) continue;
+    return el;
+  }
+  return null;
+}
+function applyOpenFocus(panel) {
+  const keyboard = wasKeyboardFocus();
+  const first = firstTabStop(panel);
+  const toControl = Boolean(first && (keyboard || isTextEntry(first)));
+  const target = toControl && first ? first : panel;
+  target.focus({
+    preventScroll: true,
+    focusVisible: keyboard && toControl
+  });
+}
 function ConfirmDialog({
   open,
   onOpenChange,
@@ -27,10 +65,15 @@ function ConfirmDialog({
   const {
     t
   } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs();
   const confirmLabel = confirmLabelProp ?? t("Confirm");
   const cancelLabel = cancelLabelProp ?? t("Cancel");
   const description = body ?? children;
+  const contentRef = useRef(null);
   const closeReason = useRef(null);
+  ensureKeyboardModalityTracking();
   useReturnFocusOnClose(open);
   useEffect(() => {
     warnCancelDisabled({
@@ -55,34 +98,75 @@ function ConfirmDialog({
     }
     onOpenChange?.(next);
   };
+  const handleOpenAutoFocus = useCallback(event => {
+    event.preventDefault();
+    const panel = panelNode(contentRef.current);
+    if (panel) applyOpenFocus(panel);
+  }, []);
+  useEffect(() => {
+    if (!open) return;
+    let cancelled = false;
+    let frames = 0;
+    const run = () => {
+      if (cancelled) return;
+      const panel = panelNode(contentRef.current);
+      if (!panel) {
+        if (frames++ < 8) requestAnimationFrame(run);
+        return;
+      }
+      applyOpenFocus(panel);
+    };
+    run();
+    return () => {
+      cancelled = true;
+    };
+  }, [open]);
   return /* @__PURE__ */jsx(Dialog, {
     modal: true,
     open,
     onOpenChange: handleOpenChange,
     children: /* @__PURE__ */jsxs(Dialog.Portal, {
       children: [/* @__PURE__ */jsx(DialogOverlay, {}, "overlay"), /* @__PURE__ */jsxs(DialogContent, {
-        maxWidth: 440,
+        ref: contentRef,
+        width: "90%",
+        maxWidth: 420,
         role: "alertdialog",
+        tabIndex: -1,
+        outlineWidth: 0,
+        focusStyle: {
+          outlineWidth: 0
+        },
+        focusVisibleStyle: {
+          outlineWidth: 0
+        },
         "data-tone": destructive ? "destructive" : warning ? "warning" : "default",
+        "data-mp-confirm-dialog": "",
         onPointerDownOutside: e => e.preventDefault(),
         onInteractOutside: e => e.preventDefault(),
+        onOpenAutoFocus: handleOpenAutoFocus,
         children: [/* @__PURE__ */jsx(Dialog.Title, {
+          ...knobProps.heading,
+          fontSize: "$6",
           children: title
         }), description != null ? /* @__PURE__ */jsx(Dialog.Description, {
           asChild: true,
           children: typeof description === "string" || typeof description === "number" ? /* @__PURE__ */jsx(Paragraph, {
+            ...knobProps.body,
             size: "$3",
+            color: "$color11",
             children: description
           }) : /* @__PURE__ */jsx(YStack, {
+            ...knobProps.gap,
             children: description
           })
         }) : null, /* @__PURE__ */jsxs(XStack, {
-          gap: "$2",
-          marginTop: "$4",
+          ...knobProps.gap,
           justifyContent: "flex-end",
           alignItems: "flex-start",
+          flexWrap: "wrap",
           children: [/* @__PURE__ */jsx(Button, {
             chromeless: true,
+            compact: true,
             "data-mp-cancel-disabled-ignored": cancelDisabled ? "true" : void 0,
             onPress: () => {
               closeReason.current = "cancel";
@@ -90,8 +174,11 @@ function ConfirmDialog({
             },
             children: cancelLabel
           }), /* @__PURE__ */jsx(Button, {
+            compact: true,
+            accent: !destructive && !warning,
             error: destructive,
             warning: !destructive && warning,
+            actionRole: "primary",
             disabled: confirmDisabled || void 0,
             disabledReason: confirmDisabled ? confirmDisabledReason : void 0,
             "aria-disabled": confirmDisabled || void 0,

package/dist/esm/feedback/ConfirmDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Button","warnCancelDisabled","warnDialogTooManyActions","useEffect","useRef","useTranslation","Dialog","Paragraph","XStack","YStack","countActionsInTree","useReturnFocusOnClose","DialogContent","DialogOverlay","jsx","jsxs","ConfirmDialog","open","onOpenChange","title","body","children","confirmLabel","confirmLabelProp","cancelLabel","cancelLabelProp","onConfirm","onCancel","destructive","warning","confirmDisabled","confirmDisabledReason","cancelDisabled","allowManyActions","t","description","closeReason","disabled","component","count","handleOpenChange","next","current","modal","Portal","maxWidth","role","onPointerDownOutside","e","preventDefault","onInteractOutside","Title","Description","asChild","size","gap","marginTop","justifyContent","alignItems","chromeless","onPress","error","disabledReason"],"sources":["../../../src/feedback/ConfirmDialog.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Button","ensureKeyboardModalityTracking","useResolvedKnobs","warnCancelDisabled","warnDialogTooManyActions","wasKeyboardFocus","useCallback","useEffect","useRef","useTranslation","Dialog","Paragraph","XStack","YStack","countActionsInTree","useReturnFocusOnClose","DialogContent","DialogOverlay","jsx","jsxs","TAB_STOPS","asHtml","node","HTMLElement","panelNode","ref","fromRef","document","querySelector","isTextEntry","el","tag","tagName","isContentEditable","role","getAttribute","Boolean","firstTabStop","root","nodes","querySelectorAll","closest","applyOpenFocus","panel","keyboard","first","toControl","target","focus","preventScroll","focusVisible","ConfirmDialog","open","onOpenChange","title","body","children","confirmLabel","confirmLabelProp","cancelLabel","cancelLabelProp","onConfirm","onCancel","destructive","warning","confirmDisabled","confirmDisabledReason","cancelDisabled","allowManyActions","t","knobProps","description","contentRef","closeReason","disabled","component","count","handleOpenChange","next","current","handleOpenAutoFocus","event","preventDefault","cancelled","frames","run","requestAnimationFrame","modal","Portal","width","maxWidth","tabIndex","outlineWidth","focusStyle","focusVisibleStyle","onPointerDownOutside","e","onInteractOutside","onOpenAutoFocus","Title","heading","fontSize","Description","asChild","size","color","gap","justifyContent","alignItems","flexWrap","chromeless","compact","onPress","accent","error","actionRole","disabledReason"],"sources":["../../../src/feedback/ConfirmDialog.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/feedback/ConfirmDialog.native.js

@@ -1,12 +1,78 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "@multiplatform.one/forms";
-import { warnCancelDisabled, warnDialogTooManyActions } from "@multiplatform.one/theme";
-import { useEffect, useRef } from "react";
-import { useTranslation } from "react-i18next";
+import { ensureKeyboardModalityTracking, useResolvedKnobs, warnCancelDisabled, warnDialogTooManyActions, wasKeyboardFocus } from "@multiplatform.one/theme";
+import { useCallback, useEffect, useRef } from "react";
+import { useTranslation } from "../shared/i18n.native.js";
 import { Dialog, Paragraph, XStack, YStack } from "tamagui";
 import { countActionsInTree } from "../shared/actionScan.native.js";
 import { useReturnFocusOnClose } from "../shared/useReturnFocusOnClose.native.js";
 import { DialogContent, DialogOverlay } from "../surfaces.native.js";
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+var TAB_STOPS = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable="true"]';
+function asHtml(node) {
+  return _instanceof(node, HTMLElement) ? node : null;
+}
+function panelNode(ref) {
+  var fromRef = asHtml(ref);
+  if (fromRef) return fromRef;
+  if (typeof document === "undefined") return null;
+  return document.querySelector("[data-mp-confirm-dialog]");
+}
+function isTextEntry(el) {
+  var tag = el.tagName;
+  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
+  if (el.isContentEditable) return true;
+  var role = el.getAttribute("role");
+  if (role === "textbox" || role === "searchbox" || role === "combobox") return true;
+  return Boolean(el.querySelector("input, textarea, [contenteditable='true']"));
+}
+function firstTabStop(root) {
+  var nodes = root.querySelectorAll(TAB_STOPS);
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = nodes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var el = _step.value;
+      if (el === root) continue;
+      if (el.getAttribute("aria-hidden") === "true") continue;
+      if (typeof el.closest === "function" && el.closest("[data-focus-skip]")) continue;
+      return el;
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return null;
+}
+function applyOpenFocus(panel) {
+  var keyboard = wasKeyboardFocus();
+  var first = firstTabStop(panel);
+  var toControl = Boolean(first && (keyboard || isTextEntry(first)));
+  var target = toControl && first ? first : panel;
+  target.focus({
+    preventScroll: true,
+    focusVisible: keyboard && toControl
+  });
+}
 function ConfirmDialog(param) {
   var {
     open,
@@ -28,10 +94,15 @@ function ConfirmDialog(param) {
   var {
     t
   } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs();
   var confirmLabel = confirmLabelProp !== null && confirmLabelProp !== void 0 ? confirmLabelProp : t("Confirm");
   var cancelLabel = cancelLabelProp !== null && cancelLabelProp !== void 0 ? cancelLabelProp : t("Cancel");
   var description = body !== null && body !== void 0 ? body : children;
+  var contentRef = useRef(null);
   var closeReason = useRef(null);
+  ensureKeyboardModalityTracking();
   useReturnFocusOnClose(open);
   useEffect(function () {
     warnCancelDisabled({
@@ -56,16 +127,53 @@ function ConfirmDialog(param) {
     }
     onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(next);
   };
+  var handleOpenAutoFocus = useCallback(function (event) {
+    event.preventDefault();
+    var panel = panelNode(contentRef.current);
+    if (panel) applyOpenFocus(panel);
+  }, []);
+  useEffect(function () {
+    if (!open) return;
+    var cancelled = false;
+    var frames = 0;
+    var run = function run1() {
+      if (cancelled) return;
+      var panel = panelNode(contentRef.current);
+      if (!panel) {
+        if (frames++ < 8) requestAnimationFrame(run);
+        return;
+      }
+      applyOpenFocus(panel);
+    };
+    run();
+    return function () {
+      cancelled = true;
+    };
+  }, [open]);
   return /* @__PURE__ */_jsx(Dialog, {
     modal: true,
     open,
     onOpenChange: handleOpenChange,
     children: /* @__PURE__ */_jsxs(Dialog.Portal, {
       children: [/* @__PURE__ */_jsx(DialogOverlay, {}, "overlay"), /* @__PURE__ */_jsxs(DialogContent, {
-        maxWidth: 440,
+        ref: contentRef,
+        // Polaris small modal / macOS alert: fixed alert width, not shrink-wrap.
+        width: "90%",
+        maxWidth: 420,
         role: "alertdialog",
+        tabIndex: -1,
+        // LC-71: the frame is not a control. Own the no-ring contract here
+        // so panel auto-focus cannot paint even if DialogContent changes.
+        outlineWidth: 0,
+        focusStyle: {
+          outlineWidth: 0
+        },
+        focusVisibleStyle: {
+          outlineWidth: 0
+        },
         // Test / automation hook for confirm tone (theme class names vary by runtime).
         "data-tone": destructive ? "destructive" : warning ? "warning" : "default",
+        "data-mp-confirm-dialog": "",
         // Blocking confirm: no light-dismiss. Escape still cancels via
         // Dialog's default escape → onOpenChange(false).
         onPointerDownOutside: function onPointerDownOutside(e) {
@@ -74,23 +182,30 @@ function ConfirmDialog(param) {
         onInteractOutside: function onInteractOutside(e) {
           return e.preventDefault();
         },
+        onOpenAutoFocus: handleOpenAutoFocus,
         children: [/* @__PURE__ */_jsx(Dialog.Title, {
+          ...knobProps.heading,
+          fontSize: "$6",
           children: title
         }), description != null ? /* @__PURE__ */_jsx(Dialog.Description, {
           asChild: true,
           children: typeof description === "string" || typeof description === "number" ? /* @__PURE__ */_jsx(Paragraph, {
+            ...knobProps.body,
             size: "$3",
+            color: "$color11",
             children: description
           }) : /* @__PURE__ */_jsx(YStack, {
+            ...knobProps.gap,
             children: description
           })
         }) : null, /* @__PURE__ */_jsxs(XStack, {
-          gap: "$2",
-          marginTop: "$4",
+          ...knobProps.gap,
           justifyContent: "flex-end",
           alignItems: "flex-start",
+          flexWrap: "wrap",
           children: [/* @__PURE__ */_jsx(Button, {
             chromeless: true,
+            compact: true,
             // DG-ACT-05: never disabled; `cancelDisabled` requests are ignored.
             "data-mp-cancel-disabled-ignored": cancelDisabled ? "true" : void 0,
             onPress: function onPress() {
@@ -99,8 +214,11 @@ function ConfirmDialog(param) {
             },
             children: cancelLabel
           }), /* @__PURE__ */_jsx(Button, {
+            compact: true,
+            accent: !destructive && !warning,
             error: destructive,
             warning: !destructive && warning,
+            actionRole: "primary",
             disabled: confirmDisabled || void 0,
             // DG-ST-03: gated confirm explains itself (visible reason,
             // no hover) instead of dangling as a bare-disabled dead end.

package/dist/esm/feedback/ConfirmDialog.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","warnCancelDisabled","warnDialogTooManyActions","useEffect","useRef","useTranslation","Dialog","Paragraph","XStack","YStack","countActionsInTree","useReturnFocusOnClose","DialogContent","DialogOverlay","ConfirmDialog","param","open","onOpenChange","title","body","children","confirmLabel","confirmLabelProp","cancelLabel","cancelLabelProp","onConfirm","onCancel","destructive","warning","confirmDisabled","confirmDisabledReason","cancelDisabled","allowManyActions","t","description","closeReason","disabled","component","count","handleOpenChange","handleOpenChange2","next","current","modal","Portal","maxWidth","role","onPointerDownOutside","e","preventDefault","onInteractOutside","Title","Description","asChild","size","gap","marginTop","justifyContent","alignItems","chromeless","onPress","error","disabledReason"],"sources":["../../../src/feedback/ConfirmDialog.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","ensureKeyboardModalityTracking","useResolvedKnobs","warnCancelDisabled","warnDialogTooManyActions","wasKeyboardFocus","useCallback","useEffect","useRef","useTranslation","Dialog","Paragraph","XStack","YStack","countActionsInTree","useReturnFocusOnClose","DialogContent","DialogOverlay","_instanceof","left","right","Symbol","hasInstance","TAB_STOPS","asHtml","node","HTMLElement","panelNode","ref","fromRef","document","querySelector","isTextEntry","el","tag","tagName","isContentEditable","role","getAttribute","Boolean","firstTabStop","root","nodes","querySelectorAll","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","iterator","_step","next","done","value","closest","err","return","applyOpenFocus","panel","keyboard","first","toControl","target","focus","preventScroll","focusVisible","ConfirmDialog","param","open","onOpenChange","title","body","children","confirmLabel","confirmLabelProp","cancelLabel","cancelLabelProp","onConfirm","onCancel","destructive","warning","confirmDisabled","confirmDisabledReason","cancelDisabled","allowManyActions","t","knobProps","description","contentRef","closeReason","disabled","component","count","handleOpenChange","handleOpenChange2","current","handleOpenAutoFocus","event","preventDefault","cancelled","frames","run","run1","requestAnimationFrame","modal","Portal","width","maxWidth","tabIndex","outlineWidth","focusStyle","focusVisibleStyle","onPointerDownOutside","e","onInteractOutside","onOpenAutoFocus","Title","heading","fontSize","Description","asChild","size","color","gap","justifyContent","alignItems"],"sources":["../../../src/feedback/ConfirmDialog.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/feedback/NotifyHost.mjs

@@ -1,7 +1,7 @@
 import { useMemo, useSyncExternalStore } from "react";
 import { zIndex } from "@multiplatform.one/forms";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "../shared/i18n.mjs";
 import { YStack } from "tamagui";
 import { Alert } from "../Alert/index.mjs";
 import { ToastViewport } from "../Toast/index.mjs";

package/dist/esm/feedback/NotifyHost.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useMemo, useSyncExternalStore } from "react";
 import { zIndex } from "@multiplatform.one/forms";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "../shared/i18n.native.js";
 import { YStack } from "tamagui";
 import { Alert } from "../Alert/index.native.js";
 import { ToastViewport } from "../Toast/index.native.js";

package/dist/esm/icons/themed.mjs

@@ -1,4 +1,5 @@
-import { getTokens, getVariable, getVariableValue, useProps, useTheme } from "tamagui";
+import { isTouchSurface, sizeRecipeForToken } from "@multiplatform.one/theme";
+import { getVariable, useProps, useTheme } from "tamagui";
 import { jsx } from "react/jsx-runtime";
 function themed(Component) {
   return props => {
@@ -11,7 +12,9 @@ function themed(Component) {
     return /* @__PURE__ */jsx(Component, {
       ...props,
       color: getVariable((color in theme ? theme[color] : void 0) || color || (!disableTheme ? theme.color : null) || "#000"),
-      size: typeof size === "string" ? getVariableValue(getTokens().size[size] || size) : size
+      size: typeof size === "string" ? sizeRecipeForToken(size, {
+        touch: isTouchSurface()
+      }).iconSize : size
     });
   };
 }

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

@@ -1 +1 @@
-{"version":3,"names":["getTokens","getVariable","getVariableValue","useProps","useTheme","jsx","themed","Component","props","color","disableTheme","size","theme"],"sources":["../../../src/icons/themed.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,EAAWC,WAAA,EAAaC,gBAAA,EAAkBC,QAAA,EAAUC,QAAA,QAAgB;AAOvE,SAAAC,GAAA;AALC,SAASC,OAAqBC,SAAA,EAAc;EACjD,OAASC,KAAA,IAAe;IACtB,MAAM;MAAEC,KAAA;MAAOC,YAAA;MAAcC;IAAK,IAAIR,QAAA,CAASK,KAAK;IACpD,MAAMI,KAAA,GAAQR,QAAA,CAAS;IACvB,OACE,eAAAC,GAAA,CAACE,SAAA;MACE,GAAGC,KAAA;MACJC,KAAA,EAAOR,WAAA,EACJQ,KAAA,IAASG,KAAA,GAAQA,KAAA,CAAMH,KAAK,IAAI,WAC/BA,KAAA,KACC,CAACC,YAAA,GAAeE,KAAA,CAAMH,KAAA,GAAQ,SAC/B,MACJ;MACAE,IAAA,EAAM,OAAOA,IAAA,KAAS,WAAWT,gBAAA,CAAiBF,SAAA,CAAU,EAAEW,IAAA,CAAKA,IAAI,KAAKA,IAAI,IAAIA;IAAA,CACtF;EAEJ;AACF","ignoreList":[]}
+{"version":3,"names":["isTouchSurface","sizeRecipeForToken","getVariable","useProps","useTheme","jsx","themed","Component","props","color","disableTheme","size","theme","touch","iconSize"],"sources":["../../../src/icons/themed.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,EAAgBC,kBAAA,QAA0B;AAEnD,SAASC,WAAA,EAAaC,QAAA,EAAUC,QAAA,QAAgB;AAO1C,SAAAC,GAAA;AALC,SAASC,OAAqBC,SAAA,EAAc;EACjD,OAASC,KAAA,IAAe;IACtB,MAAM;MAAEC,KAAA;MAAOC,YAAA;MAAcC;IAAK,IAAIR,QAAA,CAASK,KAAK;IACpD,MAAMI,KAAA,GAAQR,QAAA,CAAS;IACvB,OACE,eAAAC,GAAA,CAACE,SAAA;MACE,GAAGC,KAAA;MACJC,KAAA,EAAOP,WAAA,EACJO,KAAA,IAASG,KAAA,GAAQA,KAAA,CAAMH,KAAK,IAAI,WAC/BA,KAAA,KACC,CAACC,YAAA,GAAeE,KAAA,CAAMH,KAAA,GAAQ,SAC/B,MACJ;MACAE,IAAA,EACE,OAAOA,IAAA,KAAS,WACZV,kBAAA,CAAmBU,IAAA,EAAM;QAAEE,KAAA,EAAOb,cAAA,CAAe;MAAE,CAAC,EAAEc,QAAA,GACtDH;IAAA,CAER;EAEJ;AACF","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getTokens, getVariable, getVariableValue, useProps, useTheme } from "tamagui";
+import { isTouchSurface, sizeRecipeForToken } from "@multiplatform.one/theme";
+import { getVariable, useProps, useTheme } from "tamagui";
 function themed(Component) {
   return function (props) {
     var {
@@ -11,7 +12,9 @@ function themed(Component) {
     return /* @__PURE__ */_jsx(Component, {
       ...props,
       color: getVariable((color in theme ? theme[color] : void 0) || color || (!disableTheme ? theme.color : null) || "#000"),
-      size: typeof size === "string" ? getVariableValue(getTokens().size[size] || size) : size
+      size: typeof size === "string" ? sizeRecipeForToken(size, {
+        touch: isTouchSurface()
+      }).iconSize : size
     });
   };
 }

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","getTokens","getVariable","getVariableValue","useProps","useTheme","themed","Component","props","color","disableTheme","size","theme"],"sources":["../../../src/icons/themed.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAW,2BAAa;AAO3B,SAAAC,SAAA,EAAAC,WAAA,EAAAC,gBAAA,EAAAC,QAAA,EAAAC,QAAA;AALC,SAASC,OAAqBC,SAAA,EAAc;EACjD,iBAASC,KAAe;IACtB;MAAMC,KAAE;MAAAC,YAAO;MAAAC;IAAc,IAAKP,QAAI,CAAAI,KAAS;IAC/C,IAAAI,KAAM,GAAAP,QAAQ;IACd,OACE,eAAAL,IAAA,CAAAO,SAAA;MAAC,GAAAC,KAAA;MAAAC,KAAA,EAAAP,WAAA,EAAAO,KAAA,IAAAG,KAAA,GAAAA,KAAA,CAAAH,KAAA,eAAAA,KAAA,MAAAC,YAAA,GAAAE,KAAA,CAAAH,KAAA;MAAAE,IACE,EAAG,OAAAA,IAAA,gBAAAR,gBAAA,CAAAF,SAAA,GAAAU,IAAA,CAAAA,IAAA,KAAAA,IAAA,IAAAA;IAAA;EACG;AAIH;AACJ,SACoFL,MAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","isTouchSurface","sizeRecipeForToken","getVariable","useProps","useTheme","themed","Component","props","color","disableTheme","size","theme","touch","iconSize"],"sources":["../../../src/icons/themed.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAgB;AAEzB,SAASC,cAAa,EAAAC,kBAAU,QAAgB;AAO1C,SAAAC,WAAA,EAAAC,QAAA,EAAAC,QAAA;AALC,SAASC,OAAqBC,SAAA,EAAc;EACjD,iBAASC,KAAe;IACtB;MAAMC,KAAE;MAAAC,YAAO;MAAAC;IAAc,IAAKP,QAAI,CAAAI,KAAS;IAC/C,IAAAI,KAAM,GAAAP,QAAQ;IACd,OACE,eAAAL,IAAA,CAAAO,SAAA;MAAC,GAAAC,KAAA;MAAAC,KAAA,EAAAN,WAAA,EAAAM,KAAA,IAAAG,KAAA,GAAAA,KAAA,CAAAH,KAAA,eAAAA,KAAA,MAAAC,YAAA,GAAAE,KAAA,CAAAH,KAAA;MAAAE,IACE,EAAG,OAAAA,IAAA,gBAAAT,kBAAA,CAAAS,IAAA;QACJE,KAAA,EAAOZ,cAAA;MAAA,GAAAa,QACJ,GAASH;IAGR;EACJ;AAIM;AAAA,SAIZL,MAAA","ignoreList":[]}