@multiplatform.one/components 7.78.0 → 7.79.0

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":"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","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/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":[]}

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

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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.native.js";
+import { useCopyFeedback } from "../feedback/copy.native.js";
+import { useTranslation } from "../shared/i18n.native.js";
+import { withInterp } from "../shared/t.native.js";
+function MachineLiteral(param) {
+  var {
+    value,
+    reading,
+    label,
+    copyable = true,
+    ...rowProps
+  } = param;
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "MachineLiteral"
+  });
+  var {
+    region,
+    copy
+  } = useCopyFeedback();
+  var readingText = typeof reading === "function" ? reading(value) : reading;
+  var 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: function onPress() {
+          void copy(value);
+        },
+        "data-machine-copy": ""
+      }) : null]
+    }), copyable ? /* @__PURE__ */_jsx(NotifyRegion, {
+      scope: "field",
+      region,
+      size: "$3"
+    }) : null]
+  });
+}
+export { MachineLiteral };
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","CopyIcon","Button","useResolvedKnobs","Text","XStack","YStack","NotifyRegion","useCopyFeedback","useTranslation","withInterp","MachineLiteral","param","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"],"sources":["../../../src/MachineLiteral/index.tsx"],"sourcesContent":[null],"mappings":"AAOA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA;AACzB,SAASC,QAAA,QAAc;AACvB,SAASC,MAAA,kCAAwB;AACjC,SAASC,gBAAc,kCAAgC;AACvD,SAASC,IAAA,EAAAC,MAAA,EAAAC,MAAoB;AAC7B,SAASC,YAAA,0CAAuB;AAChC,SAASC,eAAA,QAAsB;AAC/B,SAASC,cAAA,QAAkB;AA2BrB,SACEC,UADF;AAdC,SAASC,eAAeC,KAAA;EAC7B;IAAAC,KAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAL,KAAA;EACA;IAAAM;EAAA,IAAAT,cAAA;EACA;IAAAU;EAAA,IAAAhB,gBAAA;IACAiB,SAAW;EACX;EACF,IAAwB;IAAAC,MAAA;IAAAC;EAAA,IAAAd,eAAA;EACtB,IAAAe,WAAc,UAAAT,OAAe,kBAAAA,OAAA,CAAAD,KAAA,IAAAC,OAAA;EAC7B,IAAAU,SAAQ,GAAAT,KAAU,GAAIL,UAAA,CAAAQ,CAAA,iBAA8B;IACpDH;EACA;IACAA;EACA,KAAAG,CAAA,CACE;EACE,sBAAClB,KAAA,CAAAM,MAAO;IACNmB,QAAA,kBAACzB,KAAA,CAAAK,MAAA;MAAAqB,UAAA;MAAA,GACEP,SAAG,CAAAQ,KAAU;MAAAC,QACd,QAAW;MAAA,GACXX,QAAA;MAAeQ,QACf,EAAM,CACN,eAAU3B,IAAA,CAAAM,IAAA;QACV,GAAAe,SAAW,CAAAU,IAAA;QACXC,UAAA;QAECC,aAAA;QAAAC,KAAA;QACHC,UAAA;QACCC,UACC;QAID,sBACC;QAACT,QAAA,EAAAZ;MAAA,IACCU,WAAA,GAAU,eAAAzB,IAAA,CAAAM,IAAA;QACV,GAAAe,SAAM,CAAAU,IAAU;QAChB,GAAAV,SAAM,CAAAgB,QAAA,CAAAC,IAAA;QACN,sBAAY;QACZX,QAAS,EAAAF;MACP,SAAK,EACPP,QAAA,kBAAAlB,IAAA,CAAAI,MAAA;QACAmC,UAAA;QAAkBC,IAAA,EAAAnB,SAAA,CAAAoB,SAAA;QAElBC,IAAA,EAAAvC,QAAA;QACN,cAAAuB,SAAA;QACCiB,OAAW,WAAAA,OAACA,CAAA;UACf,KAAAnB,IAAA,CAAAT,KAAA;QAEJ","ignoreList":[]}

