@multiplatform.one/components 7.78.0 → 7.80.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["Progress","Spinner","useResolvedKnobs","useEffect","useState","Text","XStack","YStack","useTranslation","withInterp","jsx","jsxs","formatElapsed","ms","total","Math","max","floor","hours","minutes","seconds","String","padStart","ElapsedProgress","startedAt","progress","threshold","label","rowProps","t","knobProps","component","start","getTime","now","setNow","Date","id","setInterval","clearInterval","elapsed","determinate","Number","isFinite","showElapsed","time","name","alignItems","gapSm","accessibilityLabel","children","flex","value","round","min","size","body","textRole","meta","typography","tabular"],"sources":["../../../src/ElapsedProgress/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,112 @@
+"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 ElapsedProgress_exports = {};
+__export(ElapsedProgress_exports, {
+  ElapsedProgress: () => ElapsedProgress,
+  formatElapsed: () => formatElapsed
+});
+module.exports = __toCommonJS(ElapsedProgress_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_i18n = require("../shared/i18n.native.js");
+var import_t = require("../shared/t.native.js");
+function formatElapsed(ms) {
+  var total = Math.max(0, Math.floor(ms / 1e3));
+  var hours = Math.floor(total / 3600);
+  var minutes = Math.floor(total % 3600 / 60);
+  var seconds = String(total % 60).padStart(2, "0");
+  return hours > 0 ? `${hours}:${String(minutes).padStart(2, "0")}:${seconds}` : `${minutes}:${seconds}`;
+}
+function ElapsedProgress(param) {
+  var {
+    startedAt,
+    progress,
+    threshold = 3e3,
+    label,
+    ...rowProps
+  } = param;
+  var {
+    t
+  } = (0, import_i18n.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "ElapsedProgress"
+  });
+  var start = typeof startedAt === "number" ? startedAt : startedAt.getTime();
+  var [now, setNow] = (0, import_react.useState)(function () {
+    return Date.now();
+  });
+  (0, import_react.useEffect)(function () {
+    var id = setInterval(function () {
+      return setNow(Date.now());
+    }, 1e3);
+    return function () {
+      return clearInterval(id);
+    };
+  }, []);
+  var elapsed = Math.max(0, now - start);
+  var determinate = progress != null && Number.isFinite(progress);
+  var showElapsed = determinate || elapsed >= threshold;
+  var time = formatElapsed(elapsed);
+  var name = label ? (0, import_t.withInterp)(t("{{label}}, running for {{time}}", {
+    label,
+    time
+  }), {
+    label,
+    time
+  }) : (0, import_t.withInterp)(t("Running for {{time}}", {
+    time
+  }), {
+    time
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    alignItems: "center",
+    ...knobProps.gapSm,
+    "aria-label": name,
+    accessibilityLabel: name,
+    "data-elapsed-state": determinate ? "determinate" : showElapsed ? "elapsed" : "short",
+    ...rowProps,
+    children: [determinate ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      flex: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Progress, {
+        value: Math.round(Math.min(1, Math.max(0, progress)) * 100),
+        max: 100
+      })
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Spinner, {
+      size: "small"
+    }), showElapsed ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      ...knobProps.body,
+      ...knobProps.textRole.meta,
+      ...knobProps.typography.tabular,
+      "data-elapsed": "",
+      children: time
+    }) : null]
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/ElapsedProgress/index.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","ElapsedProgress_exports","ElapsedProgress","formatElapsed","module","exports","import_jsx_runtime","require","import_forms","import_theme","import_react","import_tamagui","import_i18n","import_t","ms","total","Math","max","floor","hours","minutes","seconds","String","padStart","param","startedAt","progress","threshold","label","rowProps","t","useTranslation","knobProps","useResolvedKnobs","component","start","getTime","now","setNow","useState","Date","useEffect","id","setInterval","clearInterval","elapsed","determinate","Number","isFinite","showElapsed","time","withInterp"],"sources":["../../../src/ElapsedProgress/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/MachineLiteral/index.mjs

