@multiplatform.one/components 6.1.0 → 6.3.0

package/dist/jsx/shared/actionScan.native.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var actionScan_exports = {};
+__export(actionScan_exports, {
+  countActionsInTree: () => countActionsInTree,
+  elementLooksLikeAction: () => elementLooksLikeAction
+});
+module.exports = __toCommonJS(actionScan_exports);
+var import_react = require("react");
+function elementLooksLikeAction(node) {
+  if (!(0, import_react.isValidElement)(node)) return false;
+  var props = node.props;
+  if (props["data-mp-action-role"] != null || props.actionRole != null) return true;
+  if (typeof props.onPress === "function" || typeof props.onClick === "function") return true;
+  if (props.role === "button" || node.type === "button") return true;
+  if (props.tag === "button") return true;
+  if (props.accent === true) return true;
+  return false;
+}
+function countActionsInTree(nodes) {
+  var count = 0;
+  import_react.Children.forEach(nodes, function (child) {
+    if (elementLooksLikeAction(child)) {
+      count += 1;
+      return;
+    }
+    if ((0, import_react.isValidElement)(child)) {
+      var kids = child.props.children;
+      if (kids != null) count += countActionsInTree(kids);
+    }
+  });
+  return count;
+}
+//# sourceMappingURL=actionScan.native.js.map

package/dist/jsx/shared/actionScan.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","actionScan_exports","countActionsInTree","elementLooksLikeAction","module","exports","import_react","require"],"sources":["../../../src/shared/actionScan.ts"],"sourcesContent":[null],"mappings":"AASA,YAAS;;AAEF,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAuB;AACrC,IAAAC,gBAAK,GAAeF,MAAO,CAAAG,wBAAO;AAClC,IAAAC,iBAAmB,GAAAJ,MAAA,CAAAK,mBAAA;AACnB,IAAAC,YAAU,GAAAN,MAAA,CAAAO,SAAqB,CAAAC,cAAa;AAC5C,IAAAC,QAAI,GAAOA,CAAAC,MAAM,EAAAC,GAAA,KAAY;EAC7B,KAAI,IAAAC,IAAM,IAAAD,GAAS,EACnBZ,SAAU,CAAAW,MAAQ,EAAAE,IAAA;IAAUC,GAAA,EAAAF,GAAO,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACnC;AACA,IAAAC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACT,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IAMO,KAAS,IAAAG,GAAA,IAAAhB,iBAA6C,CAAAa,IAAA,GACvD,KAAAX,YAAQ,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACZnB,SAAS,CAAAiB,EAAQ,EAAAI,GAAA,EAAQ;MAAAP,GAAA,EAAAA,CAAA,KAAUI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACjC;EACE,OAAAE,EAAA;AACA;AAAA,IACFM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACA,IAAAE,kBAAI,GAAe;AACjBhB,QAAA,CAAAgB,kBAAoB;EACpBC,kBAAY,EAAAA,CAAA,KAAMA,kBAAS;EAAuBC,sBACpD,EAAAA,CAAA,KAAAA;AAAA,EACF;AACAC,MAAA,CAAAC,OAAO,GAAAP,YAAA,CAAAG,kBAAA;AACT,IAAAK,YAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/jsx/shared/t.mjs

@@ -0,0 +1,10 @@
+function withInterp(translated, options) {
+  if (!translated.includes("{{")) return translated;
+  return translated.replace(/\{\{(\w+)\}\}/g, (_, key) => options[key] != null ? String(options[key]) : `{{${key}}}`);
+}
+function bidiIsolate(text) {
+  if (!text) return text;
+  return `\u2068${text}\u2069`;
+}
+export { bidiIsolate, withInterp };
+//# sourceMappingURL=t.mjs.map

package/dist/jsx/shared/t.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["withInterp","translated","options","includes","replace","_","key","String","bidiIsolate","text"],"sources":["../../../src/shared/t.ts"],"sourcesContent":[null],"mappings":"AAIO,SAASA,WACdC,UAAA,EACAC,OAAA,EACQ;EACR,IAAI,CAACD,UAAA,CAAWE,QAAA,CAAS,IAAI,GAAG,OAAOF,UAAA;EACvC,OAAOA,UAAA,CAAWG,OAAA,CAAQ,kBAAkB,CAACC,CAAA,EAAGC,GAAA,KAC9CJ,OAAA,CAAQI,GAAG,KAAK,OAAOC,MAAA,CAAOL,OAAA,CAAQI,GAAG,CAAC,IAAI,KAAKA,GAAG,IACxD;AACF;AAaO,SAASE,YAAYC,IAAA,EAAsB;EAChD,IAAI,CAACA,IAAA,EAAM,OAAOA,IAAA;EAClB,OAAO,SAASA,IAAI;AACtB","ignoreList":[]}

