@multiplatform.one/components 6.7.0 → 7.0.0

package/dist/esm/layouts/toolbar.native.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { hairline, hairlineWidth, useResolvedKnobs } from "@multiplatform.one/theme";
-import { useTranslation } from "react-i18next";
+import { MIN_PRESS_TARGET, Surface, hairline, hairlineWidth, pressTargetHitSlop, pressTargetStyle, useResolvedKnobs } from "@multiplatform.one/theme";
+import { useTranslation } from "../shared/i18n.native.js";
 import { Button } from "@multiplatform.one/forms";
-import { Group, Separator, XStack, isWeb } from "tamagui";
+import { Group, ScrollView, Separator, XStack, isWeb } from "tamagui";
 function clusterActions(actions) {
   var clusters = [];
   var _iteratorNormalCompletion = true,
@@ -80,7 +80,16 @@ function partitionByDestructive(actions) {
     destructive
   };
 }
-function Toolbar(param) {
+function Toolbar(props) {
+  return /* @__PURE__ */_jsx(Surface, {
+    size: "small",
+    density: "compact",
+    children: /* @__PURE__ */_jsx(ToolbarInner, {
+      ...props
+    })
+  });
+}
+function ToolbarInner(param) {
   var {
     primaryActions = [],
     secondaryActions = [],
@@ -94,6 +103,9 @@ function Toolbar(param) {
   var {
     knobProps
   } = useResolvedKnobs();
+  var sizePx = knobProps.control.height;
+  var pressFloor = pressTargetStyle();
+  var actionHitSlop = pressTargetHitSlop(sizePx);
   var getButtonIntents = function getButtonIntents2(variant) {
     return {
       accent: variant === "primary",
@@ -102,7 +114,6 @@ function Toolbar(param) {
   };
   var renderAction = function renderAction2(action) {
     return /* @__PURE__ */_jsx(Button, {
-      size: knobProps.sizeToken,
       icon: action.icon,
       onPress: action.onPress,
       disabled: action.disabled,
@@ -110,13 +121,18 @@ function Toolbar(param) {
       // and skips the bare-disabled warn; loadingLabel stays for SRs.
       loading: action.loading,
       "aria-label": action.loading ? loadingLabel : void 0,
-      // DG-ST-03: reason flows through the Button explain affordance.
       disabledReason: action.disabledReason,
+      disabledReasonPlacement: "inline",
+      flexShrink: 0,
       ...getButtonIntents(action.variant),
       // Axiom 13 ONE BODY: the Toolbar's `outlined` variant maps to the
       // Button's canonical boolean `outlined` prop. Passing it as a string
       // `variant` matched no styled-frame key and silently dissolved (DF-10).
       outlined: action.variant === "outlined",
+      ...pressFloor,
+      ...(!isWeb ? {
+        hitSlop: actionHitSlop
+      } : void 0),
       children: action.label
     }, action.label);
   };
@@ -125,6 +141,8 @@ function Toolbar(param) {
       if (cluster.kind === "fused") {
         return /* @__PURE__ */_jsx(Group, {
           orientation: "horizontal",
+          flexWrap: "nowrap",
+          flexShrink: 0,
           "data-toolbar-cluster": "fused",
           "data-toolbar-region": region,
           children: cluster.actions.map(function (action) {
@@ -137,7 +155,8 @@ function Toolbar(param) {
       return /* @__PURE__ */_jsx(XStack, {
         ...knobProps.gap,
         alignItems: "center",
-        flexWrap: "wrap",
+        flexWrap: "nowrap",
+        flexShrink: 0,
         "data-toolbar-cluster": "independent",
         "data-toolbar-region": region,
         children: cluster.actions.map(function (action) {
@@ -152,16 +171,16 @@ function Toolbar(param) {
   } = partitionByDestructive(secondaryActions);
   var hasTrailing = secondaryNeutral.length > 0 || secondaryDestructive.length > 0;
   return /* @__PURE__ */_jsxs(XStack, {
+    role: "toolbar",
+    "aria-label": t("Toolbar"),
     // LC-39 EARNED-INSET (Axiom 16 ALIGNMENT): the bar paints no
-    // distinguishable surface — its fill is the page `$background` and its
-    // only chrome is the one-edge hairline divider, so it earns no
-    // horizontal inset. Actions sit flush on the page column's alignment
-    // line; vertical padding stays (rhythm against the divider edge the
-    // bar actually paints). If Toolbar ever grows a painted-panel variant,
-    // that variant re-earns `panelPadding` with its visible surface.
-    paddingVertical: knobProps.panelPadding.padding,
+    // distinguishable surface — SF-TRANSPARENT, so it earns no horizontal
+    // inset. Spread the panelPadding recipe whole, then eject the
+    // horizontal sides. Vertical padding stays (rhythm against the
+    // divider edge the bar actually paints).
+    ...knobProps.panelPadding,
     paddingHorizontal: 0,
-    ...knobProps.gap,
+    ...knobProps.gapLg,
     // Bar edge is a divider (not a control border): hairline on high-DPI
     // (Axiom 15). Only class the side that carries the rule so the low-DPI
     // fallback cannot paint the other edge.
@@ -171,30 +190,48 @@ function Toolbar(param) {
       className: position === "top" ? "mp-hairline-b" : "mp-hairline-t"
     }),
     borderColor: "$borderColor",
-    backgroundColor: "$background",
+    backgroundColor: "transparent",
     justifyContent: "space-between",
     alignItems: "center",
-    flexWrap: "wrap",
+    flexWrap: "nowrap",
+    width: "100%",
+    minHeight: MIN_PRESS_TARGET,
+    overflow: "hidden",
     "data-testid": "toolbar",
-    children: [/* @__PURE__ */_jsx(XStack, {
-      ...knobProps.gap,
-      alignItems: "center",
-      flexWrap: "wrap",
+    children: [/* @__PURE__ */_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      flex: 1,
       flexShrink: 1,
-      "data-toolbar-slot": "start",
-      children: renderClusters(primaryActions, "primary")
+      minWidth: 0,
+      ...(isWeb ? {
+        overflow: "scroll"
+      } : void 0),
+      contentContainerStyle: {
+        alignItems: "center"
+      },
+      children: /* @__PURE__ */_jsx(XStack, {
+        ...knobProps.gapLg,
+        alignItems: "center",
+        flexWrap: "nowrap",
+        flexShrink: 0,
+        "data-toolbar-slot": "start",
+        children: renderClusters(primaryActions, "primary")
+      })
     }), hasTrailing && /* @__PURE__ */_jsxs(XStack, {
       ...knobProps.gap,
       alignItems: "center",
-      flexWrap: "wrap",
-      flexShrink: 1,
+      flexWrap: "nowrap",
+      flexShrink: 0,
       marginInlineStart: "auto",
       justifyContent: "flex-end",
       "data-toolbar-slot": "end",
       children: [renderClusters(secondaryNeutral, "secondary"), secondaryNeutral.length > 0 && secondaryDestructive.length > 0 && /* @__PURE__ */_jsx(Separator, {
         vertical: true,
         ...hairline.vline,
-        height: knobProps.sizeToken,
+        // Match the painted control chrome, not the flat token ramp
+        // (LC-75: sizeToken is a key, not a height scalar).
+        height: knobProps.control.height,
         alignSelf: "center",
         "data-toolbar-separator": "destructive"
       }), renderClusters(secondaryDestructive, "destructive")]

package/dist/esm/layouts/toolbar.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","hairline","hairlineWidth","useResolvedKnobs","useTranslation","Button","Group","Separator","XStack","isWeb","clusterActions","actions","clusters","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","action","value","prev","length","fused","kind","push","err","return","partitionByDestructive","neutral","destructive","variant","Toolbar","param","primaryActions","secondaryActions","position","loadingLabel","loadingLabelProp","t","knobProps","getButtonIntents","getButtonIntents2","accent","error","renderAction","renderAction2","size","sizeToken","icon","onPress","disabled","loading","disabledReason","outlined","children","label","renderClusters","renderClusters2","region","map","cluster","index","orientation","Item","gap","alignItems","flexWrap","secondaryNeutral","secondaryDestructive","hasTrailing","paddingVertical","panelPadding","padding","paddingHorizontal"],"sources":["../../../src/layouts/toolbar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","MIN_PRESS_TARGET","Surface","hairline","hairlineWidth","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","useTranslation","Button","Group","ScrollView","Separator","XStack","isWeb","clusterActions","actions","clusters","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","action","value","prev","length","fused","kind","push","err","return","partitionByDestructive","neutral","destructive","variant","Toolbar","props","size","density","children","ToolbarInner","param","primaryActions","secondaryActions","position","loadingLabel","loadingLabelProp","t","knobProps","sizePx","control","height","pressFloor","actionHitSlop","getButtonIntents","getButtonIntents2","accent","error","renderAction","renderAction2","icon","onPress","disabled","loading","disabledReason","disabledReasonPlacement","flexShrink","outlined","hitSlop","label","renderClusters","renderClusters2","region","map","cluster","index","orientation","flexWrap","Item","gap","alignItems","secondaryNeutral","secondaryDestructive","hasTrailing","role","panelPadding","paddingHorizontal","gapLg","borderTopWidth","borderBottomWidth","className","borderColor","backgroundColor","justifyContent","width","minHeight","overflow"],"sources":["../../../src/layouts/toolbar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/shared/i18n.mjs

@@ -0,0 +1,10 @@
+import * as ReactI18next from "react-i18next";
+const useTranslation = (...args) => {
+  const impl = ReactI18next.useTranslation;
+  if (typeof impl !== "function") {
+    throw new Error("[@multiplatform.one/components] react-i18next is not installed, but a component that translates its built-in copy was rendered. Add react-i18next and i18next to your app's dependencies (they are optional peers so apps that never render these components can omit them).");
+  }
+  return impl(...args);
+};
+export { useTranslation };
+//# sourceMappingURL=i18n.mjs.map

package/dist/esm/shared/i18n.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReactI18next","useTranslation","args","impl","Error"],"sources":["../../../src/shared/i18n.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,YAAA,MAAkB;AAavB,MAAMC,cAAA,GAAkBA,CAAA,GAAIC,IAAA,KAAoB;EACrD,MAAMC,IAAA,GAAQH,YAAA,CACXC,cAAA;EACH,IAAI,OAAOE,IAAA,KAAS,YAAY;IAC9B,MAAM,IAAIC,KAAA,CACR,8QAIF;EACF;EACA,OAAOD,IAAA,CAAK,GAAGD,IAAI;AACrB","ignoreList":[]}

package/dist/esm/shared/i18n.native.js

@@ -0,0 +1,13 @@
+import * as ReactI18next from "react-i18next";
+var useTranslation = function useTranslation2() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var impl = ReactI18next.useTranslation;
+  if (typeof impl !== "function") {
+    throw new Error("[@multiplatform.one/components] react-i18next is not installed, but a component that translates its built-in copy was rendered. Add react-i18next and i18next to your app's dependencies (they are optional peers so apps that never render these components can omit them).");
+  }
+  return impl(...args);
+};
+export { useTranslation };
+//# sourceMappingURL=i18n.native.js.map

package/dist/esm/shared/i18n.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReactI18next","useTranslation","useTranslation2","_len","arguments","length","args","Array","_key","impl","Error"],"sources":["../../../src/shared/i18n.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,YAAA,MAAkB;AAavB,IAAAC,cAAM,YAAsBC,eAAoBA,CAAA;EACrD,SAAMC,IAAQ,GAAAC,SAAA,CACXC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IACHF,IAAI,CAAAE,IAAO,IAAAJ,SAAS,CAAAI,IAAA;EAClB;EAAU,IACRC,IAAA,GAAAT,YAAA,CAAAC,cAAA;EAAA,IAIF,OAAAQ,IAAA;IACF,UAAAC,KAAA;EACA;EACF,OAAAD,IAAA,IAAAH,IAAA","ignoreList":[]}

package/dist/esm/shared/textRidesText.mjs

@@ -0,0 +1,31 @@
+import { Children } from "react";
+const isBareTextChild = child => typeof child === "string" || typeof child === "number";
+function coalesceBareTextRuns(children, renderLabel) {
+  const out = [];
+  let run;
+  let runIndex = 0;
+  const flushRun = () => {
+    if (run !== void 0 && run !== "") out.push(renderLabel(run, `lc50-run-${runIndex++}`));
+    run = void 0;
+  };
+  for (const child of children) {
+    if (isBareTextChild(child)) {
+      run = (run ?? "") + String(child);
+    } else {
+      flushRun();
+      out.push(child);
+    }
+  }
+  flushRun();
+  return out;
+}
+function wrapBareTextChildren(children, renderLabel) {
+  if (isBareTextChild(children)) return renderLabel(String(children));
+  if (Array.isArray(children)) {
+    const flattened = Children.toArray(children);
+    if (flattened.some(isBareTextChild)) return coalesceBareTextRuns(flattened, renderLabel);
+  }
+  return children;
+}
+export { isBareTextChild, wrapBareTextChildren };
+//# sourceMappingURL=textRidesText.mjs.map

package/dist/esm/shared/textRidesText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","isBareTextChild","child","coalesceBareTextRuns","children","renderLabel","out","run","runIndex","flushRun","push","String","wrapBareTextChildren","Array","isArray","flattened","toArray","some"],"sources":["../../../src/shared/textRidesText.ts"],"sourcesContent":[null],"mappings":"AAYA,SAASA,QAAA,QAAgB;AAGlB,MAAMC,eAAA,GAAmBC,KAAA,IAC9B,OAAOA,KAAA,KAAU,YAAY,OAAOA,KAAA,KAAU;AAEhD,SAASC,qBACPC,QAAA,EACAC,WAAA,EACa;EACb,MAAMC,GAAA,GAAmB,EAAC;EAC1B,IAAIC,GAAA;EACJ,IAAIC,QAAA,GAAW;EACf,MAAMC,QAAA,GAAWA,CAAA,KAAM;IACrB,IAAIF,GAAA,KAAQ,UAAaA,GAAA,KAAQ,IAAID,GAAA,CAAII,IAAA,CAAKL,WAAA,CAAYE,GAAA,EAAK,YAAYC,QAAA,EAAU,EAAE,CAAC;IACxFD,GAAA,GAAM;EACR;EACA,WAAWL,KAAA,IAASE,QAAA,EAAU;IAC5B,IAAIH,eAAA,CAAgBC,KAAK,GAAG;MAC1BK,GAAA,IAAOA,GAAA,IAAO,MAAMI,MAAA,CAAOT,KAAK;IAClC,OAAO;MACLO,QAAA,CAAS;MACTH,GAAA,CAAII,IAAA,CAAKR,KAAK;IAChB;EACF;EACAO,QAAA,CAAS;EACT,OAAOH,GAAA;AACT;AAOO,SAASM,qBACdR,QAAA,EACAC,WAAA,EACW;EACX,IAAIJ,eAAA,CAAgBG,QAAQ,GAAG,OAAOC,WAAA,CAAYM,MAAA,CAAOP,QAAQ,CAAC;EAClE,IAAIS,KAAA,CAAMC,OAAA,CAAQV,QAAQ,GAAG;IAC3B,MAAMW,SAAA,GAAYf,QAAA,CAASgB,OAAA,CAAQZ,QAAQ;IAC3C,IAAIW,SAAA,CAAUE,IAAA,CAAKhB,eAAe,GAAG,OAAOE,oBAAA,CAAqBY,SAAA,EAAWV,WAAW;EACzF;EACA,OAAOD,QAAA;AACT","ignoreList":[]}

package/dist/esm/shared/textRidesText.native.js

@@ -0,0 +1,52 @@
+import { Children } from "react";
+var isBareTextChild = function isBareTextChild2(child) {
+  return typeof child === "string" || typeof child === "number";
+};
+function coalesceBareTextRuns(children, renderLabel) {
+  var out = [];
+  var run;
+  var runIndex = 0;
+  var flushRun = function flushRun2() {
+    if (run !== void 0 && run !== "") out.push(renderLabel(run, `lc50-run-${runIndex++}`));
+    run = void 0;
+  };
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = children[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var child = _step.value;
+      if (isBareTextChild(child)) {
+        run = (run !== null && run !== void 0 ? run : "") + String(child);
+      } else {
+        flushRun();
+        out.push(child);
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  flushRun();
+  return out;
+}
+function wrapBareTextChildren(children, renderLabel) {
+  if (isBareTextChild(children)) return renderLabel(String(children));
+  if (Array.isArray(children)) {
+    var flattened = Children.toArray(children);
+    if (flattened.some(isBareTextChild)) return coalesceBareTextRuns(flattened, renderLabel);
+  }
+  return children;
+}
+export { isBareTextChild, wrapBareTextChildren };
+//# sourceMappingURL=textRidesText.native.js.map

package/dist/esm/shared/textRidesText.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","isBareTextChild","isBareTextChild2","child","coalesceBareTextRuns","children","renderLabel","out","run","runIndex","flushRun","flushRun2","push","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","value","String","err","return"],"sources":["../../../src/shared/textRidesText.ts"],"sourcesContent":[null],"mappings":"AAYA,SAASA,QAAA,QAAgB;AAGlB,IAAAC,eAAM,YAAmBC,gBACvBA,CAAAC,KAAU;EAEnB,OAAS,OAAAA,KAAA,aACP,WACAA,KAAA,KACa;AACb;AACA,SAAIC,qBAAAC,QAAA,EAAAC,WAAA;EACJ,IAAIC,GAAA;EACJ,IAAAC,GAAM;EACJ,IAAAC,QAAI,GAAQ;EACZ,IAAAC,QAAM,YAAAC,UAAA;IACR,IAAAH,GAAA,eAAAA,GAAA,SAAAD,GAAA,CAAAK,IAAA,CAAAN,WAAA,CAAAE,GAAA,cAAAC,QAAA;IACAD,GAAA,QAAW;EACT;EACE,IAAAK,yBAAoB,GAAO,IAAK;IAAAC,iBAAA;IAAAC,cAAA;EAAA,IAClC;IACE,SAAAC,SAAS,GAAAX,QAAA,CAAAY,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MACT,IAAIV,KAAK,GAAAgB,KAAK,CAAAG,KAAA;MAChB,IAAArB,eAAA,CAAAE,KAAA;QACFK,GAAA,IAAAA,GAAA,aAAAA,GAAA,cAAAA,GAAA,SAAAe,MAAA,CAAApB,KAAA;MACA,OAAS;QACTO,QAAO;QACTH,GAAA,CAAAK,IAAA,CAAAT,KAAA;MAOO;IAIL;EACA,SAAIqB,GAAM;IACRV,iBAAM,GAAY;IAClBC,cAAc,GAAAS,GAAK;EACrB;IACA;MACF,KAAAX,yBAAA,IAAAG,SAAA,CAAAS,MAAA","ignoreList":[]}

package/dist/esm/shared/useReturnFocusOnClose.mjs

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from "react";
 import { isWeb } from "tamagui";
+import { wasKeyboardFocus } from "@multiplatform.one/theme";
 const canUseDom = () => isWeb && typeof document !== "undefined";
 function focusIsDropped() {
   const ae = document.activeElement;
@@ -20,7 +21,12 @@ function useReturnFocusOnClose(open) {
       const restore = () => {
         const target = prevRef.current;
         if (!target || !target.isConnected) return;
-        if (focusIsDropped()) target.focus();
+        if (focusIsDropped()) {
+          target.focus({
+            preventScroll: true,
+            focusVisible: wasKeyboardFocus()
+          });
+        }
       };
       requestAnimationFrame(() => requestAnimationFrame(restore));
       setTimeout(restore, 320);

package/dist/esm/shared/useReturnFocusOnClose.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","isWeb","canUseDom","document","focusIsDropped","ae","activeElement","body","documentElement","useReturnFocusOnClose","open","prevRef","wasOpenRef","current","restore","target","isConnected","focus","requestAnimationFrame","setTimeout"],"sources":["../../../src/shared/useReturnFocusOnClose.ts"],"sourcesContent":[null],"mappings":"AAiBA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,KAAA,QAAa;AAEtB,MAAMC,SAAA,GAAYA,CAAA,KAAMD,KAAA,IAAS,OAAOE,QAAA,KAAa;AAErD,SAASC,eAAA,EAA0B;EACjC,MAAMC,EAAA,GAAKF,QAAA,CAASG,aAAA;EACpB,OAAO,CAACD,EAAA,IAAMA,EAAA,KAAOF,QAAA,CAASI,IAAA,IAAQF,EAAA,KAAOF,QAAA,CAASK,eAAA;AACxD;AAEO,SAASC,sBAAsBC,IAAA,EAAe;EACnD,MAAMC,OAAA,GAAUX,MAAA,CAA2B,IAAI;EAC/C,MAAMY,UAAA,GAAaZ,MAAA,CAAO,KAAK;EAC/B,IAAIE,SAAA,CAAU,GAAG;IACf,IAAIQ,IAAA,IAAQ,CAACE,UAAA,CAAWC,OAAA,EAAS;MAC/BF,OAAA,CAAQE,OAAA,GAAUV,QAAA,CAASG,aAAA;IAC7B;IACAM,UAAA,CAAWC,OAAA,GAAUH,IAAA;EACvB;EACAX,SAAA,CAAU,MAAM;IACd,IAAI,CAACG,SAAA,CAAU,KAAK,CAACQ,IAAA,EAAM;IAC3B,OAAO,MAAM;MACX,MAAMI,OAAA,GAAUA,CAAA,KAAM;QACpB,MAAMC,MAAA,GAASJ,OAAA,CAAQE,OAAA;QACvB,IAAI,CAACE,MAAA,IAAU,CAACA,MAAA,CAAOC,WAAA,EAAa;QACpC,IAAIZ,cAAA,CAAe,GAAGW,MAAA,CAAOE,KAAA,CAAM;MACrC;MAGAC,qBAAA,CAAsB,MAAMA,qBAAA,CAAsBJ,OAAO,CAAC;MAC1DK,UAAA,CAAWL,OAAA,EAAS,GAAG;IACzB;EACF,GAAG,CAACJ,IAAI,CAAC;AACX","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","isWeb","wasKeyboardFocus","canUseDom","document","focusIsDropped","ae","activeElement","body","documentElement","useReturnFocusOnClose","open","prevRef","wasOpenRef","current","restore","target","isConnected","focus","preventScroll","focusVisible","requestAnimationFrame","setTimeout"],"sources":["../../../src/shared/useReturnFocusOnClose.ts"],"sourcesContent":[null],"mappings":"AAiBA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,KAAA,QAAa;AACtB,SAASC,gBAAA,QAAwB;AAEjC,MAAMC,SAAA,GAAYA,CAAA,KAAMF,KAAA,IAAS,OAAOG,QAAA,KAAa;AAErD,SAASC,eAAA,EAA0B;EACjC,MAAMC,EAAA,GAAKF,QAAA,CAASG,aAAA;EACpB,OAAO,CAACD,EAAA,IAAMA,EAAA,KAAOF,QAAA,CAASI,IAAA,IAAQF,EAAA,KAAOF,QAAA,CAASK,eAAA;AACxD;AAEO,SAASC,sBAAsBC,IAAA,EAAe;EACnD,MAAMC,OAAA,GAAUZ,MAAA,CAA2B,IAAI;EAC/C,MAAMa,UAAA,GAAab,MAAA,CAAO,KAAK;EAC/B,IAAIG,SAAA,CAAU,GAAG;IACf,IAAIQ,IAAA,IAAQ,CAACE,UAAA,CAAWC,OAAA,EAAS;MAC/BF,OAAA,CAAQE,OAAA,GAAUV,QAAA,CAASG,aAAA;IAC7B;IACAM,UAAA,CAAWC,OAAA,GAAUH,IAAA;EACvB;EACAZ,SAAA,CAAU,MAAM;IACd,IAAI,CAACI,SAAA,CAAU,KAAK,CAACQ,IAAA,EAAM;IAC3B,OAAO,MAAM;MACX,MAAMI,OAAA,GAAUA,CAAA,KAAM;QACpB,MAAMC,MAAA,GAASJ,OAAA,CAAQE,OAAA;QACvB,IAAI,CAACE,MAAA,IAAU,CAACA,MAAA,CAAOC,WAAA,EAAa;QACpC,IAAIZ,cAAA,CAAe,GAAG;UACpBW,MAAA,CAAOE,KAAA,CAAM;YACXC,aAAA,EAAe;YACfC,YAAA,EAAclB,gBAAA,CAAiB;UACjC,CAAiB;QACnB;MACF;MAGAmB,qBAAA,CAAsB,MAAMA,qBAAA,CAAsBN,OAAO,CAAC;MAC1DO,UAAA,CAAWP,OAAA,EAAS,GAAG;IACzB;EACF,GAAG,CAACJ,IAAI,CAAC;AACX","ignoreList":[]}

package/dist/esm/shared/useReturnFocusOnClose.native.js

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from "react";
 import { isWeb } from "tamagui";
+import { wasKeyboardFocus } from "@multiplatform.one/theme";
 var canUseDom = function canUseDom2() {
   return isWeb && typeof document !== "undefined";
 };
@@ -22,7 +23,12 @@ function useReturnFocusOnClose(open) {
       var restore = function restore2() {
         var target = prevRef.current;
         if (!target || !target.isConnected) return;
-        if (focusIsDropped()) target.focus();
+        if (focusIsDropped()) {
+          target.focus({
+            preventScroll: true,
+            focusVisible: wasKeyboardFocus()
+          });
+        }
       };
       requestAnimationFrame(function () {
         return requestAnimationFrame(restore);

package/dist/esm/shared/useReturnFocusOnClose.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","isWeb","canUseDom","canUseDom2","document","focusIsDropped","ae","activeElement","body","documentElement","useReturnFocusOnClose","open","prevRef","wasOpenRef","current","restore","restore2","target","isConnected","focus","requestAnimationFrame"],"sources":["../../../src/shared/useReturnFocusOnClose.ts"],"sourcesContent":[null],"mappings":"AAiBA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,KAAA,QAAa;AAEtB,IAAAC,SAAM,YAAkBC,UAASA,CAAA;EAEjC,OAASF,KAAA,WAAAG,QAA0B;AACjC;AACA,SAAOC,cAAcA,CAAA;EACvB,IAAAC,EAAA,GAAAF,QAAA,CAAAG,aAAA;EAEO,OAAS,CAAAD,EAAA,IAAAA,EAAA,KAAAF,QAAsB,CAAAI,IAAA,IAAeF,EAAA,KAAAF,QAAA,CAAAK,eAAA;AACnD;AACA,SAAMC,qBAAoBA,CAAAC,IAAK;EAC/B,IAAIC,OAAA,GAAUZ,MAAG;EACf,IAAAa,UAAY,GAACb,MAAA,MAAW;EACtB,IAAAE,SAAQ;IACV,IAAAS,IAAA,KAAAE,UAAA,CAAAC,OAAA;MACAF,OAAA,CAAAE,OAAW,GAAAV,QAAU,CAAAG,aAAA;IACvB;IACAM,UAAU,CAAAC,OAAM,GAAAH,IAAA;EACd;EACAZ,SAAO,aAAM;IACX,KAAAG,SAAM,MAAU,CAAAS,IAAM;IACpB,mBAAM;MACN,IAAAI,OAAK,YAAWC,QAAOA,CAAA;QACvB,IAAIC,MAAA,GAAAL,OAAe,CAAGE,OAAA;QACxB,KAAAG,MAAA,KAAAA,MAAA,CAAAC,WAAA;QAGA,IAAAb,cAAA,EAAsB,EAAAY,MAAM,CAAAE,KAAA;MAC5B;MACFC,qBAAA;QACE,OAAKA,qBAAA,CAAAL,OAAA;MACX","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","isWeb","wasKeyboardFocus","canUseDom","canUseDom2","document","focusIsDropped","ae","activeElement","body","documentElement","useReturnFocusOnClose","open","prevRef","wasOpenRef","current","restore","restore2","target","isConnected","focus","preventScroll","focusVisible","requestAnimationFrame"],"sources":["../../../src/shared/useReturnFocusOnClose.ts"],"sourcesContent":[null],"mappings":"AAiBA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,KAAA,QAAa;AACtB,SAASC,gBAAA,QAAwB;AAEjC,IAAAC,SAAM,YAAkBC,UAASA,CAAA;EAEjC,OAASH,KAAA,WAAAI,QAA0B;AACjC;AACA,SAAOC,cAAcA,CAAA;EACvB,IAAAC,EAAA,GAAAF,QAAA,CAAAG,aAAA;EAEO,OAAS,CAAAD,EAAA,IAAAA,EAAA,KAAAF,QAAsB,CAAAI,IAAA,IAAeF,EAAA,KAAAF,QAAA,CAAAK,eAAA;AACnD;AACA,SAAMC,qBAAoBA,CAAAC,IAAK;EAC/B,IAAIC,OAAA,GAAUb,MAAG;EACf,IAAAc,UAAY,GAACd,MAAA,MAAW;EACtB,IAAAG,SAAQ;IACV,IAAAS,IAAA,KAAAE,UAAA,CAAAC,OAAA;MACAF,OAAA,CAAAE,OAAW,GAAAV,QAAU,CAAAG,aAAA;IACvB;IACAM,UAAU,CAAAC,OAAM,GAAAH,IAAA;EACd;EACAb,SAAO,aAAM;IACX,KAAAI,SAAM,MAAU,CAAAS,IAAM;IACpB,mBAAM;MACN,IAAAI,OAAK,YAAWC,QAAOA,CAAA;QACvB,IAAIC,MAAA,GAAAL,OAAe,CAAAE,OAAG;QACpB,KAAAG,MAAO,IAAM,CAAAA,MAAA,CAAAC,WAAA;QAAA,IACXb,cAAA,CAAe;UAAAY,MACf,CAAAE,KAAA;YACeC,aAAA;YACnBC,YAAA,EAAApB,gBAAA;UACF;QAGA;MACA;MACFqB,qBAAA;QACE,OAAKA,qBAAA,CAAAP,OAAA;MACX","ignoreList":[]}

package/dist/esm/surfaces.mjs

@@ -1,8 +1,28 @@
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Preset, Surface, useResolvedKnobs } from "@multiplatform.one/theme";
 import { createContext, forwardRef, useContext } from "react";
 import { Card as TamaguiCard, Dialog, Popover, Sheet, View, withStaticProperties } from "tamagui";
 import { SheetModal } from "./SheetModal/index.mjs";
 import { jsx } from "react/jsx-runtime";
+function NestedScale({
+  density,
+  children
+}) {
+  if (density === "compact") return children;
+  return /* @__PURE__ */jsx(Preset, {
+    overrides: {
+      density: "compact"
+    },
+    children
+  });
+}
+const overlayFrameFocus = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
+const overlayFrameFocusStyle = {
+  outlineWidth: 0,
+  outlineStyle: "none"
+};
 function CardRoot({
   children,
   tier = "content",
@@ -10,7 +30,9 @@ function CardRoot({
 }) {
   const {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    component: "Card"
+  });
   const tierProps = tier === "elevated" ? {
     ...knobProps.elevatedSurface,
     ...knobProps.containerRadius
@@ -20,15 +42,25 @@ function CardRoot({
     ...tierProps,
     ...knobProps.gap,
     ...props,
-    children
+    children: /* @__PURE__ */jsx(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 }
 function CardHeader({
   children,
   ...props
 }) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Card"
+  });
   return /* @__PURE__ */jsx(TamaguiCard.Header, {
     padding: 0,
+    ...knobProps.heading,
+    ...knobProps.gap,
     ...props,
     children
   });
@@ -37,8 +69,15 @@ function CardFooter({
   children,
   ...props
 }) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Card"
+  });
   return /* @__PURE__ */jsx(TamaguiCard.Footer, {
     padding: 0,
+    ...knobProps.body,
+    ...knobProps.gap,
     ...props,
     children
   });
@@ -67,25 +106,44 @@ const overlayEnterExit = {
 const DialogContent = forwardRef(function DialogContent2({
   children,
   ...props
+}, ref) {
+  return /* @__PURE__ */jsx(Surface, {
+    size: "md",
+    children: /* @__PURE__ */jsx(DialogContentInner, {
+      ref,
+      ...props,
+      children
+    })
+  });
+});
+const DialogContentInner = forwardRef(function DialogContentInner2({
+  children,
+  ...props
 }, ref) {
   const {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    component: "DialogContent"
+  });
   return /* @__PURE__ */jsx(Dialog.Content, {
     ref,
-    ...knobProps.surface,
-    ...knobProps.borderRadius,
+    ...knobProps.elevatedSurface,
     ...knobProps.containerRadius,
-    elevation: knobProps.elevation,
     ...knobProps.panelPadding,
     ...knobProps.gap,
     transition: knobProps.transition,
     enterStyle: overlayEnterExit,
     exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
     ...props,
     children: /* @__PURE__ */jsx(DialogRegionContext.Provider, {
       value: IN_DIALOG_REGION,
-      children
+      children: /* @__PURE__ */jsx(NestedScale, {
+        density: knobProps.density,
+        children
+      })
     })
   });
 });
@@ -115,15 +173,23 @@ const PopoverContent = forwardRef(function PopoverContent2({
 }, ref) {
   const {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    component: "PopoverContent"
+  });
   return /* @__PURE__ */jsx(Popover.Content, {
     ref,
     ...knobProps.elevatedSurface,
     transition: knobProps.transition,
     enterStyle: overlayEnterExit,
     exitStyle: overlayEnterExit,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
     ...props,
-    children
+    children: /* @__PURE__ */jsx(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 });
 const SheetFrame = forwardRef(function SheetFrame2({
@@ -132,17 +198,25 @@ const SheetFrame = forwardRef(function SheetFrame2({
 }, ref) {
   const {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    component: "SheetFrame"
+  });
   const frameProps = {
     ref,
     ...knobProps.surface,
     ...knobProps.borderRadius,
     ...knobProps.panelPadding,
+    ...overlayFrameFocus,
+    focusStyle: overlayFrameFocusStyle,
+    focusVisibleStyle: overlayFrameFocusStyle,
     ...props
   };
   return /* @__PURE__ */jsx(Sheet.Frame, {
     ...frameProps,
-    children
+    children: /* @__PURE__ */jsx(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 });
 const Panel = forwardRef(function Panel2({
@@ -151,20 +225,23 @@ const Panel = forwardRef(function Panel2({
 }, ref) {
   const {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    component: "Panel"
+  });
   const viewProps = {
     ref,
-    ...knobProps.surface,
-    ...knobProps.borderRadius,
+    ...knobProps.elevatedSurface,
     ...knobProps.containerRadius,
-    elevation: knobProps.elevation,
     ...knobProps.panelPadding,
     ...knobProps.gap,
     ...props
   };
   return /* @__PURE__ */jsx(View, {
     ...viewProps,
-    children
+    children: /* @__PURE__ */jsx(NestedScale, {
+      density: knobProps.density,
+      children
+    })
   });
 });
 const KnobCard = Card;