@@ -0,0 +1,73 @@
+import { CopyIcon } from "@phosphor-icons/react";
+import { Button } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Text, XStack, YStack } from "tamagui";
+import { NotifyRegion } from "../feedback/NotifyHost.mjs";
+import { useCopyFeedback } from "../feedback/copy.mjs";
+import { useTranslation } from "../shared/i18n.mjs";
+import { withInterp } from "../shared/t.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MachineLiteral({
+  value,
+  reading,
+  label,
+  copyable = true,
+  ...rowProps
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "MachineLiteral"
+  });
+  const {
+    region,
+    copy
+  } = useCopyFeedback();
+  const readingText = typeof reading === "function" ? reading(value) : reading;
+  const copyLabel = label ? withInterp(t("Copy {{label}}", {
+    label
+  }), {
+    label
+  }) : t("Copy");
+  return /* @__PURE__ */jsxs(YStack, {
+    children: [/* @__PURE__ */jsxs(XStack, {
+      alignItems: "center",
+      ...knobProps.gapSm,
+      flexWrap: "wrap",
+      ...rowProps,
+      children: [/* @__PURE__ */jsx(Text, {
+        ...knobProps.body,
+        fontFamily: "$mono",
+        letterSpacing: 0,
+        color: "$color12",
+        selectable: true,
+        userSelect: "text",
+        "data-machine-literal": "",
+        children: value
+      }), readingText ? /* @__PURE__ */jsx(Text, {
+        ...knobProps.body,
+        ...knobProps.textRole.meta,
+        "data-machine-reading": "",
+        children: readingText
+      }) : null, copyable ? /* @__PURE__ */jsx(Button, {
+        chromeless: true,
+        size: knobProps.sizeToken,
+        icon: CopyIcon,
+        "aria-label": copyLabel,
+        onPress: () => {
+          void copy(value);
+        },
+        "data-machine-copy": ""
+      }) : null]
+    }), copyable ? /* @__PURE__ */jsx(NotifyRegion, {
+      scope: "field",
+      region,
+      size: "$3"
+    }) : null]
+  });
+}
+export { MachineLiteral };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CopyIcon","Button","useResolvedKnobs","Text","XStack","YStack","NotifyRegion","useCopyFeedback","useTranslation","withInterp","jsx","jsxs","MachineLiteral","value","reading","label","copyable","rowProps","t","knobProps","component","region","copy","readingText","copyLabel","children","alignItems","gapSm","flexWrap","body","fontFamily","letterSpacing","color","selectable","userSelect","textRole","meta","chromeless","size","sizeToken","icon","onPress","scope"],"sources":["../../../src/MachineLiteral/index.tsx"],"sourcesContent":[null],"mappings":"AAOA,SAASA,QAAA,QAAgB;AACzB,SAASC,MAAA,QAAc;AACvB,SAASC,gBAAA,QAAwB;AACjC,SAASC,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAgC;AACvD,SAASC,YAAA,QAAoB;AAC7B,SAASC,eAAA,QAAuB;AAChC,SAASC,cAAA,QAAsB;AAC/B,SAASC,UAAA,QAAkB;AA2BrB,SACEC,GAAA,EADFC,IAAA;AAdC,SAASC,eAAe;EAC7BC,KAAA;EACAC,OAAA;EACAC,KAAA;EACAC,QAAA,GAAW;EACX,GAAGC;AACL,GAAwB;EACtB,MAAM;IAAEC;EAAE,IAAIV,cAAA,CAAe;EAC7B,MAAM;IAAEW;EAAU,IAAIjB,gBAAA,CAAiB;IAAEkB,SAAA,EAAW;EAAiB,CAAC;EACtE,MAAM;IAAEC,MAAA;IAAQC;EAAK,IAAIf,eAAA,CAAgB;EACzC,MAAMgB,WAAA,GAAc,OAAOT,OAAA,KAAY,aAAaA,OAAA,CAAQD,KAAK,IAAIC,OAAA;EACrE,MAAMU,SAAA,GAAYT,KAAA,GAAQN,UAAA,CAAWS,CAAA,CAAE,kBAAkB;IAAEH;EAAM,CAAC,GAAG;IAAEA;EAAM,CAAC,IAAIG,CAAA,CAAE,MAAM;EAC1F,OACE,eAAAP,IAAA,CAACN,MAAA;IACCoB,QAAA,kBAAAd,IAAA,CAACP,MAAA;MAAOsB,UAAA,EAAW;MAAU,GAAGP,SAAA,CAAUQ,KAAA;MAAOC,QAAA,EAAS;MAAQ,GAAGX,QAAA;MACnEQ,QAAA,kBAAAf,GAAA,CAACP,IAAA;QACE,GAAGgB,SAAA,CAAUU,IAAA;QACdC,UAAA,EAAW;QACXC,aAAA,EAAe;QACfC,KAAA,EAAM;QACNC,UAAA,EAAU;QACVC,UAAA,EAAW;QACX,wBAAqB;QAEpBT,QAAA,EAAAZ;MAAA,CACH,GACCU,WAAA,GACC,eAAAb,GAAA,CAACP,IAAA;QAAM,GAAGgB,SAAA,CAAUU,IAAA;QAAO,GAAGV,SAAA,CAAUgB,QAAA,CAASC,IAAA;QAAM,wBAAqB;QACzEX,QAAA,EAAAF;MAAA,CACH,IACE,MACHP,QAAA,GACC,eAAAN,GAAA,CAACT,MAAA;QACCoC,UAAA,EAAU;QACVC,IAAA,EAAMnB,SAAA,CAAUoB,SAAA;QAChBC,IAAA,EAAMxC,QAAA;QACN,cAAYwB,SAAA;QACZiB,OAAA,EAASA,CAAA,KAAM;UACb,KAAKnB,IAAA,CAAKT,KAAK;QACjB;QACA,qBAAkB;MAAA,CACpB,IACE;IAAA,CACN,GACCG,QAAA,GAAW,eAAAN,GAAA,CAACJ,YAAA;MAAaoC,KAAA,EAAM;MAAQrB,MAAA;MAAgBiB,IAAA,EAAK;IAAA,CAAK,IAAK;EAAA,CACzE;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,102 @@
+"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 MachineLiteral_exports = {};
+__export(MachineLiteral_exports, {
+  MachineLiteral: () => MachineLiteral
+});
+module.exports = __toCommonJS(MachineLiteral_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_NotifyHost = require("../feedback/NotifyHost.native.js");
+var import_copy = require("../feedback/copy.native.js");
+var import_i18n = require("../shared/i18n.native.js");
+var import_t = require("../shared/t.native.js");
+function MachineLiteral(param) {
+  var {
+    value,
+    reading,
+    label,
+    copyable = true,
+    ...rowProps
+  } = param;
+  var {
+    t
+  } = (0, import_i18n.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "MachineLiteral"
+  });
+  var {
+    region,
+    copy
+  } = (0, import_copy.useCopyFeedback)();
+  var readingText = typeof reading === "function" ? reading(value) : reading;
+  var copyLabel = label ? (0, import_t.withInterp)(t("Copy {{label}}", {
+    label
+  }), {
+    label
+  }) : t("Copy");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      alignItems: "center",
+      ...knobProps.gapSm,
+      flexWrap: "wrap",
+      ...rowProps,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        ...knobProps.body,
+        fontFamily: "$mono",
+        letterSpacing: 0,
+        color: "$color12",
+        selectable: true,
+        userSelect: "text",
+        "data-machine-literal": "",
+        children: value
+      }), readingText ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        ...knobProps.body,
+        ...knobProps.textRole.meta,
+        "data-machine-reading": "",
+        children: readingText
+      }) : null, copyable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        chromeless: true,
+        size: knobProps.sizeToken,
+        icon: import_react.CopyIcon,
+        "aria-label": copyLabel,
+        onPress: function onPress() {
+          void copy(value);
+        },
+        "data-machine-copy": ""
+      }) : null]
+    }), copyable ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_NotifyHost.NotifyRegion, {
+      scope: "field",
+      region,
+      size: "$3"
+    }) : null]
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/MachineLiteral/index.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","MachineLiteral_exports","MachineLiteral","module","exports","import_jsx_runtime","require","import_react","import_forms","import_theme","import_tamagui","import_NotifyHost","import_copy","import_i18n","import_t","param","reading","label","copyable","rowProps","t","useTranslation","knobProps","useResolvedKnobs","component","region","copy","useCopyFeedback","readingText","copyLabel","withInterp","jsxs","YStack","children","XStack","alignItems","gapSm","flexWrap","jsx","Text"],"sources":["../../../src/MachineLiteral/index.tsx"],"sourcesContent":[null],"mappings":"AAOA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAcC,cAAA;AACvB,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAwB;AACjC,IAAAC,iBAAe,GAAQJ,MAAA,CAAAK,mBAAgC;AACvD,IAAAC,YAAS,GAAAN,MAAA,CAAAO,SAAoB,CAAAC,cAAA;AAC7B,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAuB;EAChC,SAASC,IAAA,IAAAD,GAAA,EACTZ,SAAS,CAAAW,MAAA,EAAAE,IAAA,EAAkB;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AA2BrB;AAdC,IAAAC,WAAS,GAAAA,CAAAC,EAAA,EAAAC,IAAe,EAAAC,MAAA,EAAAC,IAAA;EAC7B,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACAnB,SAAW,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;EACX;EACF,OAAwBE,EAAA;AACtB;AACA,IAAAM,YAAQ,GAAUC,GAAA,IAAIR,WAAA,CAAAhB,SAAmB,KAAW;EAAAyB,KAAkB;AAAA,IAAAD,GAAA;AACtE,IAAAE,sBAAqB,GAAI;AACzBhB,QAAM,CAAAgB,sBAAqB;EAC3BC,cAAM,EAAAA,CAAA,KAAYA;AAClB;AAEIC,MAAA,CAAAC,OAAA,GAAAN,YAAC,CAAAG,sBAAkB;AACjB,IAAAI,kBAAA,GAAAC,OAAA;AAAA,IAAAC,YAAC,GAAAD,OAAA;AAAA,IAAAE,YAAA,GAAAF,OAAA;AAAA,IAAAG,YACK,GAAAH,OAAU;AAAA,IAAAI,cACd,GAAAJ,OAAW;AAAA,IAAAK,iBACX,GAAAL,OAAe;AAAA,IAAAM,WACf,GAAMN,OAAA;AAAA,IAAAO,WACN,GAAAP,OAAU;AAAA,IAAAQ,QACV,GAAAR,OAAW;AAAA,SAAAJ,cACXA,CAAAa,KAAA;EAAqB;IAAAf,KAEpB;IAAAgB,OAAA;IAAAC,KAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAJ,KAAA;EAAA;IAAAK;EAAA,QAAAP,WAAA,CAAAQ,cAAA;EAAA,IACH;IAAAC;EAAA,QAAAb,YAAA,CAAAc,gBAAA;IAAAC,SACC;EAIG;EAEF;IAACC,MAAA;IAAAC;EAAA,QAAAd,WAAA,CAAAe,eAAA;EAAA,IAAAC,WAAA,UAAAZ,OAAA,kBAAAA,OAAA,CAAAhB,KAAA,IAAAgB,OAAA;EAAA,IAAAa,SACC,GAAAZ,KAAU,OAAAH,QAAA,CAAAgB,UAAA,EAAAV,CAAA;IAAAH;EACM;IACVA;EACM,KAAAG,CAAA,OACZ;EACE,sBAAU,EAAK,EAAAf,kBAAA,CAAA0B,IAAA,EAAArB,cAAA,CAAAsB,MAAA;IAAAC,QACjB,kBACA,IAAA5B,kBAAkB,CAAA0B,IAAA,EAAArB,cAAA,CAAAwB,MAAA;MAAAC,UAAA;MACpB,GACEb,SAAA,CAAAc,KAAA;MACNC,QAAA;MACC,GAAAlB,QAAW;MACdc,QAAA,GAEJ,mBAAA5B,kBAAA,CAAAiC,GAAA,EAAA5B,cAAA,CAAA6B,IAAA","ignoreList":[]}

