@multiplatform.one/components 7.77.2 → 7.79.0

package/dist/esm/Diff/index.mjs

@@ -0,0 +1,147 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useMemo } from "react";
+import { Text, XStack, YStack, isWeb } from "tamagui";
+import { useTranslation } from "../shared/i18n.mjs";
+import { withInterp } from "../shared/t.mjs";
+import { countDiff, diffLines } from "./diff.mjs";
+import { countDiff as countDiff2, diffLines as diffLines2 } from "./diff.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const unknownMark = "\u2014";
+const glyphs = {
+  added: "+",
+  removed: "\u2212",
+  same: " "
+};
+const washes = {
+  added: "$green3",
+  removed: "$red3",
+  same: void 0
+};
+const elements = {
+  added: "ins",
+  removed: "del",
+  same: "span"
+};
+const hiddenWord = isWeb ? {
+  position: "absolute",
+  width: 1,
+  height: 1,
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  opacity: 0
+} : void 0;
+function Diff({
+  before,
+  after,
+  label,
+  lineNumbers = true,
+  ...frameProps
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Diff"
+  });
+  const known = before != null && after != null;
+  const lines = useMemo(() => known ? diffLines(before, after) : [], [known, before, after]);
+  const counts = countDiff(lines);
+  const changed = counts.added + counts.removed > 0;
+  const state = !known ? "unknown" : changed ? "changed" : "same";
+  const summary = state === "unknown" ? withInterp(t("{{label}}: no reading", {
+    label
+  }), {
+    label
+  }) : state === "same" ? withInterp(t("{{label}}: no changes", {
+    label
+  }), {
+    label
+  }) : withInterp(t("{{label}}: {{added}} added, {{removed}} removed", {
+    label,
+    ...counts
+  }), {
+    label,
+    ...counts
+  });
+  const words = {
+    added: t("added"),
+    removed: t("removed")
+  };
+  const mono = {
+    ...knobProps.body,
+    fontFamily: "$mono",
+    letterSpacing: 0,
+    color: "$color12"
+  };
+  const row = (line, index) => {
+    const marked = line.kind !== "same";
+    return /* @__PURE__ */jsxs(XStack, {
+      backgroundColor: washes[line.kind],
+      "data-diff-line": line.kind,
+      ...(!isWeb && marked ? {
+        accessible: true,
+        accessibilityLabel: `${words[line.kind]}: ${line.text}`
+      } : null),
+      children: [/* @__PURE__ */jsxs(XStack, {
+        "aria-hidden": true,
+        userSelect: "none",
+        flexShrink: 0,
+        gap: "$2",
+        paddingHorizontal: "$2",
+        "data-diff-gutter": "",
+        children: [lineNumbers ? /* @__PURE__ */jsxs(Fragment, {
+          children: [/* @__PURE__ */jsx(Text, {
+            ...mono,
+            color: "$color11",
+            minWidth: "$2",
+            textAlign: "right",
+            children: line.before ?? ""
+          }), /* @__PURE__ */jsx(Text, {
+            ...mono,
+            color: "$color11",
+            minWidth: "$2",
+            textAlign: "right",
+            children: line.after ?? ""
+          })]
+        }) : null, /* @__PURE__ */jsx(Text, {
+          ...mono,
+          children: glyphs[line.kind]
+        })]
+      }), /* @__PURE__ */jsxs(Text, {
+        ...mono,
+        flex: 1,
+        render: isWeb ? elements[line.kind] : void 0,
+        textDecorationLine: "none",
+        ...(isWeb ? {
+          whiteSpace: "pre-wrap"
+        } : null),
+        children: [marked && isWeb ? /* @__PURE__ */jsx(Text, {
+          style: hiddenWord,
+          children: `${words[line.kind]}: `
+        }) : null, line.text]
+      })]
+    }, index);
+  };
+  return /* @__PURE__ */jsx(YStack, {
+    role: "region",
+    "aria-label": summary,
+    accessibilityLabel: summary,
+    overflow: "hidden",
+    ...knobProps.borderRadius,
+    "data-diff-state": state,
+    ...frameProps,
+    children: state === "changed" ? lines.map(row) : /* @__PURE__ */jsx(XStack, {
+      paddingHorizontal: "$2",
+      "data-diff-empty": state,
+      children: /* @__PURE__ */jsx(Text, {
+        ...mono,
+        color: "$color11",
+        children: state === "unknown" ? unknownMark : t("No changes")
+      })
+    })
+  });
+}
+export { Diff, countDiff2 as countDiff, diffLines2 as diffLines };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/Diff/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","useMemo","Text","XStack","YStack","isWeb","useTranslation","withInterp","countDiff","diffLines","countDiff2","diffLines2","Fragment","jsx","jsxs","unknownMark","glyphs","added","removed","same","washes","elements","hiddenWord","position","width","height","overflow","whiteSpace","opacity","Diff","before","after","label","lineNumbers","frameProps","t","knobProps","component","known","lines","counts","changed","state","summary","words","mono","body","fontFamily","letterSpacing","color","row","line","index","marked","kind","backgroundColor","accessible","accessibilityLabel","text","children","userSelect","flexShrink","gap","paddingHorizontal","minWidth","textAlign","flex","render","textDecorationLine","style","role","borderRadius","map"],"sources":["../../../src/Diff/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,151 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useMemo } from "react";
+import { Text, XStack, YStack, isWeb } from "tamagui";
+import { useTranslation } from "../shared/i18n.native.js";
+import { withInterp } from "../shared/t.native.js";
+import { countDiff, diffLines } from "./diff.native.js";
+import { countDiff as countDiff2, diffLines as diffLines2 } from "./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 = 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
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Diff"
+  });
+  var known = before != null && after != null;
+  var lines = useMemo(function () {
+    return known ? diffLines(before, after) : [];
+  }, [known, before, after]);
+  var counts = countDiff(lines);
+  var changed = counts.added + counts.removed > 0;
+  var state = !known ? "unknown" : changed ? "changed" : "same";
+  var summary = state === "unknown" ? withInterp(t("{{label}}: no reading", {
+    label
+  }), {
+    label
+  }) : state === "same" ? withInterp(t("{{label}}: no changes", {
+    label
+  }), {
+    label
+  }) : 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__ */_jsxs(XStack, {
+      backgroundColor: washes[line.kind],
+      "data-diff-line": line.kind,
+      ...(!isWeb && marked ? {
+        accessible: true,
+        accessibilityLabel: `${words[line.kind]}: ${line.text}`
+      } : null),
+      children: [/* @__PURE__ */_jsxs(XStack, {
+        "aria-hidden": true,
+        userSelect: "none",
+        flexShrink: 0,
+        gap: "$2",
+        paddingHorizontal: "$2",
+        "data-diff-gutter": "",
+        children: [lineNumbers ? /* @__PURE__ */_jsxs(_Fragment, {
+          children: [/* @__PURE__ */_jsx(Text, {
+            ...mono,
+            color: "$color11",
+            minWidth: "$2",
+            textAlign: "right",
+            children: (_line_before = line.before) !== null && _line_before !== void 0 ? _line_before : ""
+          }), /* @__PURE__ */_jsx(Text, {
+            ...mono,
+            color: "$color11",
+            minWidth: "$2",
+            textAlign: "right",
+            children: (_line_after = line.after) !== null && _line_after !== void 0 ? _line_after : ""
+          })]
+        }) : null, /* @__PURE__ */_jsx(Text, {
+          ...mono,
+          children: glyphs[line.kind]
+        })]
+      }), /* @__PURE__ */_jsxs(Text, {
+        ...mono,
+        flex: 1,
+        render: isWeb ? elements[line.kind] : void 0,
+        textDecorationLine: "none",
+        ...(isWeb ? {
+          whiteSpace: "pre-wrap"
+        } : null),
+        children: [marked && isWeb ? /* @__PURE__ */_jsx(Text, {
+          style: hiddenWord,
+          children: `${words[line.kind]}: `
+        }) : null, line.text]
+      })]
+    }, index);
+  };
+  return /* @__PURE__ */_jsx(YStack, {
+    role: "region",
+    "aria-label": summary,
+    accessibilityLabel: summary,
+    overflow: "hidden",
+    ...knobProps.borderRadius,
+    "data-diff-state": state,
+    ...frameProps,
+    children: state === "changed" ? lines.map(row) : /* @__PURE__ */_jsx(XStack, {
+      paddingHorizontal: "$2",
+      "data-diff-empty": state,
+      children: /* @__PURE__ */_jsx(Text, {
+        ...mono,
+        color: "$color11",
+        children: state === "unknown" ? unknownMark : t("No changes")
+      })
+    })
+  });
+}
+export { Diff, countDiff2 as countDiff, diffLines2 as diffLines };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/Diff/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useResolvedKnobs","useMemo","Text","XStack","YStack","isWeb","useTranslation","withInterp","countDiff","diffLines","countDiff2","diffLines2","unknownMark","glyphs","added","removed","same","washes","elements","hiddenWord","position","width","height","overflow","whiteSpace","opacity","Diff","param","before","after","label","lineNumbers","frameProps","t","knobProps","component","known","lines","counts","changed","state","summary","words","mono","body","fontFamily","letterSpacing","color","row","row2","line","index","_line_before","_line_after","marked","kind","backgroundColor","accessible","accessibilityLabel","text","children","userSelect","flexShrink","gap","paddingHorizontal","minWidth","textAlign"],"sources":["../../../src/Diff/index.tsx"],"sourcesContent":[null],"mappings":"AAYA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAwB,EAAAC,QAAA,IAAAC,SAAA;AACjC,SAASC,gBAAe;AACxB,SAASC,OAAM,QAAQ,OAAQ;AAC/B,SAASC,IAAA,EAAAC,MAAA,EAAAC,MAAA,EAAsBC,KAAA;AAC/B,SAASC,cAAA,QAAkB;AAC3B,SAASC,UAAA,QAAW,uBAAgC;AAEpD,SAASC,SAAA,EAAAC,SAAA,QAAW;AA+ER,SAAAD,SAAA,IACEE,UADF,EAAAD,SAAA,IAAAE,UAAA;AAjEZ,IAAAC,WAAM,WAAc;AACpB,IAAAC,MAAM;EACNC,KAAM;EACNC,OAAM,UAAa;EAEnBC,IAAM;AACD;AACW,IACVC,MAAO;EACPH,KAAA,WAAQ;EACRC,OAAA,SAAU;EACVC,IAAA;AAAY;AAEd,IACAE,QAAA;EAEGJ,KAAA,EAAS,KAAK;EACnBC,OAAM,EAAE,KAAM;EACdC,IAAA,EAAM;AACN;AACA,IAAAG,UAAM,GAAQd,KAAA;EAAAe,QACL,YAAQ;EAAgDC,KAC9D;EACHC,MAAA;EACAC,QAAM,UAAS;EACfC,UAAM,UAAU;EAChBC,OAAM;AACN,SAAM;AAKyF,SACrFC,KAAAC,KAAA;EAAA,IACA;IAAGC,MAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,WAAA;IAAA,GAAAC;EAAA,IAAAL,KAAA;EACL,IAAC;IAAAM;EAAA,IAAA3B,cAAA;EACT;IAAM4B;EAAU,IAAAlC,gBAAmB;IAEnCmC,SAAM,EAAO;EAAA,EACX;EAAa,IACbC,KAAA,GAAAR,MAAY,YAAAC,KAAA;EAAA,IACZQ,KAAA,GAAApC,OAAe;IACf,OAAOmC,KAAA,GAAA3B,SAAA,CAAAmB,MAAA,EAAAC,KAAA;EACT,IAEAO,KAAM,EACJR,MAAM,EACNC,KAAA,CACE;EAAC,IAAAS,MAAA,GAAA9B,SAAA,CAAA6B,KAAA;EAAA,IAAAE,OAEC,GAAAD,MAAA,CAAAxB,KAAiB,GAAAwB,MAAY,CAAAvB,OAAI;EAAA,IAAAyB,KACjC,IAAAJ,KAAA,YAAqB,GAAAG,OAAA;EAAA,IAAAE,OACf,GAAAD,KAAS,cACT,GAAAjC,UAAY,CAAA0B,CAAM,wBAAuB;IAC3CH;EAEJ;IAAAA;EAAC,KAAAU,KAAA,cAAAjC,UAAA,CAAA0B,CAAA;IAAAH;EACY;IACAA;EACC,KAAAvB,UACZ,CAAA0B,CAAI;IAAAH,KAAA;IACc,GAAAQ;EACD;IAEhBR,KAAA;IAEG,GAAAQ;EAEA;EAGA,IAAAI,KAAA;IAEA5B,KAAA,EAAAmB,CAAA,QACJ;IAAmClB,OAAA,EAAAkB,CAAA;EAAA;EAAA,IAAAU,IACrC;IAAA,GAAAT,SACA,CAAAU,IAAA;IAAAC,UAAC;IAAAC,aAAA;IAAAC,KAAA;EACK;EACE,IAAAC,GAAA,YACNC,IAAQA,CAAAC,IAAQ,EAAAC,KAAA,EAAS;IAAa,IAAAC,YACtC,EAAAC,WAAA;IAAmB,IAAAC,MAClB,GAAIJ,IAAA,CAAAK,IAAQ,KAAE;IAA2B,sBAEzC1D,KAAA,CAAAM,MAAA;MAAAqD,eAAA,EAAAvC,MAAU,CAAAiC,IAAQ,CAAAK,IAAA;MAA4D,gBACzE,EAAAL,IAAA,CAAAK,IAAA;MAAA,KAAAlD,KAAA,IAAAiD,MAAA;QAAAG,UAAA;QAAAC,kBACR,KAAAhB,KAAA,CAAAQ,IAAA,CAAAK,IAAA,MAAAL,IAAA,CAAAS,IAAA;MAAA;MAAAC,QAAA,GApCK,eAAA/D,KAAA,CAAAM,MAAA;QAqCP;QAEJ0D,UAAA;QAGEC,UAAA;QAACC,GAAA;QAAAC,iBAAA;QACC,kBAAK;QACLJ,QAAA,EAAY,CACZ7B,WAAA,GAAoB,eAAAlC,KAAA,CAAAE,SAAA;UACpB6D,QAAS,GACL,eAAUjE,IAAA,CAAAO,IAAA;YACd,GAAAyC,IAAiB;YACbI,KAAA;YAEHkB,QAAU;YAOTC,SAAA;YAEJN,QAAA,GAAAR,YAAA,GAAAF,IAAA,CAAAtB,MAAA,cAAAwB,YAAA,cAAAA,YAAA;UAEJ,I","ignoreList":[]}

