@multiplatform.one/components 6.1.0 → 6.4.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","actionScan_exports","__export","countActionsInTree","elementLooksLikeAction","module","exports","import_react","require","node","isValidElement","props","actionRole","onPress","onClick","role","type","tag","accent","nodes","count","Children","forEach","child","kids","children"],"sources":["../../../src/shared/actionScan.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AASAC,MAAA,CAAAC,OAAA,GAAAV,YAAyD,CAAAK,kBAAA;AAElD,IAAAM,YAAS,GAAAC,OAAA,QAAuB;AACrC,SAAIJ,sBAACA,CAAAK,IAAA;EACL,MAAM,GAAAF,YAAa,CAAAG,cAAA,EAAAD,IAAA;EACnB,IAAIE,KAAA,GAAMF,IAAA,CAAAE,KAAA;EACV,IAAIA,KAAA,sBAAyB,aAAcA,KAAA,CAAOC,UAAM,QAAY,aAAY;EAChF,IAAI,OAAMD,KAAA,CAAAE,OAAS,eAAiB,WAASF,KAAU,CAAAG,OAAO;EAC9D,IAAIH,KAAA,CAAMI,IAAA,KAAQ,QAAU,IAAAN,IAAO,CAAAO,IAAA;EACnC,IAAIL,KAAA,CAAMM,GAAA,aAAiB,SAAO;EAClC,IAAAN,KAAO,CAAAO,MAAA;EACT;AAMO;AACL,SAAIf,kBAAQA,CAAAgB,KAAA;EACZ,IAAAC,KAAA;EACEb,YAAI,CAAAc,QAAA,CAAAC,OAAuB,CAAAH,KAAK,EAAG,UAAAI,KAAA;IACjC,IAAAnB,sBAAS,CAAAmB,KAAA;MACTH,KAAA;MACF;IACA;IACE,QAAMb,YAAQ,CAAMG,cAAmC,EAAAa,KAAA;MACvD,IAAIC,IAAA,GAAAD,KAAQ,CAAMZ,KAAA,CAAAc,QAAS;MAC7B,IAAAD,IAAA,UAAAJ,KAAA,IAAAjB,kBAAA,CAAAqB,IAAA;IACD;EACD;EACF,OAAAJ,KAAA","ignoreList":[]}

package/dist/cjs/shared/t.cjs

@@ -0,0 +1,36 @@
+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, (_, key) => options[key] != null ? String(options[key]) : `{{${key}}}`);
+}
+function bidiIsolate(text) {
+  if (!text) return text;
+  return `\u2068${text}\u2069`;
+}

package/dist/cjs/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/cjs/shared/t.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","t_exports","__export","bidiIsolate","withInterp","module","exports","translated","options","includes","replace","_","key","String","text"],"sources":["../../../src/shared/t.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,SAAA;AAAAC,QAAA,CAAAD,SAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAIOC,MAAA,CAAAC,OAAS,GAAAV,YACd,CAAAK,SACA;AAEA,SAAKG,UAAWA,CAAAG,UAAS,EAAIC,OAAG,EAAO;EACvC,KAAAD,UAAO,CAAAE,QAAW,eAAAF,UAAA;EAAA,OAAQA,UAAA,CAAAG,OAAA,6BAAAC,CAAA,EAAAC,GAAA;IAAkB,OAAIJ,OAC9C,CAAAI,GAAA,KAAW,OAAKC,MAAO,CAAAL,OAAO,CAAAI,GAAA,EAAQ,GAAG,KAAKA,GAAA,IAAK;EACrD;AACF;AAaO,SAAST,YAAYW,IAAA,EAAsB;EAChD,IAAI,CAACA,IAAA,EAAM,OAAOA,IAAA;EAClB,OAAO,SAASA,IAAI;AACtB","ignoreList":[]}

package/dist/cjs/shared/useReturnFocusOnClose.cjs

@@ -0,0 +1,56 @@
+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");
+const canUseDom = () => import_tamagui.isWeb && typeof document !== "undefined";
+function focusIsDropped() {
+  const ae = document.activeElement;
+  return !ae || ae === document.body || ae === document.documentElement;
+}
+function useReturnFocusOnClose(open) {
+  const prevRef = (0, import_react.useRef)(null);
+  const wasOpenRef = (0, import_react.useRef)(false);
+  if (canUseDom()) {
+    if (open && !wasOpenRef.current) {
+      prevRef.current = document.activeElement;
+    }
+    wasOpenRef.current = open;
+  }
+  (0, import_react.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]);
+}