package/dist/jsx/Material/blur.mjs

@@ -0,0 +1,8 @@
+function useMaterialBlur() {
+  return null;
+}
+function MaterialBlurFill(_props) {
+  return null;
+}
+export { MaterialBlurFill, useMaterialBlur };
+//# sourceMappingURL=blur.mjs.map

package/dist/jsx/Material/blur.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMaterialBlur","MaterialBlurFill","_props"],"sources":["../../../src/Material/blur.ts"],"sourcesContent":[null],"mappings":"AAIO,SAASA,gBAAA,EAAwB;EACtC,OAAO;AACT;AAEO,SAASC,iBAAiBC,MAAA,EAAmC;EAClE,OAAO;AACT","ignoreList":[]}

package/dist/jsx/Material/blur.native.js

@@ -0,0 +1,100 @@
+"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 blur_native_exports = {};
+__export(blur_native_exports, {
+  MaterialBlurFill: () => MaterialBlurFill,
+  blurNativeModule: () => blurNativeModule,
+  blurTintFor: () => blurTintFor,
+  materialBlurTint: () => materialBlurTint,
+  resolveBlurView: () => resolveBlurView,
+  useMaterialBlur: () => useMaterialBlur
+});
+module.exports = __toCommonJS(blur_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react_native = require("react-native");
+var import_tamagui = require("tamagui");
+var blurNativeModule = "ExpoBlur";
+var materialBlurTint = {
+  light: "systemChromeMaterialLight",
+  dark: "systemChromeMaterialDark"
+};
+function blurTintFor(themeName) {
+  return (0, import_theme.isDarkThemeName)(themeName) ? materialBlurTint.dark : materialBlurTint.light;
+}
+var appSources = {
+  core: function core() {
+    return require("expo-modules-core");
+  },
+  blur: function blur() {
+    return require("expo-blur");
+  }
+};
+function resolveBlurView(sources, os) {
+  if (os !== "ios") return null;
+  try {
+    var _sources_blur_BlurView;
+    var _sources_core_requireOptionalNativeModule, _sources_core;
+    if (((_sources_core_requireOptionalNativeModule = (_sources_core = sources.core()).requireOptionalNativeModule) === null || _sources_core_requireOptionalNativeModule === void 0 ? void 0 : _sources_core_requireOptionalNativeModule.call(_sources_core, blurNativeModule)) == null) return null;
+    return (_sources_blur_BlurView = sources.blur().BlurView) !== null && _sources_blur_BlurView !== void 0 ? _sources_blur_BlurView : null;
+  } catch (unused) {
+    return null;
+  }
+}
+var cached;
+function loadBlurView() {
+  if (cached === void 0) cached = resolveBlurView(appSources, import_react_native.Platform.OS);
+  return cached;
+}
+function useMaterialBlur() {
+  var themeName = (0, import_tamagui.useThemeName)();
+  var BlurView = loadBlurView();
+  if (!BlurView) return null;
+  return {
+    BlurView,
+    tint: blurTintFor(themeName)
+  };
+}
+function MaterialBlurFill(param) {
+  var {
+    radius = 0
+  } = param;
+  var blur2 = useMaterialBlur();
+  if (!blur2) return null;
+  var {
+    BlurView,
+    tint
+  } = blur2;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(BlurView, {
+    tint,
+    intensity: 100,
+    pointerEvents: "none",
+    style: [import_react_native.StyleSheet.absoluteFill, {
+      borderRadius: radius,
+      overflow: "hidden"
+    }]
+  });
+}
+//# sourceMappingURL=blur.native.js.map

package/dist/jsx/Material/blur.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["blur_native_exports","__export","MaterialBlurFill","blurNativeModule","blurTintFor","materialBlurTint","resolveBlurView","useMaterialBlur","module","exports","__toCommonJS","import_jsx_runtime","require","import_theme","import_react_native","import_tamagui","light","dark","themeName","isDarkThemeName","appSources","core","blur","sources","os","_sources_blur_BlurView","_sources_core_requireOptionalNativeModule","_sources_core","requireOptionalNativeModule","call","BlurView","unused","cached","loadBlurView","Platform","OS","useThemeName","tint","param","radius","blur2","jsx","intensity","pointerEvents","style","StyleSheet","absoluteFill","borderRadius","overflow"],"sources":["../../../src/Material/blur.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAV,mBAAA;AAAA,IAAAW,kBAAA,GAA4BC,OAAA;AAgBxB,IAAAC,YAAA,GAAgCD,OAAA;AACpC,IAAAE,mBAAA,GAAqCF,OAAA;AACrC,IAAAG,cAAA,GAA6BH,OAAA;AACgD,IAAIT,gBAAA,GAAmB;AACvB,IAAIE,gBAAA,GAAmB;EAChGW,KAAA,EAAO;EACPC,IAAA,EAAM;AACV;AACO,SAASb,YAAYc,SAAA,EAAW;EACnC,WAAOL,YAAA,CAAAM,eAAA,EAAgBD,SAAS,IAAIb,gBAAA,CAAiBY,IAAA,GAAOZ,gBAAA,CAAiBW,KAAA;AACjF;AACA,IAAII,UAAA,GAAa;EACbC,IAAA,EAAM,SAASA,KAAA,EAAO;IAClB,OAAOT,OAAA,CAAQ,mBAAmB;EACtC;EACAU,IAAA,EAAM,SAASA,KAAA,EAAO;IAClB,OAAOV,OAAA,CAAQ,WAAW;EAC9B;AACJ;AACiF,SAASN,gBAAgBiB,OAAA,EAASC,EAAA,EAAI;EACnH,IAAIA,EAAA,KAAO,OAAO,OAAO;EACzB,IAAI;IACA,IAAIC,sBAAA;IACJ,IAAIC,yCAAA,EAA2CC,aAAA;IAC/C,MAAMD,yCAAA,IAA6CC,aAAA,GAAgBJ,OAAA,CAAQF,IAAA,CAAK,GAAGO,2BAAA,MAAiC,QAAQF,yCAAA,KAA8C,SAAS,SAASA,yCAAA,CAA0CG,IAAA,CAAKF,aAAA,EAAexB,gBAAgB,MAAM,MAAM,OAAO;IAC7R,QAAQsB,sBAAA,GAAyBF,OAAA,CAAQD,IAAA,CAAK,EAAEQ,QAAA,MAAc,QAAQL,sBAAA,KAA2B,SAASA,sBAAA,GAAyB;EACvI,SAASM,MAAA,EAAQ;IACb,OAAO;EACX;AACJ;AACA,IAAIC,MAAA;AACJ,SAASC,aAAA,EAAe;EACpB,IAAID,MAAA,KAAW,QAAWA,MAAA,GAAS1B,eAAA,CAAgBc,UAAA,EAAYN,mBAAA,CAAAoB,QAAA,CAASC,EAAE;EAC1E,OAAOH,MAAA;AACX;AACO,SAASzB,gBAAA,EAAkB;EAC9B,IAAIW,SAAA,OAAYH,cAAA,CAAAqB,YAAA,EAAa;EAC7B,IAAIN,QAAA,GAAWG,YAAA,CAAa;EAC5B,IAAI,CAACH,QAAA,EAAU,OAAO;EACtB,OAAO;IACHA,QAAA;IACAO,IAAA,EAAMjC,WAAA,CAAYc,SAAS;EAC/B;AACJ;AAIW,SAAShB,iBAAiBoC,KAAA,EAAO;EACxC,IAAI;IAAEC,MAAA,GAAS;EAAE,IAAID,KAAA;EACrB,IAAIE,KAAA,GAAOjC,eAAA,CAAgB;EAC3B,IAAI,CAACiC,KAAA,EAAM,OAAO;EAClB,IAAI;IAAEV,QAAA;IAAUO;EAAK,IAAIG,KAAA;EACzB,OAAqB,mBAAA7B,kBAAA,CAAA8B,GAAA,EAAKX,QAAA,EAAU;IAChCO,IAAA;IACAK,SAAA,EAAW;IACXC,aAAA,EAAe;IACfC,KAAA,EAAO,CACH9B,mBAAA,CAAA+B,UAAA,CAAWC,YAAA,EACX;MACIC,YAAA,EAAcR,MAAA;MACdS,QAAA,EAAU;IACd;EAER,CAAC;AACL","ignoreList":[]}

package/dist/jsx/Material/index.mjs

@@ -1,8 +1,9 @@
 import { hairlineWidth, normalizeToHex } from "@multiplatform.one/theme";
 import { isWeb } from "@multiplatform.one/platform";
 import { forwardRef } from "react";
+import { MaterialBlurFill, useMaterialBlur } from "./blur.mjs";
 import { YStack, useTheme } from "tamagui";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 const materials = {
   chrome: {
     base: "$color2",
@@ -31,10 +32,11 @@ function useMaterial(thickness = "chrome") {
     base,
     blur
   } = materials[thickness];
+  const nativeBlur = useMaterialBlur();
   const resolved = theme[base.slice(1)]?.val;
   const color = typeof resolved === "string" ? resolved : void 0;
   return {
-    backgroundColor: translucent(color, materialOpacity(thickness)) ?? base,
+    backgroundColor: nativeBlur ? "transparent" : translucent(color, materialOpacity(thickness)) ?? base,
     borderWidth: hairlineWidth,
     borderColor: "$borderColor",
     shadowColor: "$shadow3",
@@ -52,13 +54,17 @@ function useMaterial(thickness = "chrome") {
 }
 const Material = forwardRef(function Material2({
   thickness = "chrome",
+  children,
   ...props
 }, ref) {
   const material = useMaterial(thickness);
-  return /* @__PURE__ */jsx(YStack, {
+  return /* @__PURE__ */jsxs(YStack, {
     ref,
     ...material,
-    ...props
+    ...props,
+    children: [/* @__PURE__ */jsx(MaterialBlurFill, {
+      radius: typeof props.borderRadius === "number" ? props.borderRadius : void 0
+    }), children]
   });
 });
 export { Material, materialOpacity, materials, translucent, useMaterial };

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

@@ -1 +1 @@
-{"version":3,"names":["hairlineWidth","normalizeToHex","isWeb","forwardRef","YStack","useTheme","jsx","materials","chrome","base","opacity","web","native","blur","materialOpacity","thickness","translucent","color","hex","r","g","b","map","i","parseInt","slice","useMaterial","theme","resolved","val","backgroundColor","borderWidth","borderColor","shadowColor","shadowOffset","width","height","shadowRadius","elevation","backdropFilter","WebkitBackdropFilter","Material","Material2","props","ref","material"],"sources":["../../../src/Material/index.tsx"],"sourcesContent":[null],"mappings":"AAcA,SAASA,aAAA,EAAeC,cAAA,QAAsB;AAC9C,SAASC,KAAA,QAAa;AACtB,SAASC,UAAA,QAAkB;AAC3B,SAA8BC,MAAA,EAA0BC,QAAA,QAAgB;AAqD/D,SAAAC,GAAA;AAjDF,MAAMC,SAAA,GAAY;EACvBC,MAAA,EAAQ;IACNC,IAAA,EAAM;IACNC,OAAA,EAAS;MAAEC,GAAA,EAAK;MAAMC,MAAA,EAAQ;IAAK;IACnCC,IAAA,EAAM;EACR;AACF;AAKO,SAASC,gBAAgBC,SAAA,GAA+B,UAAkB;EAC/E,MAAM;IAAEL;EAAQ,IAAIH,SAAA,CAAUQ,SAAS;EACvC,OAAOb,KAAA,GAAQQ,OAAA,CAAQC,GAAA,GAAMD,OAAA,CAAQE,MAAA;AACvC;AAEO,SAASI,YAAYC,KAAA,EAA2BP,OAAA,EAAqC;EAC1F,MAAMQ,GAAA,GAAMD,KAAA,GAAQhB,cAAA,CAAegB,KAAK,IAAI;EAC5C,IAAI,CAACC,GAAA,EAAK,OAAOD,KAAA;EACjB,MAAM,CAACE,CAAA,EAAGC,CAAA,EAAGC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAEC,GAAA,CAAKC,CAAA,IAAMC,QAAA,CAASN,GAAA,CAAIO,KAAA,CAAMF,CAAA,EAAGA,CAAA,GAAI,CAAC,GAAG,EAAE,CAAC;EACxE,OAAO,QAAQJ,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAKX,OAAO;AAC1C;AAEO,SAASgB,YAAYX,SAAA,GAA+B,UAAU;EACnE,MAAMY,KAAA,GAAQtB,QAAA,CAAS;EACvB,MAAM;IAAEI,IAAA;IAAMI;EAAK,IAAIN,SAAA,CAAUQ,SAAS;EAC1C,MAAMa,QAAA,GAAWD,KAAA,CAAMlB,IAAA,CAAKgB,KAAA,CAAM,CAAC,CAAC,GAAGI,GAAA;EACvC,MAAMZ,KAAA,GAAQ,OAAOW,QAAA,KAAa,WAAWA,QAAA,GAAW;EACxD,OAAO;IACLE,eAAA,EAAiBd,WAAA,CAAYC,KAAA,EAAOH,eAAA,CAAgBC,SAAS,CAAC,KAAKN,IAAA;IACnEsB,WAAA,EAAa/B,aAAA;IACbgC,WAAA,EAAa;IACbC,WAAA,EAAa;IACbC,YAAA,EAAc;MAAEC,KAAA,EAAO;MAAGC,MAAA,EAAQ;IAAE;IACpCC,YAAA,EAAc;IACdC,SAAA,EAAW;IACX,IAAIpC,KAAA,GAAQ;MAAEqC,cAAA,EAAgB1B,IAAA;MAAM2B,oBAAA,EAAsB3B;IAAK,IAAI;EACrE;AACF;AAMO,MAAM4B,QAAA,GAAWtC,UAAA,CAA0C,SAASuC,SAAAD,CACzE;EAAE1B,SAAA,GAAY;EAAU,GAAG4B;AAAM,GACjCC,GAAA,EACA;EACA,MAAMC,QAAA,GAAWnB,WAAA,CAAYX,SAAS;EACtC,OAAO,eAAAT,GAAA,CAACF,MAAA;IAAOwC,GAAA;IAAW,GAAGC,QAAA;IAAW,GAAGF;EAAA,CAAO;AACpD,CAAC","ignoreList":[]}
+{"version":3,"names":["hairlineWidth","normalizeToHex","isWeb","forwardRef","MaterialBlurFill","useMaterialBlur","YStack","useTheme","jsx","jsxs","materials","chrome","base","opacity","web","native","blur","materialOpacity","thickness","translucent","color","hex","r","g","b","map","i","parseInt","slice","useMaterial","theme","nativeBlur","resolved","val","backgroundColor","borderWidth","borderColor","shadowColor","shadowOffset","width","height","shadowRadius","elevation","backdropFilter","WebkitBackdropFilter","Material","Material2","children","props","ref","material","radius","borderRadius"],"sources":["../../../src/Material/index.tsx"],"sourcesContent":[null],"mappings":"AAeA,SAASA,aAAA,EAAeC,cAAA,QAAsB;AAC9C,SAASC,KAAA,QAAa;AACtB,SAASC,UAAA,QAAkB;AAC3B,SAASC,gBAAA,EAAkBC,eAAA,QAAuB;AAClD,SAA8BC,MAAA,EAA0BC,QAAA,QAAgB;AAyDpE,SACEC,GAAA,EADFC,IAAA;AArDG,MAAMC,SAAA,GAAY;EACvBC,MAAA,EAAQ;IACNC,IAAA,EAAM;IACNC,OAAA,EAAS;MAAEC,GAAA,EAAK;MAAMC,MAAA,EAAQ;IAAK;IACnCC,IAAA,EAAM;EACR;AACF;AAKO,SAASC,gBAAgBC,SAAA,GAA+B,UAAkB;EAC/E,MAAM;IAAEL;EAAQ,IAAIH,SAAA,CAAUQ,SAAS;EACvC,OAAOhB,KAAA,GAAQW,OAAA,CAAQC,GAAA,GAAMD,OAAA,CAAQE,MAAA;AACvC;AAEO,SAASI,YAAYC,KAAA,EAA2BP,OAAA,EAAqC;EAC1F,MAAMQ,GAAA,GAAMD,KAAA,GAAQnB,cAAA,CAAemB,KAAK,IAAI;EAC5C,IAAI,CAACC,GAAA,EAAK,OAAOD,KAAA;EACjB,MAAM,CAACE,CAAA,EAAGC,CAAA,EAAGC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAEC,GAAA,CAAKC,CAAA,IAAMC,QAAA,CAASN,GAAA,CAAIO,KAAA,CAAMF,CAAA,EAAGA,CAAA,GAAI,CAAC,GAAG,EAAE,CAAC;EACxE,OAAO,QAAQJ,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAKX,OAAO;AAC1C;AAEO,SAASgB,YAAYX,SAAA,GAA+B,UAAU;EACnE,MAAMY,KAAA,GAAQvB,QAAA,CAAS;EACvB,MAAM;IAAEK,IAAA;IAAMI;EAAK,IAAIN,SAAA,CAAUQ,SAAS;EAC1C,MAAMa,UAAA,GAAa1B,eAAA,CAAgB;EACnC,MAAM2B,QAAA,GAAWF,KAAA,CAAMlB,IAAA,CAAKgB,KAAA,CAAM,CAAC,CAAC,GAAGK,GAAA;EACvC,MAAMb,KAAA,GAAQ,OAAOY,QAAA,KAAa,WAAWA,QAAA,GAAW;EACxD,OAAO;IACLE,eAAA,EAAiBH,UAAA,GACb,gBACCZ,WAAA,CAAYC,KAAA,EAAOH,eAAA,CAAgBC,SAAS,CAAC,KAAKN,IAAA;IACvDuB,WAAA,EAAanC,aAAA;IACboC,WAAA,EAAa;IACbC,WAAA,EAAa;IACbC,YAAA,EAAc;MAAEC,KAAA,EAAO;MAAGC,MAAA,EAAQ;IAAE;IACpCC,YAAA,EAAc;IACdC,SAAA,EAAW;IACX,IAAIxC,KAAA,GAAQ;MAAEyC,cAAA,EAAgB3B,IAAA;MAAM4B,oBAAA,EAAsB5B;IAAK,IAAI;EACrE;AACF;AAMO,MAAM6B,QAAA,GAAW1C,UAAA,CAA0C,SAAS2C,SAAAD,CACzE;EAAE3B,SAAA,GAAY;EAAU6B,QAAA;EAAU,GAAGC;AAAM,GAC3CC,GAAA,EACA;EACA,MAAMC,QAAA,GAAWrB,WAAA,CAAYX,SAAS;EACtC,OACE,eAAAT,IAAA,CAACH,MAAA;IAAO2C,GAAA;IAAW,GAAGC,QAAA;IAAW,GAAGF,KAAA;IAClCD,QAAA,kBAAAvC,GAAA,CAACJ,gBAAA;MACC+C,MAAA,EAAQ,OAAOH,KAAA,CAAMI,YAAA,KAAiB,WAAWJ,KAAA,CAAMI,YAAA,GAAe;IAAA,CACxE,GACCL,QAAA;EAAA,CACH;AAEJ,CAAC","ignoreList":[]}

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

@@ -35,6 +35,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_theme = require("@multiplatform.one/theme");
 var import_platform = require("@multiplatform.one/platform");
 var import_react = require("react");
+var import_blur = require("./blur.native.js");
 var import_tamagui = require("tamagui");
 var materials = {
   chrome: {
@@ -70,10 +71,11 @@ function useMaterial() {
     base,
     blur
   } = materials[thickness];
+  var nativeBlur = (0, import_blur.useMaterialBlur)();
   var resolved = (_theme_base_slice = theme[base.slice(1)]) === null || _theme_base_slice === void 0 ? void 0 : _theme_base_slice.val;
   var color = typeof resolved === "string" ? resolved : void 0;
   return {
-    backgroundColor: (_translucent = translucent(color, materialOpacity(thickness))) !== null && _translucent !== void 0 ? _translucent : base,
+    backgroundColor: nativeBlur ? "transparent" : (_translucent = translucent(color, materialOpacity(thickness))) !== null && _translucent !== void 0 ? _translucent : base,
     borderWidth: import_theme.hairlineWidth,
     borderColor: "$borderColor",
     shadowColor: "$shadow3",
@@ -92,13 +94,17 @@ function useMaterial() {
 var Material = /* @__PURE__ */(0, import_react.forwardRef)(function Material2(param, ref) {
   var {
     thickness = "chrome",
+    children,
     ...props
   } = param;
   var material = useMaterial(thickness);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     ref,
     ...material,
-    ...props
+    ...props,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_blur.MaterialBlurFill, {
+      radius: typeof props.borderRadius === "number" ? props.borderRadius : void 0
+    }), children]
   });
 });
 //# sourceMappingURL=index.native.js.map

package/dist/jsx/Material/index.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","Material_exports","Material","materialOpacity","materials","translucent","useMaterial","module","exports","import_jsx_runtime","require","import_theme","import_platform","import_react","import_tamagui","chrome","base","opacity","web","native","blur"],"sources":["../../../src/Material/index.tsx"],"sourcesContent":[null],"mappings":"AAcA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAa,CAAAC,cAAA;AACtB,IAAAC,gBAAS,GAAAF,MAAkB,CAAAG,wBAAA;AAC3B,IAAAC,iBAAwD,GAAAJ,MAAA,CAAAK,mBAAgB;AAqD/D,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAjDF,IAAAC,QAAM,GAAAA,CAAAC,MAAY,EAAAC,GAAA;EACvB,SAAQC,IAAA,IAAAD,GAAA,EACNZ,SAAM,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAC6B,IACnCC,WAAM,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACR,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACF,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GAKO,IAAS,CAAAX,YAAA,CAAAe,IAAgB,CAAAL,EAAA,EAAAI,GAAA,CAA+B,IAAAA,GAAA,KAAkBF,MAAA,EACzEnB,SAAE,CAAQiB,EAAA,EAAII,GAAA;MAAAP,GAAU,EAAAA,CAAA,KAAAI,IAAS,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACvC;EACF,OAAAE,EAAA;AAEO;AACL,IAAAM,YAAY,GAAAC,GAAQ,IAAAR,WAAe,CAAAhB,SAAS;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAC5C,IAAAE,gBAAiB;AACjBhB,QAAM,CAACgB,gBAAe,EAAG;EACzBC,QAAO,EAAAA,CAAA,KAASA,QAAM;EACxBC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAEOC,SAAS,EAAAA,CAAA,KAAAA,SAAY;EAC1BC,WAAM,EAAAA,CAAA,KAAQA,WAAS;EACvBC,WAAQ,EAAAA,CAAA,KAAWA;AACnB;AACAC,MAAA,CAAAC,OAAM,GAAQV,YAAO,CAAAG,gBAAa,CAAW;AAC7C,IAAAQ,kBAAO,GAAAC,OAAA;AAAA,IACLC,YAAA,GAAAD,OAAiB,2BAAmB;AAA+B,IACnEE,eAAa,GAAAF,OAAA;AAAA,IACbG,YAAA,GAAaH,OAAA;AAAA,IACbI,cAAa,GAAAJ,OAAA;AAAA,IACbN,SAAA;EAAoCW,MACpC;IACAC,IAAA,WAAW;IACXC,OAAI;MACNC,GAAA;MACFC,MAAA;IAMO;IAILC,IAAM;EACN;AACF,CAAC","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","Material_exports","Material","materialOpacity","materials","translucent","useMaterial","module","exports","import_jsx_runtime","require","import_theme","import_platform","import_react","import_blur","import_tamagui","chrome","base","opacity","web","native","blur","thickness","arguments","length","isWeb","color","hex","normalizeToHex","r","g","b"],"sources":["../../../src/Material/index.tsx"],"sourcesContent":[null],"mappings":"AAeA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAa,CAAAC,cAAA;AACtB,IAAAC,gBAAS,GAAAF,MAAkB,CAAAG,wBAAA;AAC3B,IAAAC,iBAAS,GAAAJ,MAAkB,CAAAK,mBAAuB;AAClD,IAAAC,YAA8B,GAA0BN,MAAA,CAAAO,SAAgB,CAAAC,cAAA;AAyDpE,IAAAC,QACE,GADFA,CAAAC,MAAA,EAAAC,GAAA;EArDG,KAAM,IAAAC,IAAA,IAAYD,GAAA,EACvBZ,SAAQ,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACNC,WAAW,GAAAA,CAAAC,EAAK,EAAAC,IAAM,EAAAC,MAAQ,EAAAC,IAAK;EAAA,IACnCF,IAAM,WAAAA,IAAA,wBAAAA,IAAA;IACR,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACF,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAKOnB,SAAS,CAAAiB,EAAA,EAAAI,GAAgB;MAAAP,GAAA,EAAAA,CAAA,KAA+BI,IAAA,CAAAG,GAAkB;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAC/E;EACA,OAAOE,EAAA;AACT;AAEO,IAAAM,YAAS,GAAAC,GAAY,IAA2BR,WAAqC,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAC1F,IAAAE,gBAAY,GAAQ;AACpBhB,QAAK,CAAAgB,gBAAY;EACjBC,QAAO,EAAGA,CAAA,KAAIA,QAAQ;EACtBC,eAAe,EAACA,CAAA,KAAMA,eAAW;EACnCC,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAEOC,WAAS,EAAAA,CAAA,KAAYA,WAAA;EAC1BC,WAAM,EAAAA,CAAA,KAAQA;AACd;AACAC,MAAA,CAAAC,OAAM,GAAAV,YAAa,CAAAG,gBAAgB;AACnC,IAAAQ,kBAAiB,GAAMC,OAAK,oBAAW;AACvC,IAAAC,YAAc,GAAAD,OAAO,2BAAwB;AAC7C,IAAAE,eAAO,GAAAF,OAAA;AAAA,IACLG,YAAA,GAAAH,OAAiB,QACb;AACmD,IACvDI,WAAA,GAAaJ,OAAA;AAAA,IACbK,cAAa,GAAAL,OAAA;AAAA,IACbN,SAAA;EAAaY,MACb;IACAC,IAAA,WAAc;IACdC,OAAA;MACAC,GAAI,MAAQ;MACdC,MAAA;IACF;IAMOC,IAAM;EAIX;AACA;AAEI,SAAAlB,gBAAA;EAAA,IAACmB,SAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA;IAAAL;EAAA,IAAAd,SAAA,CAAAkB,SAAA;EAAA,OACCV,eAAe,CAAAa,KAAM,GAAAP,OAAA,CAAAC,GAAA,GAAiBD,OAAA,CAAAE,MAAW;AAAqB;AAAA,SACxEf,YAAAqB,KAAA,EAAAR,OAAA;EAAA,IACCS,GAAA,GAAAD,KAAA,OAAAf,YAAA,CAAAiB,cAAA,EAAAF,KAAA;EAAA,IACH,CAAAC,GAAA,SAAAD,KAAA;EAEH,KAAAG,CAAA,EAAAC,CAAA,EAAAC,CAAA,K","ignoreList":[]}

package/dist/jsx/Meter/index.mjs

@@ -1,7 +1,7 @@
 import { transitionProps, defaultKnobs, usePresetContext, useResolvedKnobs } from "@multiplatform.one/theme";
 import { Text, View, XStack, YStack, isWeb, styled } from "tamagui";
 import { Skeleton } from "../Skeleton/index.mjs";
-import { METER_RADIUS_CLASS, METER_TICK, METER_TRACK, METER_ZONE_PAINT, UNKNOWN_VALUE, formatMeterValue, meterFillRatio, meterTrackHeightPx, resolveMeterRailRadius, resolveMeterZone } from "./meter.mjs";
+import { METER_RADIUS_CLASS, METER_TICK, METER_TRACK, METER_ZONE_PAINT, formatMeterValue, meterFillRatio, meterTrackHeightPx, resolveMeterRailRadius, resolveMeterZone } from "./meter.mjs";
 import { METER_RADIUS_CLASS as METER_RADIUS_CLASS2, METER_ZONE_PAINT as METER_ZONE_PAINT2, formatMeterValue as formatMeterValue2, meterTrackHeightPx as meterTrackHeightPx2, resolveMeterRailRadius as resolveMeterRailRadius2, resolveMeterZone as resolveMeterZone2 } from "./meter.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const MeterRoot = styled(YStack, {
@@ -37,8 +37,9 @@ function tickLeftPercent(cut, min, max) {
   if (cut <= min || cut >= max) return null;
   return (cut - min) / (max - min) * 100;
 }
+const NO_READING = "No reading";
 function defaultValueText(opts) {
-  if (opts.value == null || !Number.isFinite(opts.value)) return UNKNOWN_VALUE;
+  if (opts.value == null || !Number.isFinite(opts.value)) return NO_READING;
   if (opts.format === "percent") return opts.visible;
   if (opts.unit) return `${opts.visible} used`;
   return opts.visible;
@@ -229,5 +230,5 @@ function Meter({
     }) : null, segmentedMeter]
   });
 }
-export { METER_RADIUS_CLASS2 as METER_RADIUS_CLASS, METER_ZONE_PAINT2 as METER_ZONE_PAINT, Meter, formatMeterValue2 as formatMeterValue, meterTrackHeightPx2 as meterTrackHeightPx, resolveMeterRailRadius2 as resolveMeterRailRadius, resolveMeterZone2 as resolveMeterZone };
+export { METER_RADIUS_CLASS2 as METER_RADIUS_CLASS, METER_ZONE_PAINT2 as METER_ZONE_PAINT, Meter, NO_READING, formatMeterValue2 as formatMeterValue, meterTrackHeightPx2 as meterTrackHeightPx, resolveMeterRailRadius2 as resolveMeterRailRadius, resolveMeterZone2 as resolveMeterZone };
 //# sourceMappingURL=index.mjs.map