package/dist/esm/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/esm/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/esm/ElapsedProgress/index.native.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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.native.js";
+import { withInterp } from "../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
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "ElapsedProgress"
+  });
+  var start = typeof startedAt === "number" ? startedAt : startedAt.getTime();
+  var [now, setNow] = useState(function () {
+    return Date.now();
+  });
+  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 ? 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.native.js.map

package/dist/esm/ElapsedProgress/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Progress","Spinner","useResolvedKnobs","useEffect","useState","Text","XStack","YStack","useTranslation","withInterp","formatElapsed","ms","total","Math","max","floor","hours","minutes","seconds","String","padStart","ElapsedProgress","param","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"],"sources":["../../../src/ElapsedProgress/index.tsx"],"sourcesContent":[null],"mappings":"AAMA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAA,IAAAC,KAAe;AAClC,SAASC,QAAA,EAAAC,OAAA,QAAwB;AACjC,SAASC,gBAAW,kCAAgB;AACpC,SAASC,SAAM,EAAAC,QAAQ,eAAgC;AACvD,SAASC,IAAA,EAAAC,MAAA,EAAAC,MAAA,QAAsB;AAC/B,SAASC,cAAA,QAAkB;AA+CvB,SAUMC,UAVN;AAjCG,SAASC,cAAcC,EAAA,EAAoB;EAChD,IAAAC,KAAM,GAAAC,IAAQ,CAAAC,GAAK,IAAID,IAAG,CAAAE,KAAK,CAAAJ,EAAM,MAAK,EAAI;EAC9C,IAAAK,KAAM,GAAAH,IAAQ,CAAAE,KAAK,CAAAH,KAAM,OAAQ;EACjC,IAAAK,OAAM,GAAAJ,IAAU,CAAAE,KAAK,CAAAH,KAAO,OAAQ,KAAQ;EAC5C,IAAAM,OAAM,GAAAC,MAAU,CAAAP,KAAO,KAAQ,EAAEQ,QAAE,IAAS,GAAG;EAC/C,OAAOJ,KAAA,GAAQ,IACX,GAAGA,KAAK,IAAIG,MAAA,CAAOF,OAAO,EAAEG,QAAA,CAAS,GAAG,GAAG,CAAC,IAAIF,OAAO,KACvD,GAAGD,OAAO,IAAIC,OAAO;AAC3B;AAEO,SAASG,gBAAgBC,KAAA;EAC9B;IAAAC,SAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,KAAA;IAAA,GAAAC;EAAA,IAAAL,KAAA;EACA;IAAAM;EAAA,IAAApB,cAAA;EACA;IAAAqB;EAAY,IAAA3B,gBAAA;IACZ4B,SAAA;EACA;EACF,IAAyBC,KAAA,UAAAR,SAAA,gBAAAA,SAAA,GAAAA,SAAA,CAAAS,OAAA;EACvB,KAAAC,GAAQ,EAAEC,MAAI,IAAA9B,QAAA,CAAe;IAC7B,OAAQ+B,IAAA,CAAAF,GAAA,CAAU;EAClB;EACA9B,SAAO,aAAW;IAClB,IAAAiC,EAAA,GAAUC,WAAM;MACd,OAAMH,MAAK,CAAAC,IAAA,CAAAF,GAAY;IACvB,OAAO;IACT,OAAK;MACL,OAAMK,aAAe,CAAIF,EAAA,CAAG;IAC5B;EACA,MAAM;EACN,IAAAG,OAAM,GAAO1B,IAAA,CAAAC,GAAA,IAAAmB,GAAc,GAAAF,KAAO;EAClC,IAAAS,WAAa,GAAAhB,QACT,QAAa,IAAAiB,MAAA,CAAAC,QAAA,CAAAlB,QAAA;EAEjB,IAAAmB,WACE,GAAAH,WAAA,IAAAD,OAAA,IAAAd,SAAA;EAAA,IAACmB,IAAA,GAAAlC,aAAA,CAAA6B,OAAA;EAAA,IAAAM,IAAA,GAAAnB,KAAA,GAAAjB,UAAA,CAAAmB,CAAA;IAAAF,KACC;IAAWkB;EACG,IACd;IAAYlB,KACZ;IAAoBkB;EACwD,KAC3EnC,UAAG,CAAAmB,CAAA;IAAAgB;EAEH;IAEGA;EAAC;EAAA,sBACa7C,KAAM,CAAAO,MAAK,EAAI;IAAyCwC,UACpE,UAAK;IAAA,GAAAjB,SAAA,CAAAkB,KAAA;IAAA,YAIT,EAAAF,IAAA;IAAsBG,kBAGtB,EAAAH,IAAA;IAAA,oBAAC,EAAAL,WAAA,mBAAAG,WAAA;IAAA,GAAAhB,QAAA;IAAAsB,QACE,GAAaT,WACV,kBAAmB3C,IAAA,CAAAU,MAAA;MAAA2C,IACtB,GAAG;MAAqBD,QACzB,iBAAapD,IAAA,CAAAG,QAAA;QAAAmD,KAEZ,EAAAtC,IAAA,CAAAuC,KAAA,CAAAvC,IAAA,CAAAwC,GAAA,IAAAxC,IAAA,CAAAC,GAAA,IAAAU,QAAA;QAAAV,GAAA;MACH;IACE,oBAAAjB,IAAA,CAAAI,OAAA;MAAAqD,IAAA;IACN,IAEJX,WAAA,kBAAA9C,IAAA,CAAAQ,IAAA","ignoreList":[]}