package/dist/jsx/shared/t.native.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var t_exports = {};
+__export(t_exports, {
+  bidiIsolate: () => bidiIsolate,
+  withInterp: () => withInterp
+});
+module.exports = __toCommonJS(t_exports);
+function withInterp(translated, options) {
+  if (!translated.includes("{{")) return translated;
+  return translated.replace(/\{\{(\w+)\}\}/g, function (_, key) {
+    return options[key] != null ? String(options[key]) : `{{${key}}}`;
+  });
+}
+function bidiIsolate(text) {
+  if (!text) return text;
+  return `\u2068${text}\u2069`;
+}
+//# sourceMappingURL=t.native.js.map

package/dist/jsx/shared/t.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc"],"sources":["../../../src/shared/t.ts"],"sourcesContent":[null],"mappings":"AAIO,YAAS;;AAId,IAAAA,SAAK,GAAAC,MAAW,CAAAC,cAAgB;AAChC,IAAAC,gBAAkB,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IAAQC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IAAkBC,YAC1C,GAAAN,MAAQ,CAAAO,SAAQ,CAAAC,cAAc;AAAwB,IACxDC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACF,SAAAC,IAAA,IAAAD,GAAA,EAaOZ,SAAS,CAAAW,MAAA,EAAYE,IAAA,EAAsB;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAChD;AACA,IAAAC,WAAO,GAASA,CAAAC,EAAA,EAAIC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACtB,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA","ignoreList":[]}

package/dist/jsx/shared/useReturnFocusOnClose.mjs