package/dist/cjs/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/cjs/shared/useReturnFocusOnClose.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useReturnFocusOnClose_exports","__export","useReturnFocusOnClose","module","exports","import_react","require","import_tamagui","canUseDom","canUseDom2","isWeb","document","focusIsDropped","ae","activeElement","body","documentElement","open","prevRef","useRef","wasOpenRef","current","useEffect","restore","restore2","target","isConnected","focus","requestAnimationFrame"],"sources":["../../../src/shared/useReturnFocusOnClose.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,qBAAA,EAAAA,CAAA,KAAAA;AAAA;AAiBAC,MAAA,CAAAC,OAAA,GAAAT,YAAkC,CAAAK,6BAAA;AAClC,IAAAK,YAAA,GAAAC,OAAsB;AAEtB,IAAAC,cAAkB,GAAAD,OAAM;AAExB,IAAAE,SAAS,YAAAC,UAA0BA,CAAA;EACjC,OAAMF,cAAc,CAAAG,KAAA,WAAAC,QAAA;AACpB;AACF,SAAAC,eAAA;EAEO,IAAAC,EAAA,GAASF,QAAA,CAAAG,aAAsB;EACpC,OAAM,CAAAD,EAAA,IAAAA,EAAA,KAAUF,QAAA,CAAAI,IAAA,IAAAF,EAAA,KAA+BF,QAAA,CAAAK,eAAA;AAC/C;AACA,SAAId,qBAAaA,CAAAe,IAAA;EACf,IAAAC,OAAI,GAAQ,CAAC,GAAAb,YAAW,CAAAc,MAAS;EAC/B,IAAAC,UAAQ,OAAAf,YAAmB,CAAAc,MAAA;EAAA,IAC7BX,SAAA;IACA,IAAAS,IAAA,IAAW,CAAAG,UAAU,CAAAC,OAAA;MACvBH,OAAA,CAAAG,OAAA,GAAAV,QAAA,CAAAG,aAAA;IACA;IACEM,UAAK,CAAAC,OAAU,GAAMJ,IAAA;EACrB;EACE,IAAAZ,YAAM,CAAAiB,SAAgB;IACpB,KAAAd,SAAM,MAAS,CAAAS,IAAA,EAAQ;IACvB,mBAAK;MACL,IAAAM,OAAI,YAAkBC,QAAOA,CAAA;QAC/B,IAAAC,MAAA,GAAAP,OAAA,CAAAG,OAAA;QAGA,KAAAI,MAAA,KAAAA,MAAsB,CAAAC,WAAM;QAC5B,IAAAd,cAAoB,IAAGa,MAAA,CAAAE,KAAA;MACzB;MACEC,qBAAK;QACX,OAAAA,qBAAA,CAAAL,OAAA","ignoreList":[]}

package/dist/cjs/surfaces.cjs

