@multiplatform.one/theme 7.83.0 → 7.83.2

package/dist/cjs/theme/devtools/knobIcons.native.js

@@ -0,0 +1,520 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var knobIcons_exports = {};
+__export(knobIcons_exports, {
+  bodyFontIcon: () => bodyFontIcon,
+  borderRadiusIcon: () => borderRadiusIcon,
+  borderWidthIcon: () => borderWidthIcon,
+  bulkBarPlacementIcon: () => bulkBarPlacementIcon,
+  cornerSmoothingIcon: () => cornerSmoothingIcon,
+  disabledStyleIcon: () => disabledStyleIcon,
+  elevationIcon: () => elevationIcon,
+  fieldLabelPlacementIcon: () => fieldLabelPlacementIcon,
+  fillIcon: () => fillIcon,
+  fontWeightIcon: () => fontWeightIcon,
+  formAutofocusIcon: () => formAutofocusIcon,
+  headingFontIcon: () => headingFontIcon,
+  modeIcon: () => modeIcon,
+  requiredMarkingIcon: () => requiredMarkingIcon,
+  selectAllScopeIcon: () => selectAllScopeIcon,
+  tableZebraIcon: () => tableZebraIcon,
+  textAccentIcon: () => textAccentIcon,
+  timestampStyleIcon: () => timestampStyleIcon
+});
+module.exports = __toCommonJS(knobIcons_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+function fillIcon(value, color) {
+  if (value === "filled") {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        width: 14,
+        height: 14,
+        background: color,
+        borderRadius: 2
+      }
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    style: {
+      width: 14,
+      height: 14,
+      border: `1.5px solid ${color}`,
+      borderRadius: 2
+    }
+  });
+}
+function borderRadiusIcon(value, color) {
+  var _value;
+  var radius = (_value = {
+    none: 0,
+    small: 2,
+    medium: 4,
+    large: 7,
+    full: 10
+  }[value]) !== null && _value !== void 0 ? _value : 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    style: {
+      width: 14,
+      height: 14,
+      border: `1.5px solid ${color}`,
+      borderRadius: radius
+    }
+  });
+}
+function cornerSmoothingIcon(value, color) {
+  var smooth = value === "smooth";
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    role: "img",
+    "aria-label": value,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("title", {
+      children: value
+    }), smooth ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M7 1 C2.8 1 1 2.8 1 7 C1 11.2 2.8 13 7 13 C11.2 13 13 11.2 13 7 C13 2.8 11.2 1 7 1 Z",
+      stroke: color,
+      strokeWidth: "1.5"
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)("rect", {
+      x: "1",
+      y: "1",
+      width: "12",
+      height: "12",
+      rx: "4",
+      stroke: color,
+      strokeWidth: "1.5"
+    })]
+  });
+}
+function borderWidthIcon(value, color) {
+  var _value;
+  if (value === "none") {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        width: 14,
+        height: 14,
+        background: color,
+        borderRadius: 2,
+        opacity: 0.35
+      }
+    });
+  }
+  var width = (_value = {
+    small: 1,
+    medium: 1.5,
+    large: 2
+  }[value]) !== null && _value !== void 0 ? _value : 1;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    style: {
+      width: 14,
+      height: 14,
+      border: `${width}px solid ${color}`,
+      borderRadius: 2
+    }
+  });
+}
+function elevationIcon(value, color, _isDark) {
+  var _value, _value1;
+  var shadowColor = "rgba(128,128,128,0.55)";
+  var offset = (_value = {
+    none: 0,
+    small: 1,
+    medium: 2,
+    large: 3
+  }[value]) !== null && _value !== void 0 ? _value : 0;
+  var shadowSize = (_value1 = {
+    none: 0,
+    small: 10,
+    medium: 11,
+    large: 12
+  }[value]) !== null && _value1 !== void 0 ? _value1 : 0;
+  var squareSize = 10;
+  var total = squareSize + offset * 2 + 1;
+  if (offset === 0) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        width: squareSize,
+        height: squareSize,
+        border: `1px solid ${color}`,
+        borderRadius: 1
+      }
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+    style: {
+      position: "relative",
+      width: total,
+      height: total
+    },
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        position: "absolute",
+        bottom: 0,
+        right: 0,
+        width: shadowSize,
+        height: shadowSize,
+        background: shadowColor,
+        borderRadius: 1
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width: squareSize,
+        height: squareSize,
+        border: `1px solid ${color}`,
+        borderRadius: 1
+      }
+    })]
+  });
+}
+function textAccentIcon(value, color) {
+  var weight = value === "low" ? 300 : value === "medium" ? 500 : 700;
+  var opacity = value === "low" ? 0.35 : value === "medium" ? 0.7 : 1;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+    style: {
+      fontSize: 12,
+      fontWeight: weight,
+      color,
+      opacity,
+      fontFamily: "system-ui, sans-serif",
+      lineHeight: 1
+    },
+    children: "Aa"
+  });
+}
+var fontCategoryStyles = {
+  "sans-serif": {
+    family: "-apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
+    label: "Aa"
+  },
+  serif: {
+    family: "Georgia, 'Times New Roman', Times, serif",
+    label: "Aa"
+  },
+  mono: {
+    family: "'SF Mono', 'Cascadia Code', Menlo, monospace",
+    label: "Aa"
+  },
+  slab: {
+    family: "'Rockwell', 'Courier New', serif",
+    label: "Aa"
+  },
+  rounded: {
+    family: "'Nunito', 'Varela Round', system-ui, sans-serif",
+    label: "Aa"
+  },
+  condensed: {
+    family: "'Arial Narrow', sans-serif",
+    label: "Aa",
+    letterSpacing: "-0.03em"
+  },
+  cursive: {
+    family: "'Segoe Script', cursive",
+    label: "Aa",
+    style: "italic"
+  },
+  handwriting: {
+    family: "'Comic Sans MS', 'Caveat', cursive",
+    label: "Aa"
+  },
+  pixel: {
+    family: "'Courier New', monospace",
+    label: "Aa",
+    letterSpacing: "0.05em"
+  },
+  blackletter: {
+    family: "'Old English Text MT', serif",
+    label: "Aa"
+  },
+  geometric: {
+    family: "'Century Gothic', 'Futura', sans-serif",
+    label: "Aa"
+  }
+};
+function headingFontIcon(value, color) {
+  var _fontCategoryStyles_value;
+  var s = (_fontCategoryStyles_value = fontCategoryStyles[value]) !== null && _fontCategoryStyles_value !== void 0 ? _fontCategoryStyles_value : {
+    family: "inherit",
+    label: "Aa"
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+    style: {
+      fontSize: 13,
+      fontWeight: 700,
+      color,
+      fontFamily: s.family,
+      fontStyle: s.style,
+      lineHeight: 1,
+      letterSpacing: s.letterSpacing
+    },
+    children: s.label
+  });
+}
+function bodyFontIcon(value, color) {
+  var _fontCategoryStyles_value;
+  var s = (_fontCategoryStyles_value = fontCategoryStyles[value]) !== null && _fontCategoryStyles_value !== void 0 ? _fontCategoryStyles_value : {
+    family: "inherit",
+    label: "Aa"
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+    style: {
+      fontSize: 13,
+      fontWeight: 400,
+      color,
+      fontFamily: s.family,
+      fontStyle: s.style,
+      lineHeight: 1,
+      letterSpacing: s.letterSpacing
+    },
+    children: s.label
+  });
+}
+function fontWeightIcon(value, color) {
+  var _value;
+  var weight = (_value = {
+    light: 300,
+    regular: 400,
+    bold: 700
+  }[value]) !== null && _value !== void 0 ? _value : 400;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+    style: {
+      fontSize: 12,
+      fontWeight: weight,
+      color,
+      fontFamily: "system-ui, sans-serif",
+      lineHeight: 1
+    },
+    children: "W"
+  });
+}
+function modeIcon(value, color) {
+  var base = {
+    width: 14,
+    height: 14,
+    borderRadius: "50%"
+  };
+  if (value === "system") {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        ...base,
+        border: `1.5px solid ${color}`,
+        background: `linear-gradient(90deg, ${color} 50%, transparent 50%)`
+      }
+    });
+  }
+  if (value === "light") {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        ...base,
+        border: `1.5px solid ${color}`
+      }
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    style: {
+      ...base,
+      background: color
+    }
+  });
+}
+function glyph(label, color) {
+  var size = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 9;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+    style: {
+      fontSize: size,
+      fontWeight: 600,
+      color,
+      fontFamily: "system-ui, sans-serif",
+      lineHeight: 1,
+      letterSpacing: "-0.02em"
+    },
+    children: label
+  });
+}
+function fieldLabelPlacementIcon(value, color) {
+  if (value === "side") return glyph("\u229F", color, 12);
+  if (value === "floating") return glyph("\u2B1A", color, 12);
+  return glyph("\u229E", color, 12);
+}
+function requiredMarkingIcon(value, color) {
+  if (value === "asterisk") return glyph("*", color, 14);
+  if (value === "optional") return glyph("opt", color, 8);
+  return glyph("min", color, 8);
+}
+function tableZebraIcon(value, color) {
+  var on = value === "on";
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1,
+      width: 14
+    },
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1,
+        opacity: on ? 1 : 0.35
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1,
+        opacity: on ? 0.35 : 0.35
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1,
+        opacity: on ? 1 : 0.35
+      }
+    })]
+  });
+}
+function bulkBarPlacementIcon(value, color) {
+  var top = value !== "bottom";
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    style: {
+      width: 14,
+      height: 14,
+      border: `1px solid ${color}`,
+      borderRadius: 2,
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: top ? "flex-start" : "flex-end",
+      padding: 1
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1
+      }
+    })
+  });
+}
+function selectAllScopeIcon(value, color) {
+  var filtered = value === "filtered";
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1,
+      width: 14
+    },
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1,
+        opacity: filtered ? 1 : 0.3
+      }
+    })]
+  });
+}
+function timestampStyleIcon(value, color) {
+  return glyph(value === "relative" ? "~t" : "12:00", color, value === "relative" ? 10 : 7);
+}
+function disabledStyleIcon(value, color) {
+  if (value === "dimWhole") {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        width: 14,
+        height: 14,
+        background: color,
+        borderRadius: 2,
+        opacity: 0.35
+      }
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 2,
+      width: 14
+    },
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        height: 3,
+        background: color,
+        borderRadius: 1
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        height: 7,
+        background: color,
+        borderRadius: 1,
+        opacity: 0.3
+      }
+    })]
+  });
+}
+function formAutofocusIcon(value, color) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    style: {
+      width: 14,
+      height: 14,
+      border: `1.5px solid ${color}`,
+      borderRadius: 2,
+      outlineWidth: value === "on" ? 2 : 0,
+      outlineStyle: "solid",
+      outlineColor: color,
+      outlineOffset: 0,
+      opacity: value === "on" ? 1 : 0.45
+    }
+  });
+}
+//# sourceMappingURL=knobIcons.native.js.map