package/dist/esm/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/esm/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/esm/Lightbox/MediaControl.native.js

@@ -1,22 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { useTheme } from "tamagui";
+import { YStack } from "tamagui";
 import { Button } from "../Button.native.js";
 import { componentColors } from "../componentColors.native.js";
-import { Material, materialOpacity, translucent } from "../Material/index.native.js";
 function MediaControl(props) {
-  var _translucent;
-  var _theme_fillToken_slice;
   var {
     knobProps
   } = useResolvedKnobs({
     component: "Lightbox"
   });
-  var theme = useTheme();
-  var fillToken = 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__ */_jsx(Material, {
-    backgroundColor: (_translucent = translucent(typeof fill === "string" ? fill : void 0, materialOpacity())) !== null && _translucent !== void 0 ? _translucent : fillToken,
+  return /* @__PURE__ */_jsx(YStack, {
+    backgroundColor: componentColors.mediaPlate.fill,
     borderRadius: 1e3,
     overflow: "hidden",
     flexShrink: 0,

package/dist/esm/Lightbox/MediaControl.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","useResolvedKnobs","useTheme","Button","componentColors","Material","materialOpacity","translucent","MediaControl","props","_translucent","_theme_fillToken_slice","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,GAAA,IAAAC,IAAA,2BAAwB;AAEjC,SAASC,gBAAgB;AACzB,SAASC,QAAA,QAAc;AACvB,SAASC,MAAA,6BAAuB;AAChC,SAASC,eAAU,sCAAiB;AA6B9B,SAAAC,QAAA,EAAAC,eAAA,EAAAC,WAAA;AAfC,SAASC,aAAaC,KAAA,EAA0B;EACrD,IAAAC,YAAQ;EACR,IAAAC,sBAAuB;EACvB;IAAMC;EAAA,IAAYX,gBAAgB;IAClCY,SAAM,EAAO;EACb;EACE,IAACC,KAAA,GAAAZ,QAAA;EAAA,IAAAa,SAAA,GAAAX,eAAA,CAAAY,UAAA,CAAAC,IAAA;EAAA,IACCA,IAAA,IAAAN,sBACc,GAAAG,KAAO,CAAAC,SAAS,CAAAG,KAAA,EAAW,QAAO,QAAWP,sBAAsB,uBAAAA,sBAAA,CAAAQ,GAAA;EAAA,OAEjF,eAAcnB,IAAA,CAAAK,QAAA;IAAAe,eACL,GAAAV,YAAA,GAAAH,WAAA,QAAAU,IAAA,gBAAAA,IAAA,WAAAX,eAAA,iBAAAI,YAAA,cAAAA,YAAA,GAAAK,SAAA;IAAAM,YACT,EAAY;IAAAC,QACL;IAAyBC,UAEhC;IAAA;MAAC;IAAA;IACqBC,QACpB,iBAAQxB,IAAA,CAAAG,MAAA;MAAAsB,IACR,EAAAb,SAAA,CAAUc,GAAA,CAAAC,SAAA;MAAAC,QACV,MAAO;MAA2BC,UAC9B;MAAAC,KAAA,EAAA1B,eAAA,CAAAY,UAAA,CAAAe,KAAA;MACN,GAAAtB;IAAA;EACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","useResolvedKnobs","YStack","Button","componentColors","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,GAAA,IAAAC,IAAA,2BAAwB;AAEjC,SAASC,gBAAc;AACvB,SAASC,MAAA,QAAc;AACvB,SAASC,MAAA,6BAAuB;AAsB1B,SAAAC,eAAA;AAVC,SAASC,aAAaC,KAAA,EAA0B;EACrD;IAAMC;EAAE,IAAUN,gBAAI;IACtBO,SACE;EAAA,EAAC;EAAA,sBAAAR,IAAA,CAAAE,MAAA;IAAAO,eACC,EAAAL,eAAiB,CAAAM,UAAgB,CAAAC,IAAW;IAAAC,YAC5C,KAAc;IAAAC,QACd,UAAS;IAAAC,UACT;IAAY,GACX;MAED;IAAA;IAACC,QAAA,iBAAAf,IAAA,CAAAG,MAAA;MAAAa,IACC,EAAAT,SAAM,CAAAU,GAAA,CAAUC,SAAI;MAAAC,QACpB,MAAQ;MAAAC,UACR,MAAU;MAAAC,KACV,EAAAjB,eAAO,CAAAM,UAAgB,CAAAY,KAAW;MAAA,GAAAhB;IAC9B;EAAA;AACN;AAAA,SAGND,YAAA","ignoreList":[]}

package/dist/esm/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/esm/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":[]}