@multiplatform.one/components 7.77.2 → 7.79.0

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

@@ -0,0 +1,181 @@
+"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 Diff_exports = {};
+__export(Diff_exports, {
+  Diff: () => Diff,
+  countDiff: () => import_diff2.countDiff,
+  diffLines: () => import_diff2.diffLines
+});
+module.exports = __toCommonJS(Diff_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");
+var import_i18n = require("../shared/i18n.native.js");
+var import_t = require("../shared/t.native.js");
+var import_diff = require("./diff.native.js");
+var import_diff2 = require("./diff.native.js");
+var unknownMark = "\u2014";
+var glyphs = {
+  added: "+",
+  removed: "\u2212",
+  same: " "
+};
+var washes = {
+  added: "$green3",
+  removed: "$red3",
+  same: void 0
+};
+var elements = {
+  added: "ins",
+  removed: "del",
+  same: "span"
+};
+var hiddenWord = import_tamagui.isWeb ? {
+  position: "absolute",
+  width: 1,
+  height: 1,
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  opacity: 0
+} : void 0;
+function Diff(param) {
+  var {
+    before,
+    after,
+    label,
+    lineNumbers = true,
+    ...frameProps
+  } = param;
+  var {
+    t
+  } = (0, import_i18n.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Diff"
+  });
+  var known = before != null && after != null;
+  var lines = (0, import_react.useMemo)(function () {
+    return known ? (0, import_diff.diffLines)(before, after) : [];
+  }, [known, before, after]);
+  var counts = (0, import_diff.countDiff)(lines);
+  var changed = counts.added + counts.removed > 0;
+  var state = !known ? "unknown" : changed ? "changed" : "same";
+  var summary = state === "unknown" ? (0, import_t.withInterp)(t("{{label}}: no reading", {
+    label
+  }), {
+    label
+  }) : state === "same" ? (0, import_t.withInterp)(t("{{label}}: no changes", {
+    label
+  }), {
+    label
+  }) : (0, import_t.withInterp)(t("{{label}}: {{added}} added, {{removed}} removed", {
+    label,
+    ...counts
+  }), {
+    label,
+    ...counts
+  });
+  var words = {
+    added: t("added"),
+    removed: t("removed")
+  };
+  var mono = {
+    ...knobProps.body,
+    fontFamily: "$mono",
+    letterSpacing: 0,
+    color: "$color12"
+  };
+  var row = function row2(line, index) {
+    var _line_before, _line_after;
+    var marked = line.kind !== "same";
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      backgroundColor: washes[line.kind],
+      "data-diff-line": line.kind,
+      ...(!import_tamagui.isWeb && marked ? {
+        accessible: true,
+        accessibilityLabel: `${words[line.kind]}: ${line.text}`
+      } : null),
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        "aria-hidden": true,
+        userSelect: "none",
+        flexShrink: 0,
+        gap: "$2",
+        paddingHorizontal: "$2",
+        "data-diff-gutter": "",
+        children: [lineNumbers ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            ...mono,
+            color: "$color11",
+            minWidth: "$2",
+            textAlign: "right",
+            children: (_line_before = line.before) !== null && _line_before !== void 0 ? _line_before : ""
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            ...mono,
+            color: "$color11",
+            minWidth: "$2",
+            textAlign: "right",
+            children: (_line_after = line.after) !== null && _line_after !== void 0 ? _line_after : ""
+          })]
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          ...mono,
+          children: glyphs[line.kind]
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        ...mono,
+        flex: 1,
+        render: import_tamagui.isWeb ? elements[line.kind] : void 0,
+        textDecorationLine: "none",
+        ...(import_tamagui.isWeb ? {
+          whiteSpace: "pre-wrap"
+        } : null),
+        children: [marked && import_tamagui.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          style: hiddenWord,
+          children: `${words[line.kind]}: `
+        }) : null, line.text]
+      })]
+    }, index);
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    role: "region",
+    "aria-label": summary,
+    accessibilityLabel: summary,
+    overflow: "hidden",
+    ...knobProps.borderRadius,
+    "data-diff-state": state,
+    ...frameProps,
+    children: state === "changed" ? lines.map(row) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      paddingHorizontal: "$2",
+      "data-diff-empty": state,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        ...mono,
+        color: "$color11",
+        children: state === "unknown" ? unknownMark : t("No changes")
+      })
+    })
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/Diff/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","Diff_exports","Diff","countDiff","import_diff2","diffLines","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_i18n","import_t","import_diff","unknownMark","glyphs","added","removed","same","washes","elements","hiddenWord","isWeb","position","width","height","overflow","whiteSpace","opacity","param","before","after","label","lineNumbers","frameProps","t","useTranslation","knobProps","useResolvedKnobs","component","known","lines","useMemo","counts","changed","state","summary","withInterp","words","mono","body","fontFamily","letterSpacing","color","row","row2","line","index","_line_before","_line_after","marked","kind"],"sources":["../../../src/Diff/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/ElapsedProgress/index.mjs

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

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/Lightbox/MediaControl.mjs