package/dist/cjs/theme/devtools/knobIcons.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","knobIcons_exports","__export","bodyFontIcon","borderRadiusIcon","borderWidthIcon","bulkBarPlacementIcon","cornerSmoothingIcon","disabledStyleIcon","elevationIcon","fieldLabelPlacementIcon","fillIcon","fontWeightIcon","formAutofocusIcon","headingFontIcon","modeIcon","requiredMarkingIcon","selectAllScopeIcon","tableZebraIcon","textAccentIcon","timestampStyleIcon","module","exports","import_jsx_runtime","require","import_react","color","jsx","style","width","height","background","borderRadius","border","_value","radius","none","small","medium","large","full","smooth","jsxs","viewBox","fill","role","children","d","stroke","strokeWidth","x","y","rx","opacity","_isDark","_value1","shadowColor","offset","shadowSize","squareSize","total","position","bottom","right","top","left","weight","fontSize","fontWeight","fontFamily","lineHeight","fontCategoryStyles","family","label","serif","mono","slab","rounded","condensed","letterSpacing","cursive","handwriting","pixel","blackletter","geometric","_fontCategoryStyles_value","s","fontStyle","light","regular","bold","base"],"sources":["../../../../src/theme/devtools/knobIcons.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/theme/devtools/vizConstants.cjs