@@ -0,0 +1,31 @@
+import { useEffect, useRef } from "react";
+import { isWeb } from "tamagui";
+const canUseDom = () => isWeb && typeof document !== "undefined";
+function focusIsDropped() {
+  const ae = document.activeElement;
+  return !ae || ae === document.body || ae === document.documentElement;
+}
+function useReturnFocusOnClose(open) {
+  const prevRef = useRef(null);
+  const wasOpenRef = useRef(false);
+  if (canUseDom()) {
+    if (open && !wasOpenRef.current) {
+      prevRef.current = document.activeElement;
+    }
+    wasOpenRef.current = open;
+  }
+  useEffect(() => {
+    if (!canUseDom() || !open) return;
+    return () => {
+      const restore = () => {
+        const target = prevRef.current;
+        if (!target || !target.isConnected) return;
+        if (focusIsDropped()) target.focus();
+      };
+      requestAnimationFrame(() => requestAnimationFrame(restore));
+      setTimeout(restore, 320);
+    };
+  }, [open]);
+}
+export { useReturnFocusOnClose };
+//# sourceMappingURL=useReturnFocusOnClose.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,63 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useReturnFocusOnClose_exports = {};
+__export(useReturnFocusOnClose_exports, {
+  useReturnFocusOnClose: () => useReturnFocusOnClose
+});
+module.exports = __toCommonJS(useReturnFocusOnClose_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var canUseDom = function canUseDom2() {
+  return import_tamagui.isWeb && typeof document !== "undefined";
+};
+function focusIsDropped() {
+  var ae = document.activeElement;
+  return !ae || ae === document.body || ae === document.documentElement;
+}
+function useReturnFocusOnClose(open) {
+  var prevRef = (0, import_react.useRef)(null);
+  var wasOpenRef = (0, import_react.useRef)(false);
+  if (canUseDom()) {
+    if (open && !wasOpenRef.current) {
+      prevRef.current = document.activeElement;
+    }
+    wasOpenRef.current = open;
+  }
+  (0, import_react.useEffect)(function () {
+    if (!canUseDom() || !open) return;
+    return function () {
+      var restore = function restore2() {
+        var target = prevRef.current;
+        if (!target || !target.isConnected) return;
+        if (focusIsDropped()) target.focus();
+      };
+      requestAnimationFrame(function () {
+        return requestAnimationFrame(restore);
+      });
+      setTimeout(restore, 320);
+    };
+  }, [open]);
+}
+//# sourceMappingURL=useReturnFocusOnClose.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","useReturnFocusOnClose_exports","useReturnFocusOnClose","module","exports","import_react","require","import_tamagui","canUseDom","canUseDom2","isWeb","document","focusIsDropped"],"sources":["../../../src/shared/useReturnFocusOnClose.ts"],"sourcesContent":[null],"mappings":"AAiBA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAa,CAAAC,cAAA;AAEtB,IAAAC,gBAAkB,GAAAF,MAAM,CAAAG,wBAA6B;AAErD,IAAAC,iBAAS,GAAAJ,MAA0B,CAAAK,mBAAA;AACjC,IAAAC,YAAW,GAAAN,MAAS,CAAAO,SAAA,CAAAC,cAAA;AACpB,IAAAC,QAAQ,GAAAA,CAAMC,MAAA,EAAOC,GAAA,KAAS;EAChC,SAAAC,IAAA,IAAAD,GAAA,EAEOZ,SAAS,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAsB,EAAAF,GAAe,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACnD;AACA,IAAAC,WAAM,GAAAA,CAAAC,EAAa,EAAAC,IAAA,EAAOC,MAAK,EAAAC,IAAA;EAC/B,IAAIF,IAAA,WAAaA,IAAA,wBAAAA,IAAA;IACf,KAAI,IAAAG,GAAQ,IAAChB,iBAAoB,CAAAa,IAAA,GAC/B,KAAAX,YAAQ,CAAUe,IAAA,CAAAL,EAAA,EAASI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAC7BnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACA;EACF,OAAAE,EAAA;AACA;AACE,IAAAM,YAAK,GAAUC,GAAA,IAAMR,WAAM,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAC3B,IAAAE,6BAAa;AACXhB,QAAA,CAAAgB,6BAAsB;EACpBC,qBAAe,EAAAA,CAAA,KAAQA;AACvB;AACAC,MAAA,CAAAC,OAAI,GAAAN,YAAkB,CAAAG,6BAAa;AAAA,IAAAI,YACrC,GAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAsB,UAAM;AAC5B,IAAAE,SAAA,YAAWC,UAAYA,CAAA;EAAA,OACzBF,cAAA,CAAAG,KAAA,WAAAC,QAAA;AAAA;AAEJ,SAAAC,eAAA","ignoreList":[]}

package/dist/jsx/surfaces.mjs

@@ -1,54 +1,70 @@
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { forwardRef } from "react";
-import { Card, Dialog, Popover, Sheet, View, withStaticProperties } from "tamagui";
+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 KnobCardRoot({
+function CardRoot({
   children,
+  tier = "content",
   ...props
 }) {
   const {
     knobProps
   } = useResolvedKnobs();
-  return /* @__PURE__ */jsx(Card, {
-    ...knobProps.surface,
-    ...knobProps.borderRadius,
-    elevation: knobProps.elevation,
+  const tierProps = tier === "elevated" ? {
+    ...knobProps.elevatedSurface,
+    ...knobProps.containerRadius
+  } : tier === "feature" ? knobProps.featureSurface : knobProps.cardSurface;
+  return /* @__PURE__ */jsx(TamaguiCard, {
+    ...knobProps.panelPadding,
+    ...tierProps,
     ...knobProps.gap,
     ...props,
     children
   });
 }
-function KnobCardHeader({
+function CardHeader({
   children,
   ...props
 }) {
-  const {
-    knobProps
-  } = useResolvedKnobs();
-  return /* @__PURE__ */jsx(Card.Header, {
-    ...knobProps.panelPadding,
+  return /* @__PURE__ */jsx(TamaguiCard.Header, {
+    padding: 0,
     ...props,
     children
   });
 }
-function KnobCardFooter({
+function CardFooter({
   children,
   ...props
 }) {
-  const {
-    knobProps
-  } = useResolvedKnobs();
-  return /* @__PURE__ */jsx(Card.Footer, {
-    ...knobProps.panelPadding,
+  return /* @__PURE__ */jsx(TamaguiCard.Footer, {
+    padding: 0,
     ...props,
     children
   });
 }
-const KnobCard = withStaticProperties(KnobCardRoot, {
-  Header: KnobCardHeader,
-  Footer: KnobCardFooter
+const Card = withStaticProperties(CardRoot, {
+  Header: CardHeader,
+  Footer: CardFooter
+});
+const DialogRegionContext = createContext({
+  inDialogRegion: false
 });
-const KnobDialogContent = forwardRef(function KnobDialogContent2({
+function useDialogRegionContext() {
+  return useContext(DialogRegionContext);
+}
+function useIsInDialogRegion() {
+  return useDialogRegionContext().inDialogRegion;
+}
+const IN_DIALOG_REGION = {
+  inDialogRegion: true
+};
+const overlayEnterExit = {
+  opacity: 0,
+  y: -4,
+  scale: 0.97
+};
+const DialogContent = forwardRef(function DialogContent2({
   children,
   ...props
 }, ref) {
@@ -59,14 +75,21 @@ const KnobDialogContent = forwardRef(function KnobDialogContent2({
     ref,
     ...knobProps.surface,
     ...knobProps.borderRadius,
+    ...knobProps.containerRadius,
     elevation: knobProps.elevation,
     ...knobProps.panelPadding,
     ...knobProps.gap,
+    transition: knobProps.transition,
+    enterStyle: overlayEnterExit,
+    exitStyle: overlayEnterExit,
     ...props,
-    children
+    children: /* @__PURE__ */jsx(DialogRegionContext.Provider, {
+      value: IN_DIALOG_REGION,
+      children
+    })
   });
 });
-const KnobPopoverContent = forwardRef(function KnobPopoverContent2({
+const PopoverContent = forwardRef(function PopoverContent2({
   children,
   ...props
 }, ref) {
@@ -75,14 +98,15 @@ const KnobPopoverContent = forwardRef(function KnobPopoverContent2({
   } = useResolvedKnobs();
   return /* @__PURE__ */jsx(Popover.Content, {
     ref,
-    ...knobProps.surface,
-    ...knobProps.borderRadius,
-    elevation: knobProps.elevation,
+    ...knobProps.elevatedSurface,
+    transition: knobProps.transition,
+    enterStyle: overlayEnterExit,
+    exitStyle: overlayEnterExit,
     ...props,
     children
   });
 });
-const KnobSheetFrame = forwardRef(function KnobSheetFrame2({
+const SheetFrame = forwardRef(function SheetFrame2({
   children,
   ...props
 }, ref) {
@@ -101,7 +125,7 @@ const KnobSheetFrame = forwardRef(function KnobSheetFrame2({
     children
   });
 });
-const KnobPanel = forwardRef(function KnobPanel2({
+const Panel = forwardRef(function Panel2({
   children,
   ...props
 }, ref) {
@@ -112,6 +136,7 @@ const KnobPanel = forwardRef(function KnobPanel2({
     ref,
     ...knobProps.surface,
     ...knobProps.borderRadius,
+    ...knobProps.containerRadius,
     elevation: knobProps.elevation,
     ...knobProps.panelPadding,
     ...knobProps.gap,
@@ -122,5 +147,10 @@ const KnobPanel = forwardRef(function KnobPanel2({
     children
   });
 });
-export { KnobCard, KnobDialogContent, KnobPanel, KnobPopoverContent, KnobSheetFrame };
+const KnobCard = Card;
+const KnobDialogContent = DialogContent;
+const KnobPopoverContent = PopoverContent;
+const KnobSheetFrame = SheetFrame;
+const KnobPanel = Panel;
+export { Card, CardFooter, CardHeader, DialogContent, DialogRegionContext, KnobCard, KnobDialogContent, KnobPanel, KnobPopoverContent, KnobSheetFrame, Panel, PopoverContent, SheetFrame, SheetModal, useDialogRegionContext, useIsInDialogRegion };
 //# sourceMappingURL=surfaces.mjs.map

package/dist/jsx/surfaces.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useResolvedKnobs","forwardRef","Card","Dialog","Popover","Sheet","View","withStaticProperties","jsx","KnobCardRoot","children","props","knobProps","surface","borderRadius","elevation","gap","KnobCardHeader","Header","panelPadding","KnobCardFooter","Footer","KnobCard","KnobDialogContent","KnobDialogContent2","ref","Content","KnobPopoverContent","KnobPopoverContent2","KnobSheetFrame","KnobSheetFrame2","frameProps","Frame","KnobPanel","KnobPanel2","viewProps"],"sources":["../../src/surfaces.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","createContext","forwardRef","useContext","Card","TamaguiCard","Dialog","Popover","Sheet","View","withStaticProperties","SheetModal","jsx","CardRoot","children","tier","props","knobProps","tierProps","elevatedSurface","containerRadius","featureSurface","cardSurface","panelPadding","gap","CardHeader","Header","padding","CardFooter","Footer","DialogRegionContext","inDialogRegion","useDialogRegionContext","useIsInDialogRegion","IN_DIALOG_REGION","overlayEnterExit","opacity","y","scale","DialogContent","DialogContent2","ref","Content","surface","borderRadius","elevation","transition","enterStyle","exitStyle","Provider","value","PopoverContent","PopoverContent2","SheetFrame","SheetFrame2","frameProps","Frame","Panel","Panel2","viewProps","KnobCard","KnobDialogContent","KnobPopoverContent","KnobSheetFrame","KnobPanel"],"sources":["../../src/surfaces.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/surfaces.native.js

@@ -24,67 +24,94 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var surfaces_exports = {};
 __export(surfaces_exports, {
+  Card: () => Card,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  DialogContent: () => DialogContent,
+  DialogRegionContext: () => DialogRegionContext,
   KnobCard: () => KnobCard,
   KnobDialogContent: () => KnobDialogContent,
   KnobPanel: () => KnobPanel,
   KnobPopoverContent: () => KnobPopoverContent,
-  KnobSheetFrame: () => KnobSheetFrame
+  KnobSheetFrame: () => KnobSheetFrame,
+  Panel: () => Panel,
+  PopoverContent: () => PopoverContent,
+  SheetFrame: () => SheetFrame,
+  SheetModal: () => import_SheetModal.SheetModal,
+  useDialogRegionContext: () => useDialogRegionContext,
+  useIsInDialogRegion: () => useIsInDialogRegion
 });
 module.exports = __toCommonJS(surfaces_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
-function KnobCardRoot(param) {
+var import_SheetModal = require("./SheetModal/index.native.js");
+function CardRoot(param) {
   var {
     children,
+    tier = "content",
     ...props
   } = param;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var tierProps = tier === "elevated" ? {
+    ...knobProps.elevatedSurface,
+    ...knobProps.containerRadius
+  } : tier === "feature" ? knobProps.featureSurface : knobProps.cardSurface;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card, {
-    ...knobProps.surface,
-    ...knobProps.borderRadius,
-    elevation: knobProps.elevation,
+    ...knobProps.panelPadding,
+    ...tierProps,
     ...knobProps.gap,
     ...props,
     children
   });
 }
-function KnobCardHeader(param) {
+function CardHeader(param) {
   var {
     children,
     ...props
   } = param;
-  var {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Header, {
-    ...knobProps.panelPadding,
+    padding: 0,
     ...props,
     children
   });
 }
-function KnobCardFooter(param) {
+function CardFooter(param) {
   var {
     children,
     ...props
   } = param;
-  var {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Footer, {
-    ...knobProps.panelPadding,
+    padding: 0,
     ...props,
     children
   });
 }
-var KnobCard = (0, import_tamagui.withStaticProperties)(KnobCardRoot, {
-  Header: KnobCardHeader,
-  Footer: KnobCardFooter
+var Card = (0, import_tamagui.withStaticProperties)(CardRoot, {
+  Header: CardHeader,
+  Footer: CardFooter
+});
+var DialogRegionContext = /* @__PURE__ */(0, import_react.createContext)({
+  inDialogRegion: false
 });
-var KnobDialogContent = /* @__PURE__ */(0, import_react.forwardRef)(function KnobDialogContent2(param, ref) {
+function useDialogRegionContext() {
+  return (0, import_react.useContext)(DialogRegionContext);
+}
+function useIsInDialogRegion() {
+  return useDialogRegionContext().inDialogRegion;
+}
+var IN_DIALOG_REGION = {
+  inDialogRegion: true
+};
+var overlayEnterExit = {
+  opacity: 0,
+  y: -4,
+  scale: 0.97
+};
+var DialogContent = /* @__PURE__ */(0, import_react.forwardRef)(function DialogContent2(param, ref) {
   var {
     children,
     ...props
@@ -96,14 +123,21 @@ var KnobDialogContent = /* @__PURE__ */(0, import_react.forwardRef)(function Kno
     ref,
     ...knobProps.surface,
     ...knobProps.borderRadius,
+    ...knobProps.containerRadius,
     elevation: knobProps.elevation,
     ...knobProps.panelPadding,
     ...knobProps.gap,
+    transition: knobProps.transition,
+    enterStyle: overlayEnterExit,
+    exitStyle: overlayEnterExit,
     ...props,
-    children
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogRegionContext.Provider, {
+      value: IN_DIALOG_REGION,
+      children
+    })
   });
 });
-var KnobPopoverContent = /* @__PURE__ */(0, import_react.forwardRef)(function KnobPopoverContent2(param, ref) {
+var PopoverContent = /* @__PURE__ */(0, import_react.forwardRef)(function PopoverContent2(param, ref) {
   var {
     children,
     ...props
@@ -113,14 +147,15 @@ var KnobPopoverContent = /* @__PURE__ */(0, import_react.forwardRef)(function Kn
   } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
     ref,
-    ...knobProps.surface,
-    ...knobProps.borderRadius,
-    elevation: knobProps.elevation,
+    ...knobProps.elevatedSurface,
+    transition: knobProps.transition,
+    enterStyle: overlayEnterExit,
+    exitStyle: overlayEnterExit,
     ...props,
     children
   });
 });
-var KnobSheetFrame = /* @__PURE__ */(0, import_react.forwardRef)(function KnobSheetFrame2(param, ref) {
+var SheetFrame = /* @__PURE__ */(0, import_react.forwardRef)(function SheetFrame2(param, ref) {
   var {
     children,
     ...props
@@ -140,7 +175,7 @@ var KnobSheetFrame = /* @__PURE__ */(0, import_react.forwardRef)(function KnobSh
     children
   });
 });
-var KnobPanel = /* @__PURE__ */(0, import_react.forwardRef)(function KnobPanel2(param, ref) {
+var Panel = /* @__PURE__ */(0, import_react.forwardRef)(function Panel2(param, ref) {
   var {
     children,
     ...props
@@ -152,6 +187,7 @@ var KnobPanel = /* @__PURE__ */(0, import_react.forwardRef)(function KnobPanel2(
     ref,
     ...knobProps.surface,
     ...knobProps.borderRadius,
+    ...knobProps.containerRadius,
     elevation: knobProps.elevation,
     ...knobProps.panelPadding,
     ...knobProps.gap,
@@ -162,4 +198,9 @@ var KnobPanel = /* @__PURE__ */(0, import_react.forwardRef)(function KnobPanel2(
     children
   });
 });
+var KnobCard = Card;
+var KnobDialogContent = DialogContent;
+var KnobPopoverContent = PopoverContent;
+var KnobSheetFrame = SheetFrame;
+var KnobPanel = Panel;
 //# sourceMappingURL=surfaces.native.js.map

package/dist/jsx/surfaces.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","surfaces_exports","KnobCard","KnobDialogContent","KnobPanel","KnobPopoverContent","KnobSheetFrame","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","KnobCardRoot","param","children","props","knobProps","useResolvedKnobs","jsx","Card","surface","borderRadius","elevation","gap","KnobCardHeader","Header","panelPadding","KnobCardFooter","Footer","withStaticProperties","forwardRef","KnobDialogContent2","ref","Dialog","Content","KnobPopoverContent2","Popover","KnobSheetFrame2","frameProps"],"sources":["../../src/surfaces.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","surfaces_exports","Card","CardFooter","CardHeader","DialogContent","DialogRegionContext","KnobCard","KnobDialogContent","KnobPanel","KnobPopoverContent","KnobSheetFrame","Panel","PopoverContent","SheetFrame","SheetModal","import_SheetModal","useDialogRegionContext","useIsInDialogRegion","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","CardRoot","param","children","tier","props","knobProps","useResolvedKnobs","tierProps","elevatedSurface","containerRadius","featureSurface","cardSurface","jsx","panelPadding","gap","Header","padding","Footer","withStaticProperties","createContext","inDialogRegion","useContext","IN_DIALOG_REGION","overlayEnterExit","opacity","y","scale","forwardRef","DialogContent2","ref","Dialog","Content","surface","borderRadius","elevation","transition","enterStyle","exitStyle"],"sources":["../../src/surfaces.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}