@@ -1,8 +1,7 @@
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { useTheme } from "tamagui";
+import { YStack } from "tamagui";
 import { Button } from "../Button.mjs";
 import { componentColors } from "../componentColors.mjs";
-import { Material, materialOpacity, translucent } from "../Material/index.mjs";
 import { jsx } from "react/jsx-runtime";
 function MediaControl(props) {
   const {
@@ -10,11 +9,8 @@ function MediaControl(props) {
   } = useResolvedKnobs({
     component: "Lightbox"
   });
-  const theme = useTheme();
-  const fillToken = componentColors.mediaPlate.fill;
-  const fill = theme[fillToken.slice(1)]?.val;
-  return /* @__PURE__ */jsx(Material, {
-    backgroundColor: translucent(typeof fill === "string" ? fill : void 0, materialOpacity()) ?? fillToken,
+  return /* @__PURE__ */jsx(YStack, {
+    backgroundColor: componentColors.mediaPlate.fill,
     borderRadius: 1e3,
     overflow: "hidden",
     flexShrink: 0,

package/dist/jsx/Lightbox/MediaControl.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useResolvedKnobs","useTheme","Button","componentColors","Material","materialOpacity","translucent","jsx","MediaControl","props","knobProps","component","theme","fillToken","mediaPlate","fill","slice","val","backgroundColor","borderRadius","overflow","flexShrink","children","size","bar","sizeToken","circular","chromeless","color","glyph"],"sources":["../../../src/Lightbox/MediaControl.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAEjC,SAASC,QAAA,QAAgB;AACzB,SAASC,MAAA,QAAc;AACvB,SAASC,eAAA,QAAuB;AAChC,SAASC,QAAA,EAAUC,eAAA,EAAiBC,WAAA,QAAmB;AA6BjD,SAAAC,GAAA;AAfC,SAASC,aAAaC,KAAA,EAA0B;EACrD,MAAM;IAAEC;EAAU,IAAIV,gBAAA,CAAiB;IAAEW,SAAA,EAAW;EAAW,CAAC;EAChE,MAAMC,KAAA,GAAQX,QAAA,CAAS;EACvB,MAAMY,SAAA,GAAYV,eAAA,CAAgBW,UAAA,CAAWC,IAAA;EAC7C,MAAMA,IAAA,GAAOH,KAAA,CAAMC,SAAA,CAAUG,KAAA,CAAM,CAAC,CAAC,GAAGC,GAAA;EACxC,OACE,eAAAV,GAAA,CAACH,QAAA;IACCc,eAAA,EACEZ,WAAA,CAAY,OAAOS,IAAA,KAAS,WAAWA,IAAA,GAAO,QAAWV,eAAA,CAAgB,CAAC,KAAKQ,SAAA;IAEjFM,YAAA,EAAc;IACdC,QAAA,EAAS;IACTC,UAAA,EAAY;IACX,GAAI;MAAE,sBAAsB;IAAG;IAEhCC,QAAA,iBAAAf,GAAA,CAACL,MAAA;MACCqB,IAAA,EAAMb,SAAA,CAAUc,GAAA,CAAIC,SAAA;MACpBC,QAAA,EAAQ;MACRC,UAAA,EAAU;MACVC,KAAA,EAAOzB,eAAA,CAAgBW,UAAA,CAAWe,KAAA;MACjC,GAAGpB;IAAA,CACN;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","YStack","Button","componentColors","jsx","MediaControl","props","knobProps","component","backgroundColor","mediaPlate","fill","borderRadius","overflow","flexShrink","children","size","bar","sizeToken","circular","chromeless","color","glyph"],"sources":["../../../src/Lightbox/MediaControl.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAEjC,SAASC,MAAA,QAAc;AACvB,SAASC,MAAA,QAAc;AACvB,SAASC,eAAA,QAAuB;AAsB1B,SAAAC,GAAA;AAVC,SAASC,aAAaC,KAAA,EAA0B;EACrD,MAAM;IAAEC;EAAU,IAAIP,gBAAA,CAAiB;IAAEQ,SAAA,EAAW;EAAW,CAAC;EAChE,OACE,eAAAJ,GAAA,CAACH,MAAA;IACCQ,eAAA,EAAiBN,eAAA,CAAgBO,UAAA,CAAWC,IAAA;IAC5CC,YAAA,EAAc;IACdC,QAAA,EAAS;IACTC,UAAA,EAAY;IACX,GAAI;MAAE,sBAAsB;IAAG;IAEhCC,QAAA,iBAAAX,GAAA,CAACF,MAAA;MACCc,IAAA,EAAMT,SAAA,CAAUU,GAAA,CAAIC,SAAA;MACpBC,QAAA,EAAQ;MACRC,UAAA,EAAU;MACVC,KAAA,EAAOlB,eAAA,CAAgBO,UAAA,CAAWY,KAAA;MACjC,GAAGhB;IAAA,CACN;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/Lightbox/MediaControl.native.js

@@ -32,20 +32,14 @@ var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_Button = require("../Button.native.js");
 var import_componentColors = require("../componentColors.native.js");
-var import_Material = require("../Material/index.native.js");
 function MediaControl(props) {
-  var _translucent;
-  var _theme_fillToken_slice;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)({
     component: "Lightbox"
   });
-  var theme = (0, import_tamagui.useTheme)();
-  var fillToken = import_componentColors.componentColors.mediaPlate.fill;
-  var fill = (_theme_fillToken_slice = theme[fillToken.slice(1)]) === null || _theme_fillToken_slice === void 0 ? void 0 : _theme_fillToken_slice.val;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Material.Material, {
-    backgroundColor: (_translucent = (0, import_Material.translucent)(typeof fill === "string" ? fill : void 0, (0, import_Material.materialOpacity)())) !== null && _translucent !== void 0 ? _translucent : fillToken,
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    backgroundColor: import_componentColors.componentColors.mediaPlate.fill,
     borderRadius: 1e3,
     overflow: "hidden",
     flexShrink: 0,

package/dist/jsx/Lightbox/MediaControl.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","MediaControl_exports","MediaControl","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_Button","import_componentColors","import_Material","props","_translucent","_theme_fillToken_slice"],"sources":["../../../src/Lightbox/MediaControl.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgB;AACzB,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAA;AACvB,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAAuB;AAChC,IAAAC,YAAS,GAAUN,MAAA,CAAAO,SAAA,CAAiBC,cAAA;AA6B9B,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAfC,SAASC,IAAA,IAAAD,GAAa,EAC3BZ,SAAQ,CAAAW,MAAU,EAAAE,IAAI;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAmB;IAAAE,UAAW;EAAA,EAAW;AAC/D;AACA,IAAAC,WAAM,GAAAA,CAAAC,EAAY,EAAAC,IAAA,EAAAC,MAAA,EAAgBC,IAAA;EAClC,IAAAF,IAAM,WAAaA,IAAA,aAAiB,IAAI,OAAAA,IAAA;IACxC,KACE,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GAAC,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAAAnB,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;EAAA;EAEkF,OAEjFE,EAAA;AAAc;AACL,IAAAM,YACT,GAAYC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,oBACL;AAAyBhB,QAEhC,CAAAgB,oBAAA;EAAAC,YAAC,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OACC,GAAMN,YAAU,CAAIG,oBAAA;AAAA,IAAAI,kBACZ,GAAAC,OAAA;AAAA,IAAAC,YACR,GAAAD,OAAU;AAAA,IAAAE,cACH,GAAAF,OAAA,UAAgB;AAAW,IAAAG,aAC9B,GAAAH,OAAA;AAAA,IAAAI,sBAAA,GAAAJ,OAAA;AAAA,IAAAK,eACN,GAAAL,OAAA;AAAA,SAAAJ,aAAAU,KAAA;EACF,IAAAC,YAAA;EAEJ,IAAAC,sBAAA","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","MediaControl_exports","MediaControl","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_Button","import_componentColors"],"sources":["../../../src/Lightbox/MediaControl.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAcC,cAAA;AACvB,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAA;AACvB,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAAuB;AAsB1B,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAVC,IAAAC,QAAS,GAAAA,CAAAC,MAAa,EAAAC,GAAA,KAA0B;EACrD,SAAQC,IAAA,IAAAD,GAAU,EAClBZ,SACE,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAAC,IAAAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACCF,IAAA,WAAAA,IAAiB,iBAAgB,OAAAA,IAAW;IAAA,KAC5C,IAAAG,GAAA,IAAchB,iBAAA,CAAAa,IAAA,GACd,KAAAX,YAAS,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACTnB,SAAA,CAAYiB,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;EAAA;EACoB,OAEhCE,EAAA;AAAA;AAAC,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,oBACO,GAAU;AAAIhB,QAAA,CAAAgB,oBACZ;EAAAC,YACR,EAAAA,CAAA,KAAUA;AAAA;AACwBC,MAAA,CAAAC,OAC9B,GAAAN,YAAA,CAAAG,oBAAA;AAAA,IAAAI,kBAAA,GAAAC,OAAA;AAAA,IAAAC,YACN,GAAAD,OAAA;AAAA,IAAAE,cAAA,GAAAF,OAAA;AAAA,IACFG,aAAA,GAAAH,OAAA;AAEJ,IAAAI,sBAAA,GAAAJ,OAAA","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