@@ -0,0 +1,54 @@
+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 vizConstants_exports = {};
+__export(vizConstants_exports, {
+  cellSize: () => cellSize,
+  contrastTextFor: () => contrastTextFor,
+  fallbackGray: () => fallbackGray,
+  stepToPx: () => stepToPx
+});
+module.exports = __toCommonJS(vizConstants_exports);
+function luminance(rgb) {
+  const canvas = typeof document !== "undefined" ? document.createElement("canvas") : null;
+  if (!canvas) return 0.5;
+  const context = canvas.getContext("2d");
+  if (!context) return 0.5;
+  canvas.width = 1;
+  canvas.height = 1;
+  context.fillStyle = rgb;
+  context.fillRect(0, 0, 1, 1);
+  const [red, green, blue] = context.getImageData(0, 0, 1, 1).data;
+  return (0.299 * red + 0.587 * green + 0.114 * blue) / 255;
+}
+function contrastTextFor(bgColor) {
+  return luminance(bgColor) > 0.5 ? "#111" : "#f0f0f0";
+}
+function fallbackGray(step) {
+  const normalizedStep = (step - 1) / 11;
+  const grayValue = Math.round(230 - normalizedStep * 190);
+  return `rgb(${grayValue},${grayValue},${grayValue})`;
+}
+const cellSize = 32;
+function stepToPx(step) {
+  return (step - 1) * cellSize + cellSize / 2;
+}