@@ -22,64 +22,91 @@ 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_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
+var import_SheetModal = require("./SheetModal/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-function KnobCardRoot({
+function CardRoot({
   children,
+  tier = "content",
   ...props
 }) {
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const 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({
+function CardHeader({
   children,
   ...props
 }) {
-  const {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Header, {
-    ...knobProps.panelPadding,
+    padding: 0,
     ...props,
     children
   });
 }
-function KnobCardFooter({
+function CardFooter({
   children,
   ...props
 }) {
-  const {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Footer, {
-    ...knobProps.panelPadding,
+    padding: 0,
     ...props,
     children
   });
 }
-const KnobCard = (0, import_tamagui.withStaticProperties)(KnobCardRoot, {
-  Header: KnobCardHeader,
-  Footer: KnobCardFooter
+const Card = (0, import_tamagui.withStaticProperties)(CardRoot, {
+  Header: CardHeader,
+  Footer: CardFooter
+});
+const DialogRegionContext = (0, import_react.createContext)({
+  inDialogRegion: false
 });
-const KnobDialogContent = (0, import_react.forwardRef)(function KnobDialogContent2({
+function useDialogRegionContext() {
+  return (0, import_react.useContext)(DialogRegionContext);
+}
+function useIsInDialogRegion() {
+  return useDialogRegionContext().inDialogRegion;
+}
+const IN_DIALOG_REGION = {
+  inDialogRegion: true
+};
+const overlayEnterExit = {
+  opacity: 0,
+  y: -4,
+  scale: 0.97
+};
+const DialogContent = (0, import_react.forwardRef)(function DialogContent2({
   children,
   ...props
 }, ref) {
@@ -90,14 +117,21 @@ const KnobDialogContent = (0, import_react.forwardRef)(function KnobDialogConten
     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
+    })
   });
 });
-const KnobPopoverContent = (0, import_react.forwardRef)(function KnobPopoverContent2({
+const PopoverContent = (0, import_react.forwardRef)(function PopoverContent2({
   children,
   ...props
 }, ref) {
@@ -106,14 +140,15 @@ const KnobPopoverContent = (0, import_react.forwardRef)(function KnobPopoverCont
   } = (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
   });
 });
-const KnobSheetFrame = (0, import_react.forwardRef)(function KnobSheetFrame2({
+const SheetFrame = (0, import_react.forwardRef)(function SheetFrame2({
   children,
   ...props
 }, ref) {
@@ -132,7 +167,7 @@ const KnobSheetFrame = (0, import_react.forwardRef)(function KnobSheetFrame2({
     children
   });
 });
-const KnobPanel = (0, import_react.forwardRef)(function KnobPanel2({
+const Panel = (0, import_react.forwardRef)(function Panel2({
   children,
   ...props
 }, ref) {
@@ -143,6 +178,7 @@ const KnobPanel = (0, import_react.forwardRef)(function KnobPanel2({
     ref,
     ...knobProps.surface,
     ...knobProps.borderRadius,
+    ...knobProps.containerRadius,
     elevation: knobProps.elevation,
     ...knobProps.panelPadding,
     ...knobProps.gap,
@@ -152,4 +188,9 @@ const KnobPanel = (0, import_react.forwardRef)(function KnobPanel2({
     ...viewProps,
     children
   });
-});
+});
+const KnobCard = Card;
+const KnobDialogContent = DialogContent;
+const KnobPopoverContent = PopoverContent;
+const KnobSheetFrame = SheetFrame;
+const KnobPanel = Panel;

package/dist/cjs/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/cjs/surfaces.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","surfaces_exports","__export","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","Sheet","Frame","KnobPanel2","viewProps"],"sources":["../../src/surfaces.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAb,YAAiC,CAAAK,gBAAA;AAEjC,IAAAS,kBAA2B,GAAAC,OAAA;AAC3B,IAAAC,YAAA,GAAAD,OAUO;AAgBH,IAAAE,YAAA,GAAAF,OAAA;AAHJ,IAAAG,cAAS,GAAAH,OAAe,UAAa;AACnC,SAAMI,YAAYA,CAAAC,KAAA,EAAI;EACtB;IAAAC,QACE;IAAA,GAAAC;EAAA,IAAAF,KAAA;EAAA,IAAC;IAAAG;EAAA,QAAAP,YAAA,CAAAQ,gBAAA;EAAA,0BAAAV,kBAAA,CAAAW,GAAA,EAAAP,cAAA,CAAAQ,IAAA;IAAA,GACEH,SAAG,CAAAI,OAAU;IAAA,GACbJ,SAAG,CAAAK,YAAU;IAAAC,SACd,EAAAN,SAAW,CAAAM,SAAU;IAAA,GACpBN,SAAG,CAAAO,GAAU;IAAA,GACbR,KAAG;IAAAD;EAEH;AAAA;AAGP,SAAAU,eAAAX,KAAA;EAEA;IAAAC,QAAS;IAAA,GAAAC;EAAiB,IAAAF,KAAU;EAClC;IAAMG;EAAE,IAAU,IAAAP,YAAI,CAAAQ,gBAAA;EACtB,OACE,mBAAAV,kBAAA,CAAAW,GAAA,EAACP,cAAA,CAAAQ,IAAA,CAAKM,MAAA,EAAL;IAIL,GAAAT,SAAA,CAAAU,YAAA;IAEA,GAAAX,KAAS;IACPD;EACA;AAKF;AAEO,SAAMa,cAAWA,CAAAd,KAAA;EACtB;IAAAC,QAAQ;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACR;IAAAG;EAAQ,QAAAP,YAAA,CAAAQ,gBAAA;EACT,0BAAAV,kBAAA,CAAAW,GAAA,EAAAP,cAAA,CAAAQ,IAAA,CAAAS,MAAA;IAIM,GAAMZ,SAAA,CAAAU,YAAA;IACX,GAAAX,KAAS;IACPD;EACA;AACE;AAAQ,IAAAd,QAAP,OAAAW,cAAA,CAAAkB,oBAAA,EAAAjB,YAAA;EAAAa,MACC,EAAAD,cAAA;EAAAI,MACC,EAAAD;AAAa;AACA,IAAA1B,iBACH,kBAAU,IAAAS,YAAA,CAAAoB,UAAA,WAAAC,mBAAAlB,KAAA,EAAAmB,GAAA;EAAA;IACpBlB,QAAG;IAAA,GAAUC;EAAA,IAAAF,KAAA;EAAA;IACbG;EAAG,IAAU,IAAAP,YAAA,CAAAQ,gBAAA;EAAA,OACb,eAAG,IAAAV,kBAAA,CAAAW,GAAA,EAAAP,cAAA,CAAAsB,MAAA,CAAAC,OAAA;IAAAF,GAAA;IAEH,GAAAhB,SAAA,CAAAI,OAAA;IACH,GAAAJ,SAAA,CAAAK,YAAA;IAEJC,SAAA,EAAAN,SAAA,CAAAM,SAAA;IACF,GAAAN,SAAA,CAAAU,YAAA;IAIO,GAAMV,SAAA,CAAAO,GAAA;IACX,GAAAR,KAAS;IACPD;EACA;AACE;AAAS,IAAAX,kBAAR,sBAAAO,YAAA,CAAAoB,UAAA,WAAAK,oBAAAtB,KAAA,EAAAmB,GAAA;EAAA;IACClB,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EAAA;IACCG;EAAG,IAAU,IAAAP,YAAA,CAAAQ,gBAAA;EAAA,OACb,eAAa,IAAAV,kBAAA,CAAAW,GAAA,EAAAP,cAAA,CAAAyB,OAAA,CAAAF,OAAA;IAAAF,GAAA;IACO,GAAAhB,SACjB,CAAAI,OAAA;IAAA,GAAAJ,SAEH,CAAAK,YAAA;IAAAC,SAAA,EAAAN,SAAA,CAAAM,SAAA;IACH,GAAAP,KAAA;IAEJD;EACF;AAIO;AAAuB,IAC5BV,cAAS,kBAAiB,EAAU,EAAAM,YAAY,CAAAoB,UAAK,WAAAO,gBAAAxB,KAAA,EAAAmB,GAAA;EACnD;IAAAlB,QAAQ;IAAA,GAAAC;EAAU,IAAIF,KAAA;EACtB;IAAAG;EAAM,KAAa,GAAAP,YAAA,CAAAQ,gBAAA;EAAA,IACjBqB,UAAA;IAAAN,GACA;IAAa,GACbhB,SAAG,CAAAI,OAAU;IAAA,GACbJ,SAAG,CAAAK,YAAU;IAAA,GACbL,SAAG,CAAAU,YAAA;IACL,GAAAX;EACA;EACF,0BAAAR,kBAAA,CAAAW,GAAA,EAAAP,cAAA,CAAA4B,KAAA,CAAAC,KAAA;IACF,GAAAF,UAAA;IAMOxB;EACL;AACE;AACA,IAAAZ,SAAM,kBAAY,IAAAQ,YAAA,CAAAoB,UAAA,WAAAW,WAAA5B,KAAA,EAAAmB,GAAA;EAAA,IAChB;IAAAlB,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EAAA,IACA;IAAAG;EAAG,CAAU,OAAAP,YAAA,CAAAQ,gBAAA;EAAA,IACbyB,SAAG;IAAUV,GACb;IAAqB,GACrBhB,SAAG,CAAAI,OAAU;IAAA,GACbJ,SAAG,CAAAK,YAAU;IAAAC,SACV,EAAAN,SAAA,CAAAM,SAAA;IACL,GAAAN,SAAA,CAAAU,YAAA;IACA,GAAAV,SAAO,CAAAO,GAAA;IACT,GAAAR;EACF","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","surfaces_exports","__export","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","Provider","PopoverContent2","Popover","SheetFrame2","frameProps"],"sources":["../../src/surfaces.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}