package/dist/esm/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/esm/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/esm/Material/blur.native.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isDarkThemeName } from "@multiplatform.one/theme";
+import { Platform, StyleSheet } from "react-native";
+import { useThemeName } from "tamagui";
+var blurNativeModule = "ExpoBlur";
+var materialBlurTint = {
+  light: "systemChromeMaterialLight",
+  dark: "systemChromeMaterialDark"
+};
+function blurTintFor(themeName) {
+  return 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, Platform.OS);
+  return cached;
+}
+function useMaterialBlur() {
+  var themeName = 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__ */_jsx(BlurView, {
+    tint,
+    intensity: 100,
+    pointerEvents: "none",
+    style: [StyleSheet.absoluteFill, {
+      borderRadius: radius,
+      overflow: "hidden"
+    }]
+  });
+}
+export { MaterialBlurFill, blurNativeModule, blurTintFor, materialBlurTint, resolveBlurView, useMaterialBlur };
+//# sourceMappingURL=blur.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","isDarkThemeName","Platform","StyleSheet","useThemeName","blurNativeModule","materialBlurTint","light","dark","blurTintFor","themeName","appSources","core","require","blur","resolveBlurView","sources","os","_sources_blur_BlurView","_sources_core_requireOptionalNativeModule","_sources_core","requireOptionalNativeModule","call","BlurView","unused","cached","loadBlurView","OS","useMaterialBlur","tint","MaterialBlurFill","param","radius","blur2","intensity","pointerEvents","style","absoluteFill","borderRadius","overflow"],"sources":["../../../src/Material/blur.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,QAAY;AAgBxB,SAASC,eAAA,QAAuB;AACpC,SAASC,QAAA,EAAUC,UAAA,QAAkB;AACrC,SAASC,YAAA,QAAoB;AACgD,IAAIC,gBAAA,GAAmB;AACvB,IAAIC,gBAAA,GAAmB;EAChGC,KAAA,EAAO;EACPC,IAAA,EAAM;AACV;AACO,SAASC,YAAYC,SAAA,EAAW;EACnC,OAAOT,eAAA,CAAgBS,SAAS,IAAIJ,gBAAA,CAAiBE,IAAA,GAAOF,gBAAA,CAAiBC,KAAA;AACjF;AACA,IAAII,UAAA,GAAa;EACbC,IAAA,EAAM,SAASA,KAAA,EAAO;IAClB,OAAOC,OAAA,CAAQ,mBAAmB;EACtC;EACAC,IAAA,EAAM,SAASA,KAAA,EAAO;IAClB,OAAOD,OAAA,CAAQ,WAAW;EAC9B;AACJ;AACiF,SAASE,gBAAgBC,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,CAAQJ,IAAA,CAAK,GAAGS,2BAAA,MAAiC,QAAQF,yCAAA,KAA8C,SAAS,SAASA,yCAAA,CAA0CG,IAAA,CAAKF,aAAA,EAAef,gBAAgB,MAAM,MAAM,OAAO;IAC7R,QAAQa,sBAAA,GAAyBF,OAAA,CAAQF,IAAA,CAAK,EAAES,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,GAASV,eAAA,CAAgBJ,UAAA,EAAYT,QAAA,CAASyB,EAAE;EAC1E,OAAOF,MAAA;AACX;AACO,SAASG,gBAAA,EAAkB;EAC9B,IAAIlB,SAAA,GAAYN,YAAA,CAAa;EAC7B,IAAImB,QAAA,GAAWG,YAAA,CAAa;EAC5B,IAAI,CAACH,QAAA,EAAU,OAAO;EACtB,OAAO;IACHA,QAAA;IACAM,IAAA,EAAMpB,WAAA,CAAYC,SAAS;EAC/B;AACJ;AAIW,SAASoB,iBAAiBC,KAAA,EAAO;EACxC,IAAI;IAAEC,MAAA,GAAS;EAAE,IAAID,KAAA;EACrB,IAAIE,KAAA,GAAOL,eAAA,CAAgB;EAC3B,IAAI,CAACK,KAAA,EAAM,OAAO;EAClB,IAAI;IAAEV,QAAA;IAAUM;EAAK,IAAII,KAAA;EACzB,OAAqB,eAAAjC,IAAA,CAAKuB,QAAA,EAAU;IAChCM,IAAA;IACAK,SAAA,EAAW;IACXC,aAAA,EAAe;IACfC,KAAA,EAAO,CACHjC,UAAA,CAAWkC,YAAA,EACX;MACIC,YAAA,EAAcN,MAAA;MACdO,QAAA,EAAU;IACd;EAER,CAAC;AACL","ignoreList":[]}

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