package/dist/cjs/theme/devtools/vizConstants.native.js

@@ -0,0 +1,57 @@
+"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 vizConstants_exports = {};
+__export(vizConstants_exports, {
+  cellSize: () => cellSize,
+  contrastTextFor: () => contrastTextFor,
+  fallbackGray: () => fallbackGray,
+  stepToPx: () => stepToPx
+});
+module.exports = __toCommonJS(vizConstants_exports);
+function luminance(rgb) {
+  var canvas = typeof document !== "undefined" ? document.createElement("canvas") : null;
+  if (!canvas) return 0.5;
+  var context = canvas.getContext("2d");
+  if (!context) return 0.5;
+  canvas.width = 1;
+  canvas.height = 1;
+  context.fillStyle = rgb;
+  context.fillRect(0, 0, 1, 1);
+  var [red, green, blue] = context.getImageData(0, 0, 1, 1).data;
+  return (0.299 * red + 0.587 * green + 0.114 * blue) / 255;
+}
+function contrastTextFor(bgColor) {
+  return luminance(bgColor) > 0.5 ? "#111" : "#f0f0f0";
+}
+function fallbackGray(step) {
+  var normalizedStep = (step - 1) / 11;
+  var grayValue = Math.round(230 - normalizedStep * 190);
+  return `rgb(${grayValue},${grayValue},${grayValue})`;
+}
+var cellSize = 32;
+function stepToPx(step) {
+  return (step - 1) * cellSize + cellSize / 2;
+}
+//# sourceMappingURL=vizConstants.native.js.map

package/dist/cjs/theme/devtools/vizConstants.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","vizConstants_exports","__export","cellSize","contrastTextFor","fallbackGray","stepToPx","module","exports","luminance","rgb","canvas","document","createElement","context","getContext","width","height","fillStyle","fillRect","red","green","blue","getImageData","data","bgColor","step","normalizedStep","grayValue","Math","round"],"sources":["../../../../src/theme/devtools/vizConstants.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAS,GAAAZ,YAA+B,CAAAK,oBAAA;AACtC,SAAMQ,SAASA,CAAAC,GAAA,EAAO;EACtB,IAAIC,MAAC,GAAQ,OAAOC,QAAA,mBAAAA,QAAA,CAAAC,aAAA;EACpB,KAAAF,MAAM,SAAU,GAAO;EACvB,IAAIG,OAAC,GAASH,MAAA,CAAOI,UAAA;EACrB,KAAAD,OAAO,SAAQ;EACfH,MAAA,CAAOK,KAAA,IAAS;EAChBL,MAAA,CAAAM,MAAQ;EACRH,OAAA,CAAQI,SAAS,GAAGR,GAAG;EACvBI,OAAO,CAAAK,QAAK,IAAO,GAAI,IAAI;EAC3B,KAAAC,GAAQ,EAAAC,KAAA,EAAQC,IAAA,CAAM,GAAAR,OAAQ,CAAAS,YAAQ,CAAQ,SAAQ,GAAAC,IAAA;EACxD,gBAAAJ,GAAA,WAAAC,KAAA,WAAAC,IAAA;AAEO;AACL,SAAOlB,eAAUA,CAAAqB,OAAW;EAC9B,OAAAhB,SAAA,CAAAgB,OAAA;AAEO;AACL,SAAMpB,aAAAqB,IAAkB;EACxB,IAAAC,cAAkB,IAAAD,IAAK,GAAM,OAAM;EACnC,IAAAE,SAAO,GAAOC,IAAA,CAAAC,KAAS,CAAI,MAAAH,cAAa,GAAS;EACnD,cAAAC,SAAA,IAAAA,SAAA,IAAAA,SAAA;AAEO;AAEA,IAAAzB,QAAS;AACd,SAAAG,QAAeA,CAAAoB,IAAK;EACtB,QAAAA,IAAA,QAAAvB,QAAA,GAAAA,QAAA","ignoreList":[]}