@typecaast/skins 0.1.0 → 0.2.0

package/dist/chunk-NCSI7C7I.js

@@ -0,0 +1,561 @@
+"use client";
+import { popIn, MessageContent, fadeSlideIn, TypingDots } from '@typecaast/skin-kit';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/imessage/tokens.ts
+var IMESSAGE_COLORS = {
+  light: {
+    bg: "#ffffff",
+    text: "#000000",
+    subtle: "#8e8e93",
+    selfBubble: "#0b93f6",
+    selfText: "#ffffff",
+    otherBubble: "#e9e9eb",
+    otherText: "#000000",
+    navBg: "rgba(249,249,249,0.94)",
+    navBorder: "rgba(0,0,0,0.12)",
+    statusText: "#000000",
+    composerBg: "#ffffff",
+    composerBorder: "#d1d1d6",
+    placeholder: "#8e8e93",
+    keyboardBg: "#d1d4db",
+    keyBg: "#ffffff",
+    keyText: "#000000",
+    keyShadow: "rgba(0,0,0,0.28)",
+    tapbackBg: "#e9e9eb",
+    link: "#0b93f6"
+  },
+  dark: {
+    bg: "#000000",
+    text: "#ffffff",
+    subtle: "#8e8e93",
+    selfBubble: "#0b93f6",
+    selfText: "#ffffff",
+    otherBubble: "#26252a",
+    otherText: "#ffffff",
+    navBg: "rgba(22,22,22,0.92)",
+    navBorder: "rgba(255,255,255,0.12)",
+    statusText: "#ffffff",
+    composerBg: "#1c1c1e",
+    composerBorder: "#38383a",
+    placeholder: "#8e8e93",
+    keyboardBg: "#1c1c1e",
+    keyBg: "#6b6b6f",
+    keyText: "#ffffff",
+    keyShadow: "rgba(0,0,0,0.5)",
+    tapbackBg: "#26252a",
+    link: "#0b93f6"
+  }
+};
+var IMESSAGE_FONT_STACK = 'Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif';
+var imessageTokens = {
+  light: {
+    colors: IMESSAGE_COLORS.light
+  },
+  dark: { colors: IMESSAGE_COLORS.dark }
+};
+var RADIUS = 18;
+var TAIL = 5;
+function initials(name) {
+  return name.split(/\s+/).map((w) => w.charAt(0)).slice(0, 2).join("").toUpperCase();
+}
+function markStyles(c) {
+  return {
+    link: { color: c.link, textDecoration: "underline" },
+    code: {
+      fontFamily: "Menlo, monospace",
+      fontSize: "0.9em"
+    }
+  };
+}
+var StatusBar = ({ theme }) => {
+  const c = IMESSAGE_COLORS[theme];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        flex: "0 0 auto",
+        height: 44,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        padding: "0 24px",
+        color: c.statusText,
+        fontWeight: 600,
+        fontSize: 15
+      },
+      children: [
+        /* @__PURE__ */ jsx("span", { children: "9:41" }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: { display: "inline-flex", alignItems: "flex-end", gap: 1.5 },
+              children: [5, 7, 9, 11].map((h, i) => /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    width: 3,
+                    height: h,
+                    borderRadius: 1,
+                    background: c.statusText
+                  }
+                },
+                i
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { style: { fontSize: 13, fontWeight: 600 }, children: "5G" }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                display: "inline-block",
+                width: 24,
+                height: 12,
+                borderRadius: 3,
+                border: `1px solid ${c.statusText}`,
+                position: "relative",
+                opacity: 0.9
+              },
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    position: "absolute",
+                    inset: 1.5,
+                    width: "70%",
+                    borderRadius: 1,
+                    background: c.statusText
+                  }
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var Avatar = ({ participant, size = 30 }) => {
+  if (participant.avatar) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: participant.avatar,
+        alt: participant.name,
+        width: size,
+        height: size,
+        style: {
+          width: size,
+          height: size,
+          borderRadius: "50%",
+          objectFit: "cover"
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width: size,
+        height: size,
+        borderRadius: "50%",
+        background: participant.color ?? "#a9a9af",
+        color: "#fff",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: size * 0.4,
+        fontWeight: 500
+      },
+      children: initials(participant.name)
+    }
+  );
+};
+var NavBar = ({ theme, title, participant }) => {
+  const c = IMESSAGE_COLORS[theme];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        flex: "0 0 auto",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 3,
+        padding: "4px 0 8px",
+        background: c.navBg,
+        borderBottom: `0.5px solid ${c.navBorder}`,
+        backdropFilter: "blur(20px)"
+      },
+      children: [
+        participant ? /* @__PURE__ */ jsx(Avatar, { theme, participant, size: 42 }) : null,
+        /* @__PURE__ */ jsxs("span", { style: { fontSize: 11, fontWeight: 500, color: c.text }, children: [
+          title,
+          /* @__PURE__ */ jsx("span", { style: { marginLeft: 3, color: c.subtle }, children: "\u203A" })
+        ] })
+      ]
+    }
+  );
+};
+var Reaction = ({ theme, reaction }) => {
+  const c = IMESSAGE_COLORS[theme];
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      style: {
+        ...popIn(reaction.progress),
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: c.tapbackBg,
+        borderRadius: 12,
+        padding: "2px 6px",
+        fontSize: 12,
+        boxShadow: `0 1px 2px ${theme === "dark" ? "rgba(0,0,0,0.5)" : "rgba(0,0,0,0.15)"}`
+      },
+      children: reaction.emoji
+    }
+  );
+};
+var Message = ({ theme, message }) => {
+  const c = IMESSAGE_COLORS[theme];
+  const self = message.isSelf;
+  const bubbleStyle = {
+    maxWidth: "72%",
+    padding: "7px 12px",
+    borderRadius: RADIUS,
+    background: self ? c.selfBubble : c.otherBubble,
+    color: self ? c.selfText : c.otherText,
+    fontSize: 16,
+    lineHeight: 1.3,
+    wordBreak: "break-word",
+    ...self ? { borderBottomRightRadius: TAIL } : { borderBottomLeftRadius: TAIL }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: self ? "flex-end" : "flex-start",
+        padding: message.isGrouped ? "1px 12px" : "3px 12px",
+        ...fadeSlideIn(message.revealProgress, { distance: 6 })
+      },
+      children: /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+        /* @__PURE__ */ jsx("div", { style: bubbleStyle, children: /* @__PURE__ */ jsx(
+          MessageContent,
+          {
+            nodes: message.content,
+            styles: markStyles(c),
+            imageStyle: { borderRadius: 14, maxWidth: 240, marginTop: 2 }
+          }
+        ) }),
+        message.reactions.length > 0 ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: -14,
+              ...self ? { left: -6 } : { right: -6 },
+              display: "flex",
+              gap: 2
+            },
+            children: message.reactions.map((r, i) => /* @__PURE__ */ jsx(Reaction, { theme, reaction: r }, i))
+          }
+        ) : null
+      ] })
+    }
+  );
+};
+var TypingIndicator = ({ theme, typing }) => {
+  const c = IMESSAGE_COLORS[theme];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "flex-start",
+        padding: "3px 12px"
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            background: c.otherBubble,
+            borderRadius: RADIUS,
+            borderBottomLeftRadius: TAIL,
+            padding: "10px 14px"
+          },
+          children: /* @__PURE__ */ jsx(
+            TypingDots,
+            {
+              progress: typing.progress,
+              color: c.subtle,
+              size: 8,
+              gap: 5
+            }
+          )
+        }
+      )
+    }
+  );
+};
+var SystemMessage = ({ theme, message }) => {
+  const c = IMESSAGE_COLORS[theme];
+  const text = message.content.map(
+    (n) => n.type === "text" ? n.spans.map((s) => s.value ?? "").join("") : ""
+  ).join(" ");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        textAlign: "center",
+        color: c.subtle,
+        fontSize: 12,
+        fontWeight: 500,
+        padding: "8px 0",
+        ...fadeSlideIn(message.revealProgress, { distance: 0 })
+      },
+      children: text
+    }
+  );
+};
+var Composer = ({ theme, composer }) => {
+  const c = IMESSAGE_COLORS[theme];
+  const hasText = composer.text.length > 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        flex: "0 0 auto",
+        display: "flex",
+        alignItems: "flex-end",
+        gap: 8,
+        padding: "8px 12px"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              width: 30,
+              height: 30,
+              borderRadius: "50%",
+              background: theme === "dark" ? "#1c1c1e" : "#e9e9eb",
+              color: c.subtle,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: 20
+            },
+            children: "+"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              flex: 1,
+              minHeight: 34,
+              display: "flex",
+              alignItems: "center",
+              border: `1px solid ${c.composerBorder}`,
+              borderRadius: 18,
+              padding: "5px 12px",
+              background: c.composerBg,
+              color: c.text,
+              fontSize: 16
+            },
+            children: hasText ? /* @__PURE__ */ jsxs("span", { children: [
+              composer.text,
+              /* @__PURE__ */ jsx("span", { style: { color: c.selfBubble }, children: "|" })
+            ] }) : /* @__PURE__ */ jsx("span", { style: { color: c.placeholder }, children: "iMessage" })
+          }
+        ),
+        hasText ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              width: 30,
+              height: 30,
+              borderRadius: "50%",
+              background: c.selfBubble,
+              color: "#fff",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: 17
+            },
+            children: "\u2191"
+          }
+        ) : null
+      ]
+    }
+  );
+};
+var KEY_ROWS = [
+  ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"],
+  ["a", "s", "d", "f", "g", "h", "j", "k", "l"],
+  ["\u21E7", "z", "x", "c", "v", "b", "n", "m", "\u232B"]
+];
+var Keyboard = ({ theme }) => {
+  const c = IMESSAGE_COLORS[theme];
+  const key = (label, wide = false) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      style: {
+        flex: wide ? 1.6 : 1,
+        textAlign: "center",
+        padding: "9px 0",
+        borderRadius: 5,
+        background: label === "\u21E7" || label === "\u232B" ? "transparent" : c.keyBg,
+        color: c.keyText,
+        fontSize: 16,
+        fontWeight: 400,
+        boxShadow: label === "\u21E7" || label === "\u232B" ? "none" : `0 1px 0 ${c.keyShadow}`,
+        textTransform: label.length === 1 ? "uppercase" : "none"
+      },
+      children: label
+    },
+    label
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        flex: "0 0 auto",
+        background: c.keyboardBg,
+        padding: "6px 3px 4px",
+        display: "flex",
+        flexDirection: "column",
+        gap: 7
+      },
+      children: [
+        KEY_ROWS.map((row, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: 5,
+              padding: i === 1 ? "0 18px" : "0 3px"
+            },
+            children: row.map((k) => key(k, k === "\u21E7" || k === "\u232B"))
+          },
+          i
+        )),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 5, padding: "0 3px" }, children: [
+          key("123", true),
+          key("space", false),
+          key("return", true)
+        ] })
+      ]
+    }
+  );
+};
+var Frame = ({
+  theme,
+  options,
+  children
+}) => {
+  const c = IMESSAGE_COLORS[theme];
+  const contact = typeof options?.contact === "string" ? options.contact : "Messages";
+  const showKeyboard = options?.keyboard !== false;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        fontFamily: IMESSAGE_FONT_STACK,
+        background: c.bg,
+        color: c.text,
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        width: "100%",
+        WebkitFontSmoothing: "antialiased"
+      },
+      children: [
+        /* @__PURE__ */ jsx(StatusBar, { theme }),
+        /* @__PURE__ */ jsx(NavBar, { theme, title: contact }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              flex: "1 1 auto",
+              minHeight: 0,
+              display: "flex",
+              flexDirection: "column",
+              justifyContent: "flex-end",
+              overflow: "hidden",
+              paddingBottom: 4
+            },
+            children
+          }
+        ),
+        showKeyboard ? /* @__PURE__ */ jsx(Keyboard, { theme }) : null
+      ]
+    }
+  );
+};
+var imessageComponents = {
+  Frame,
+  Message,
+  TypingIndicator,
+  Reaction,
+  Composer,
+  SystemMessage,
+  Avatar
+};
+
+// src/imessage/capabilities.ts
+var imessageCapabilities = {
+  events: {
+    message: "native",
+    composerType: "native",
+    send: "native",
+    typing: "native",
+    // dot bubble
+    reaction: "native",
+    // tapbacks
+    readReceipt: "native",
+    // "Delivered" / "Read"
+    edit: "native",
+    delete: "native",
+    system: "fallback",
+    // rendered as centered grey text, not an app card
+    beat: "native"
+  },
+  content: {
+    text: true,
+    image: true
+  },
+  reactions: true,
+  threads: false,
+  readReceipts: true
+};
+
+// src/imessage/fonts.ts
+var imessageFonts = [
+  {
+    family: "Inter",
+    intended: "SF Pro",
+    weights: [400, 500, 600],
+    sources: [
+      {
+        url: "https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-400-normal.woff2",
+        weight: 400,
+        format: "woff2"
+      },
+      {
+        url: "https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-600-normal.woff2",
+        weight: 600,
+        format: "woff2"
+      }
+    ]
+  }
+];
+
+export { IMESSAGE_FONT_STACK, imessageCapabilities, imessageComponents, imessageFonts, imessageTokens };
+//# sourceMappingURL=chunk-NCSI7C7I.js.map
+//# sourceMappingURL=chunk-NCSI7C7I.js.map

package/dist/chunk-NCSI7C7I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/imessage/tokens.ts","../src/imessage/components.tsx","../src/imessage/capabilities.ts","../src/imessage/fonts.ts"],"names":[],"mappings":";;;;AAyBO,IAAM,eAAA,GAAyD;AAAA,EACpE,KAAA,EAAO;AAAA,IACL,EAAA,EAAI,SAAA;AAAA,IACJ,IAAA,EAAM,SAAA;AAAA,IACN,MAAA,EAAQ,SAAA;AAAA,IACR,UAAA,EAAY,SAAA;AAAA,IACZ,QAAA,EAAU,SAAA;AAAA,IACV,WAAA,EAAa,SAAA;AAAA,IACb,SAAA,EAAW,SAAA;AAAA,IACX,KAAA,EAAO,wBAAA;AAAA,IACP,SAAA,EAAW,kBAAA;AAAA,IACX,UAAA,EAAY,SAAA;AAAA,IACZ,UAAA,EAAY,SAAA;AAAA,IACZ,cAAA,EAAgB,SAAA;AAAA,IAChB,WAAA,EAAa,SAAA;AAAA,IACb,UAAA,EAAY,SAAA;AAAA,IACZ,KAAA,EAAO,SAAA;AAAA,IACP,OAAA,EAAS,SAAA;AAAA,IACT,SAAA,EAAW,kBAAA;AAAA,IACX,SAAA,EAAW,SAAA;AAAA,IACX,IAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,IAAA,EAAM,SAAA;AAAA,IACN,MAAA,EAAQ,SAAA;AAAA,IACR,UAAA,EAAY,SAAA;AAAA,IACZ,QAAA,EAAU,SAAA;AAAA,IACV,WAAA,EAAa,SAAA;AAAA,IACb,SAAA,EAAW,SAAA;AAAA,IACX,KAAA,EAAO,qBAAA;AAAA,IACP,SAAA,EAAW,wBAAA;AAAA,IACX,UAAA,EAAY,SAAA;AAAA,IACZ,UAAA,EAAY,SAAA;AAAA,IACZ,cAAA,EAAgB,SAAA;AAAA,IAChB,WAAA,EAAa,SAAA;AAAA,IACb,UAAA,EAAY,SAAA;AAAA,IACZ,KAAA,EAAO,SAAA;AAAA,IACP,OAAA,EAAS,SAAA;AAAA,IACT,SAAA,EAAW,iBAAA;AAAA,IACX,SAAA,EAAW,SAAA;AAAA,IACX,IAAA,EAAM;AAAA;AAEV,CAAA;AAEO,IAAM,mBAAA,GACX;AAEK,IAAM,cAAA,GAA0D;AAAA,EACrE,KAAA,EAAO;AAAA,IACL,QAAQ,eAAA,CAAgB;AAAA,GAC1B;AAAA,EACA,IAAA,EAAM,EAAE,MAAA,EAAQ,eAAA,CAAgB,IAAA;AAClC;AC1DA,IAAM,MAAA,GAAS,EAAA;AACf,IAAM,IAAA,GAAO,CAAA;AAEb,SAAS,SAAS,IAAA,EAAsB;AACtC,EAAA,OAAO,KACJ,KAAA,CAAM,KAAK,EACX,GAAA,CAAI,CAAC,MAAM,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,CAAA,CACtB,MAAM,CAAA,EAAG,CAAC,EACV,IAAA,CAAK,EAAE,EACP,WAAA,EAAY;AACjB;AAEA,SAAS,WAAW,CAAA,EAA2D;AAC7E,EAAA,OAAO;AAAA,IACL,MAAM,EAAE,KAAA,EAAO,CAAA,CAAE,IAAA,EAAM,gBAAgB,WAAA,EAAY;AAAA,IACnD,IAAA,EAAM;AAAA,MACJ,UAAA,EAAY,kBAAA;AAAA,MACZ,QAAA,EAAU;AAAA;AACZ,GACF;AACF;AAEA,IAAM,SAAA,GAA0C,CAAC,EAAE,KAAA,EAAM,KAAM;AAC7D,EAAA,MAAM,CAAA,GAAI,gBAAgB,KAAK,CAAA;AAC/B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,UAAA;AAAA,QACN,MAAA,EAAQ,EAAA;AAAA,QACR,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,eAAA;AAAA,QAChB,OAAA,EAAS,QAAA;AAAA,QACT,OAAO,CAAA,CAAE,UAAA;AAAA,QACT,UAAA,EAAY,GAAA;AAAA,QACZ,QAAA,EAAU;AAAA,OACZ;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAK,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,wBACV,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,OAAA,EAAS,QAAQ,UAAA,EAAY,QAAA,EAAU,GAAA,EAAK,CAAA,EAAE,EAE1D,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAO,EAAE,OAAA,EAAS,eAAe,UAAA,EAAY,UAAA,EAAY,KAAK,GAAA,EAAI;AAAA,cAEjE,QAAA,EAAA,CAAC,GAAG,CAAA,EAAG,CAAA,EAAG,EAAE,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBACrB,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBAEC,KAAA,EAAO;AAAA,oBACL,KAAA,EAAO,CAAA;AAAA,oBACP,MAAA,EAAQ,CAAA;AAAA,oBACR,YAAA,EAAc,CAAA;AAAA,oBACd,YAAY,CAAA,CAAE;AAAA;AAChB,iBAAA;AAAA,gBANK;AAAA,eAQR;AAAA;AAAA,WACH;AAAA,0BACA,GAAA,CAAC,UAAK,KAAA,EAAO,EAAE,UAAU,EAAA,EAAI,UAAA,EAAY,GAAA,EAAI,EAAG,QAAA,EAAA,IAAA,EAAE,CAAA;AAAA,0BAElD,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO;AAAA,gBACL,OAAA,EAAS,cAAA;AAAA,gBACT,KAAA,EAAO,EAAA;AAAA,gBACP,MAAA,EAAQ,EAAA;AAAA,gBACR,YAAA,EAAc,CAAA;AAAA,gBACd,MAAA,EAAQ,CAAA,UAAA,EAAa,CAAA,CAAE,UAAU,CAAA,CAAA;AAAA,gBACjC,QAAA,EAAU,UAAA;AAAA,gBACV,OAAA,EAAS;AAAA,eACX;AAAA,cAEA,QAAA,kBAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO;AAAA,oBACL,QAAA,EAAU,UAAA;AAAA,oBACV,KAAA,EAAO,GAAA;AAAA,oBACP,KAAA,EAAO,KAAA;AAAA,oBACP,YAAA,EAAc,CAAA;AAAA,oBACd,YAAY,CAAA,CAAE;AAAA;AAChB;AAAA;AACF;AAAA;AACF,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ,CAAA;AAEA,IAAM,SAA0B,CAAC,EAAE,WAAA,EAAa,IAAA,GAAO,IAAG,KAAM;AAC9D,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAK,WAAA,CAAY,MAAA;AAAA,QACjB,KAAK,WAAA,CAAY,IAAA;AAAA,QACjB,KAAA,EAAO,IAAA;AAAA,QACP,MAAA,EAAQ,IAAA;AAAA,QACR,KAAA,EAAO;AAAA,UACL,KAAA,EAAO,IAAA;AAAA,UACP,MAAA,EAAQ,IAAA;AAAA,UACR,YAAA,EAAc,KAAA;AAAA,UACd,SAAA,EAAW;AAAA;AACb;AAAA,KACF;AAAA,EAEJ;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,KAAA,EAAO,IAAA;AAAA,QACP,MAAA,EAAQ,IAAA;AAAA,QACR,YAAA,EAAc,KAAA;AAAA,QACd,UAAA,EAAY,YAAY,KAAA,IAAS,SAAA;AAAA,QACjC,KAAA,EAAO,MAAA;AAAA,QACP,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,UAAU,IAAA,GAAO,GAAA;AAAA,QACjB,UAAA,EAAY;AAAA,OACd;AAAA,MAEC,QAAA,EAAA,QAAA,CAAS,YAAY,IAAI;AAAA;AAAA,GAC5B;AAEJ,CAAA;AAEA,IAAM,SAID,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,aAAY,KAAM;AACtC,EAAA,MAAM,CAAA,GAAI,gBAAgB,KAAK,CAAA;AAC/B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,UAAA;AAAA,QACN,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe,QAAA;AAAA,QACf,UAAA,EAAY,QAAA;AAAA,QACZ,GAAA,EAAK,CAAA;AAAA,QACL,OAAA,EAAS,WAAA;AAAA,QACT,YAAY,CAAA,CAAE,KAAA;AAAA,QACd,YAAA,EAAc,CAAA,YAAA,EAAe,CAAA,CAAE,SAAS,CAAA,CAAA;AAAA,QACxC,cAAA,EAAgB;AAAA,OAClB;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,WAAA,uBACE,MAAA,EAAA,EAAO,KAAA,EAAc,WAAA,EAA0B,IAAA,EAAM,IAAI,CAAA,GACxD,IAAA;AAAA,wBACJ,IAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAO,EAAE,QAAA,EAAU,EAAA,EAAI,UAAA,EAAY,GAAA,EAAK,KAAA,EAAO,CAAA,CAAE,IAAA,EAAK,EACzD,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,0BACD,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAO,EAAE,UAAA,EAAY,GAAG,KAAA,EAAO,CAAA,CAAE,MAAA,EAAO,EAAG,QAAA,EAAA,QAAA,EAAC;AAAA,SAAA,EACpD;AAAA;AAAA;AAAA,GACF;AAEJ,CAAA;AAEA,IAAM,QAAA,GAA8B,CAAC,EAAE,KAAA,EAAO,UAAS,KAAM;AAC3D,EAAA,MAAM,CAAA,GAAI,gBAAgB,KAAK,CAAA;AAC/B,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,GAAG,KAAA,CAAM,QAAA,CAAS,QAAQ,CAAA;AAAA,QAC1B,OAAA,EAAS,aAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,YAAY,CAAA,CAAE,SAAA;AAAA,QACd,YAAA,EAAc,EAAA;AAAA,QACd,OAAA,EAAS,SAAA;AAAA,QACT,QAAA,EAAU,EAAA;AAAA,QACV,SAAA,EAAW,CAAA,UAAA,EAAa,KAAA,KAAU,MAAA,GAAS,oBAAoB,kBAAkB,CAAA;AAAA,OACnF;AAAA,MAEC,QAAA,EAAA,QAAA,CAAS;AAAA;AAAA,GACZ;AAEJ,CAAA;AAEA,IAAM,OAAA,GAA4B,CAAC,EAAE,KAAA,EAAO,SAAQ,KAAM;AACxD,EAAA,MAAM,CAAA,GAAI,gBAAgB,KAAK,CAAA;AAC/B,EAAA,MAAM,OAAO,OAAA,CAAQ,MAAA;AACrB,EAAA,MAAM,WAAA,GAA6B;AAAA,IACjC,QAAA,EAAU,KAAA;AAAA,IACV,OAAA,EAAS,UAAA;AAAA,IACT,YAAA,EAAc,MAAA;AAAA,IACd,UAAA,EAAY,IAAA,GAAO,CAAA,CAAE,UAAA,GAAa,CAAA,CAAE,WAAA;AAAA,IACpC,KAAA,EAAO,IAAA,GAAO,CAAA,CAAE,QAAA,GAAW,CAAA,CAAE,SAAA;AAAA,IAC7B,QAAA,EAAU,EAAA;AAAA,IACV,UAAA,EAAY,GAAA;AAAA,IACZ,SAAA,EAAW,YAAA;AAAA,IACX,GAAI,OACA,EAAE,uBAAA,EAAyB,MAAK,GAChC,EAAE,wBAAwB,IAAA;AAAK,GACrC;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,MAAA;AAAA,QACT,cAAA,EAAgB,OAAO,UAAA,GAAa,YAAA;AAAA,QACpC,OAAA,EAAS,OAAA,CAAQ,SAAA,GAAY,UAAA,GAAa,UAAA;AAAA,QAC1C,GAAG,WAAA,CAAY,OAAA,CAAQ,gBAAgB,EAAE,QAAA,EAAU,GAAG;AAAA,OACxD;AAAA,MAEA,+BAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,QAAA,EAAU,YAAW,EACjC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,OAAO,WAAA,EACV,QAAA,kBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,OAAO,OAAA,CAAQ,OAAA;AAAA,YACf,MAAA,EAAQ,WAAW,CAAC,CAAA;AAAA,YACpB,YAAY,EAAE,YAAA,EAAc,IAAI,QAAA,EAAU,GAAA,EAAK,WAAW,CAAA;AAAE;AAAA,SAC9D,EACF,CAAA;AAAA,QACC,OAAA,CAAQ,SAAA,CAAU,MAAA,GAAS,CAAA,mBAC1B,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,QAAA,EAAU,UAAA;AAAA,cACV,GAAA,EAAK,GAAA;AAAA,cACL,GAAI,OAAO,EAAE,IAAA,EAAM,IAAG,GAAI,EAAE,OAAO,EAAA,EAAG;AAAA,cACtC,OAAA,EAAS,MAAA;AAAA,cACT,GAAA,EAAK;AAAA,aACP;AAAA,YAEC,QAAA,EAAA,OAAA,CAAQ,SAAA,CAAU,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBACzB,GAAA,CAAC,QAAA,EAAA,EAAiB,KAAA,EAAc,QAAA,EAAU,CAAA,EAAA,EAA3B,CAA8B,CAC9C;AAAA;AAAA,SACH,GACE;AAAA,OAAA,EACN;AAAA;AAAA,GACF;AAEJ,CAAA;AAEA,IAAM,eAAA,GAAmC,CAAC,EAAE,KAAA,EAAO,QAAO,KAAM;AAC9D,EAAA,MAAM,CAAA,GAAI,gBAAgB,KAAK,CAAA;AAC/B,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,MAAA;AAAA,QACT,cAAA,EAAgB,YAAA;AAAA,QAChB,OAAA,EAAS;AAAA,OACX;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO;AAAA,YACL,YAAY,CAAA,CAAE,WAAA;AAAA,YACd,YAAA,EAAc,MAAA;AAAA,YACd,sBAAA,EAAwB,IAAA;AAAA,YACxB,OAAA,EAAS;AAAA,WACX;AAAA,UAEA,QAAA,kBAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,UAAU,MAAA,CAAO,QAAA;AAAA,cACjB,OAAO,CAAA,CAAE,MAAA;AAAA,cACT,IAAA,EAAM,CAAA;AAAA,cACN,GAAA,EAAK;AAAA;AAAA;AACP;AAAA;AACF;AAAA,GACF;AAEJ,CAAA;AAEA,IAAM,aAAA,GAAiC,CAAC,EAAE,KAAA,EAAO,SAAQ,KAAM;AAC7D,EAAA,MAAM,CAAA,GAAI,gBAAgB,KAAK,CAAA;AAC/B,EAAA,MAAM,IAAA,GAAO,QAAQ,OAAA,CAClB,GAAA;AAAA,IAAI,CAAC,CAAA,KACJ,CAAA,CAAE,IAAA,KAAS,MAAA,GACN,EAAsC,KAAA,CACpC,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,KAAA,IAAS,EAAE,CAAA,CACxB,IAAA,CAAK,EAAE,CAAA,GACV;AAAA,GACN,CACC,KAAK,GAAG,CAAA;AACX,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,SAAA,EAAW,QAAA;AAAA,QACX,OAAO,CAAA,CAAE,MAAA;AAAA,QACT,QAAA,EAAU,EAAA;AAAA,QACV,UAAA,EAAY,GAAA;AAAA,QACZ,OAAA,EAAS,OAAA;AAAA,QACT,GAAG,WAAA,CAAY,OAAA,CAAQ,gBAAgB,EAAE,QAAA,EAAU,GAAG;AAAA,OACxD;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,IAAM,QAAA,GAA8B,CAAC,EAAE,KAAA,EAAO,UAAS,KAAM;AAC3D,EAAA,MAAM,CAAA,GAAI,gBAAgB,KAAK,CAAA;AAC/B,EAAA,MAAM,OAAA,GAAU,QAAA,CAAS,IAAA,CAAK,MAAA,GAAS,CAAA;AACvC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,UAAA;AAAA,QACN,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,UAAA;AAAA,QACZ,GAAA,EAAK,CAAA;AAAA,QACL,OAAA,EAAS;AAAA,OACX;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,KAAA,EAAO,EAAA;AAAA,cACP,MAAA,EAAQ,EAAA;AAAA,cACR,YAAA,EAAc,KAAA;AAAA,cACd,UAAA,EAAY,KAAA,KAAU,MAAA,GAAS,SAAA,GAAY,SAAA;AAAA,cAC3C,OAAO,CAAA,CAAE,MAAA;AAAA,cACT,OAAA,EAAS,MAAA;AAAA,cACT,UAAA,EAAY,QAAA;AAAA,cACZ,cAAA,EAAgB,QAAA;AAAA,cAChB,QAAA,EAAU;AAAA,aACZ;AAAA,YACD,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,wBACA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,IAAA,EAAM,CAAA;AAAA,cACN,SAAA,EAAW,EAAA;AAAA,cACX,OAAA,EAAS,MAAA;AAAA,cACT,UAAA,EAAY,QAAA;AAAA,cACZ,MAAA,EAAQ,CAAA,UAAA,EAAa,CAAA,CAAE,cAAc,CAAA,CAAA;AAAA,cACrC,YAAA,EAAc,EAAA;AAAA,cACd,OAAA,EAAS,UAAA;AAAA,cACT,YAAY,CAAA,CAAE,UAAA;AAAA,cACd,OAAO,CAAA,CAAE,IAAA;AAAA,cACT,QAAA,EAAU;AAAA,aACZ;AAAA,YAEC,QAAA,EAAA,OAAA,wBACE,MAAA,EAAA,EACE,QAAA,EAAA;AAAA,cAAA,QAAA,CAAS,IAAA;AAAA,8BACV,GAAA,CAAC,UAAK,KAAA,EAAO,EAAE,OAAO,CAAA,CAAE,UAAA,IAAc,QAAA,EAAA,GAAA,EAAC;AAAA,aAAA,EACzC,CAAA,uBAEC,MAAA,EAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,CAAE,WAAA,EAAY,EAAG,QAAA,EAAA,UAAA,EAAQ;AAAA;AAAA,SAEnD;AAAA,QACC,OAAA,mBACC,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,KAAA,EAAO,EAAA;AAAA,cACP,MAAA,EAAQ,EAAA;AAAA,cACR,YAAA,EAAc,KAAA;AAAA,cACd,YAAY,CAAA,CAAE,UAAA;AAAA,cACd,KAAA,EAAO,MAAA;AAAA,cACP,OAAA,EAAS,MAAA;AAAA,cACT,UAAA,EAAY,QAAA;AAAA,cACZ,cAAA,EAAgB,QAAA;AAAA,cAChB,QAAA,EAAU;AAAA,aACZ;AAAA,YACD,QAAA,EAAA;AAAA;AAAA,SAED,GACE;AAAA;AAAA;AAAA,GACN;AAEJ,CAAA;AAEA,IAAM,QAAA,GAAW;AAAA,EACf,CAAC,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,KAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAG,CAAA;AAAA,EACjD,CAAC,KAAK,GAAA,EAAK,GAAA,EAAK,KAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAG,CAAA;AAAA,EAC5C,CAAC,UAAK,GAAA,EAAK,GAAA,EAAK,KAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,QAAG;AAC9C,CAAA;AAEA,IAAM,QAAA,GAAyC,CAAC,EAAE,KAAA,EAAM,KAAM;AAC5D,EAAA,MAAM,CAAA,GAAI,gBAAgB,KAAK,CAAA;AAC/B,EAAA,MAAM,GAAA,GAAM,CAAC,KAAA,EAAe,IAAA,GAAO,KAAA,qBACjC,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MAEC,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,OAAO,GAAA,GAAM,CAAA;AAAA,QACnB,SAAA,EAAW,QAAA;AAAA,QACX,OAAA,EAAS,OAAA;AAAA,QACT,YAAA,EAAc,CAAA;AAAA,QACd,YAAY,KAAA,KAAU,QAAA,IAAO,KAAA,KAAU,QAAA,GAAM,gBAAgB,CAAA,CAAE,KAAA;AAAA,QAC/D,OAAO,CAAA,CAAE,OAAA;AAAA,QACT,QAAA,EAAU,EAAA;AAAA,QACV,UAAA,EAAY,GAAA;AAAA,QACZ,SAAA,EACE,UAAU,QAAA,IAAO,KAAA,KAAU,WAAM,MAAA,GAAS,CAAA,QAAA,EAAW,EAAE,SAAS,CAAA,CAAA;AAAA,QAClE,aAAA,EAAe,KAAA,CAAM,MAAA,KAAW,CAAA,GAAI,WAAA,GAAc;AAAA,OACpD;AAAA,MAEC,QAAA,EAAA;AAAA,KAAA;AAAA,IAfI;AAAA,GAgBP;AAEF,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,UAAA;AAAA,QACN,YAAY,CAAA,CAAE,UAAA;AAAA,QACd,OAAA,EAAS,aAAA;AAAA,QACT,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe,QAAA;AAAA,QACf,GAAA,EAAK;AAAA,OACP;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA,CAAS,GAAA,CAAI,CAAC,GAAA,EAAK,CAAA,qBAClB,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YAEC,KAAA,EAAO;AAAA,cACL,OAAA,EAAS,MAAA;AAAA,cACT,GAAA,EAAK,CAAA;AAAA,cACL,OAAA,EAAS,CAAA,KAAM,CAAA,GAAI,QAAA,GAAW;AAAA,aAChC;AAAA,YAEC,QAAA,EAAA,GAAA,CAAI,GAAA,CAAI,CAAC,CAAA,KAAM,GAAA,CAAI,GAAG,CAAA,KAAM,QAAA,IAAO,CAAA,KAAM,QAAG,CAAC;AAAA,WAAA;AAAA,UAPzC;AAAA,SASR,CAAA;AAAA,wBACD,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,OAAA,EAAS,QAAQ,GAAA,EAAK,CAAA,EAAG,OAAA,EAAS,OAAA,EAAQ,EACrD,QAAA,EAAA;AAAA,UAAA,GAAA,CAAI,OAAO,IAAI,CAAA;AAAA,UACf,GAAA,CAAI,SAAS,KAAK,CAAA;AAAA,UAClB,GAAA,CAAI,UAAU,IAAI;AAAA,SAAA,EACrB;AAAA;AAAA;AAAA,GACF;AAEJ,CAAA;AAEA,IAAM,QAAmD,CAAC;AAAA,EACxD,KAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,CAAA,GAAI,gBAAgB,KAAK,CAAA;AAC/B,EAAA,MAAM,UACJ,OAAO,OAAA,EAAS,OAAA,KAAY,QAAA,GAAW,QAAQ,OAAA,GAAU,UAAA;AAC3D,EAAA,MAAM,YAAA,GAAe,SAAS,QAAA,KAAa,KAAA;AAC3C,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,UAAA,EAAY,mBAAA;AAAA,QACZ,YAAY,CAAA,CAAE,EAAA;AAAA,QACd,OAAO,CAAA,CAAE,IAAA;AAAA,QACT,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe,QAAA;AAAA,QACf,MAAA,EAAQ,MAAA;AAAA,QACR,KAAA,EAAO,MAAA;AAAA,QACP,mBAAA,EAAqB;AAAA,OACvB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,aAAU,KAAA,EAAc,CAAA;AAAA,wBACzB,GAAA,CAAC,MAAA,EAAA,EAAO,KAAA,EAAc,KAAA,EAAO,OAAA,EAAS,CAAA;AAAA,wBACtC,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,IAAA,EAAM,UAAA;AAAA,cACN,SAAA,EAAW,CAAA;AAAA,cACX,OAAA,EAAS,MAAA;AAAA,cACT,aAAA,EAAe,QAAA;AAAA,cACf,cAAA,EAAgB,UAAA;AAAA,cAChB,QAAA,EAAU,QAAA;AAAA,cACV,aAAA,EAAe;AAAA,aACjB;AAAA,YAEC;AAAA;AAAA,SACH;AAAA,QACC,YAAA,mBAAe,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAc,CAAA,GAAK;AAAA;AAAA;AAAA,GAC/C;AAEJ,CAAA;AAEO,IAAM,kBAAA,GAAqB;AAAA,EAChC,KAAA;AAAA,EACA,OAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF;;;ACjeO,IAAM,oBAAA,GAAqC;AAAA,EAChD,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,QAAA;AAAA,IACT,YAAA,EAAc,QAAA;AAAA,IACd,IAAA,EAAM,QAAA;AAAA,IACN,MAAA,EAAQ,QAAA;AAAA;AAAA,IACR,QAAA,EAAU,QAAA;AAAA;AAAA,IACV,WAAA,EAAa,QAAA;AAAA;AAAA,IACb,IAAA,EAAM,QAAA;AAAA,IACN,MAAA,EAAQ,QAAA;AAAA,IACR,MAAA,EAAQ,UAAA;AAAA;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACT;AAAA,EACA,SAAA,EAAW,IAAA;AAAA,EACX,OAAA,EAAS,KAAA;AAAA,EACT,YAAA,EAAc;AAChB;;;ACfO,IAAM,aAAA,GAAmC;AAAA,EAC9C;AAAA,IACE,MAAA,EAAQ,OAAA;AAAA,IACR,QAAA,EAAU,QAAA;AAAA,IACV,OAAA,EAAS,CAAC,GAAA,EAAK,GAAA,EAAK,GAAG,CAAA;AAAA,IACvB,OAAA,EAAS;AAAA,MACP;AAAA,QACE,GAAA,EAAK,+EAAA;AAAA,QACL,MAAA,EAAQ,GAAA;AAAA,QACR,MAAA,EAAQ;AAAA,OACV;AAAA,MACA;AAAA,QACE,GAAA,EAAK,+EAAA;AAAA,QACL,MAAA,EAAQ,GAAA;AAAA,QACR,MAAA,EAAQ;AAAA;AACV;AACF;AAEJ","file":"chunk-NCSI7C7I.js","sourcesContent":["import type { ResolvedTheme } from \"@typecaast/core\";\nimport type { SkinTokens } from \"@typecaast/skin-kit\";\n\nexport interface IMessageColors {\n  bg: string;\n  text: string;\n  subtle: string;\n  selfBubble: string;\n  selfText: string;\n  otherBubble: string;\n  otherText: string;\n  navBg: string;\n  navBorder: string;\n  statusText: string;\n  composerBg: string;\n  composerBorder: string;\n  placeholder: string;\n  keyboardBg: string;\n  keyBg: string;\n  keyText: string;\n  keyShadow: string;\n  tapbackBg: string;\n  link: string;\n}\n\nexport const IMESSAGE_COLORS: Record<ResolvedTheme, IMessageColors> = {\n  light: {\n    bg: \"#ffffff\",\n    text: \"#000000\",\n    subtle: \"#8e8e93\",\n    selfBubble: \"#0b93f6\",\n    selfText: \"#ffffff\",\n    otherBubble: \"#e9e9eb\",\n    otherText: \"#000000\",\n    navBg: \"rgba(249,249,249,0.94)\",\n    navBorder: \"rgba(0,0,0,0.12)\",\n    statusText: \"#000000\",\n    composerBg: \"#ffffff\",\n    composerBorder: \"#d1d1d6\",\n    placeholder: \"#8e8e93\",\n    keyboardBg: \"#d1d4db\",\n    keyBg: \"#ffffff\",\n    keyText: \"#000000\",\n    keyShadow: \"rgba(0,0,0,0.28)\",\n    tapbackBg: \"#e9e9eb\",\n    link: \"#0b93f6\",\n  },\n  dark: {\n    bg: \"#000000\",\n    text: \"#ffffff\",\n    subtle: \"#8e8e93\",\n    selfBubble: \"#0b93f6\",\n    selfText: \"#ffffff\",\n    otherBubble: \"#26252a\",\n    otherText: \"#ffffff\",\n    navBg: \"rgba(22,22,22,0.92)\",\n    navBorder: \"rgba(255,255,255,0.12)\",\n    statusText: \"#ffffff\",\n    composerBg: \"#1c1c1e\",\n    composerBorder: \"#38383a\",\n    placeholder: \"#8e8e93\",\n    keyboardBg: \"#1c1c1e\",\n    keyBg: \"#6b6b6f\",\n    keyText: \"#ffffff\",\n    keyShadow: \"rgba(0,0,0,0.5)\",\n    tapbackBg: \"#26252a\",\n    link: \"#0b93f6\",\n  },\n};\n\nexport const IMESSAGE_FONT_STACK =\n  'Inter, -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto, sans-serif';\n\nexport const imessageTokens: { light: SkinTokens; dark: SkinTokens } = {\n  light: {\n    colors: IMESSAGE_COLORS.light as unknown as Record<string, string>,\n  },\n  dark: { colors: IMESSAGE_COLORS.dark as unknown as Record<string, string> },\n};\n","import type { CSSProperties, FC, ReactNode } from \"react\";\nimport type {\n  AvatarProps,\n  ComposerProps,\n  FrameProps,\n  MessageProps,\n  ReactionProps,\n  ResolvedTheme,\n  SystemProps,\n  TypingProps,\n} from \"@typecaast/core\";\nimport {\n  fadeSlideIn,\n  MessageContent,\n  popIn,\n  TypingDots,\n  type ContentStyles,\n} from \"@typecaast/skin-kit\";\nimport { IMESSAGE_COLORS, IMESSAGE_FONT_STACK } from \"./tokens.js\";\n\nconst RADIUS = 18;\nconst TAIL = 5;\n\nfunction initials(name: string): string {\n  return name\n    .split(/\\s+/)\n    .map((w) => w.charAt(0))\n    .slice(0, 2)\n    .join(\"\")\n    .toUpperCase();\n}\n\nfunction markStyles(c: (typeof IMESSAGE_COLORS)[ResolvedTheme]): ContentStyles {\n  return {\n    link: { color: c.link, textDecoration: \"underline\" },\n    code: {\n      fontFamily: \"Menlo, monospace\",\n      fontSize: \"0.9em\",\n    },\n  };\n}\n\nconst StatusBar: FC<{ theme: ResolvedTheme }> = ({ theme }) => {\n  const c = IMESSAGE_COLORS[theme];\n  return (\n    <div\n      style={{\n        flex: \"0 0 auto\",\n        height: 44,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n        padding: \"0 24px\",\n        color: c.statusText,\n        fontWeight: 600,\n        fontSize: 15,\n      }}\n    >\n      <span>9:41</span>\n      <div style={{ display: \"flex\", alignItems: \"center\", gap: 6 }}>\n        {/* signal */}\n        <span\n          style={{ display: \"inline-flex\", alignItems: \"flex-end\", gap: 1.5 }}\n        >\n          {[5, 7, 9, 11].map((h, i) => (\n            <span\n              key={i}\n              style={{\n                width: 3,\n                height: h,\n                borderRadius: 1,\n                background: c.statusText,\n              }}\n            />\n          ))}\n        </span>\n        <span style={{ fontSize: 13, fontWeight: 600 }}>5G</span>\n        {/* battery */}\n        <span\n          style={{\n            display: \"inline-block\",\n            width: 24,\n            height: 12,\n            borderRadius: 3,\n            border: `1px solid ${c.statusText}`,\n            position: \"relative\",\n            opacity: 0.9,\n          }}\n        >\n          <span\n            style={{\n              position: \"absolute\",\n              inset: 1.5,\n              width: \"70%\",\n              borderRadius: 1,\n              background: c.statusText,\n            }}\n          />\n        </span>\n      </div>\n    </div>\n  );\n};\n\nconst Avatar: FC<AvatarProps> = ({ participant, size = 30 }) => {\n  if (participant.avatar) {\n    return (\n      <img\n        src={participant.avatar}\n        alt={participant.name}\n        width={size}\n        height={size}\n        style={{\n          width: size,\n          height: size,\n          borderRadius: \"50%\",\n          objectFit: \"cover\",\n        }}\n      />\n    );\n  }\n  return (\n    <div\n      style={{\n        width: size,\n        height: size,\n        borderRadius: \"50%\",\n        background: participant.color ?? \"#a9a9af\",\n        color: \"#fff\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        fontSize: size * 0.4,\n        fontWeight: 500,\n      }}\n    >\n      {initials(participant.name)}\n    </div>\n  );\n};\n\nconst NavBar: FC<{\n  theme: ResolvedTheme;\n  title: string;\n  participant?: AvatarProps[\"participant\"];\n}> = ({ theme, title, participant }) => {\n  const c = IMESSAGE_COLORS[theme];\n  return (\n    <div\n      style={{\n        flex: \"0 0 auto\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        gap: 3,\n        padding: \"4px 0 8px\",\n        background: c.navBg,\n        borderBottom: `0.5px solid ${c.navBorder}`,\n        backdropFilter: \"blur(20px)\",\n      }}\n    >\n      {participant ? (\n        <Avatar theme={theme} participant={participant} size={42} />\n      ) : null}\n      <span style={{ fontSize: 11, fontWeight: 500, color: c.text }}>\n        {title}\n        <span style={{ marginLeft: 3, color: c.subtle }}>›</span>\n      </span>\n    </div>\n  );\n};\n\nconst Reaction: FC<ReactionProps> = ({ theme, reaction }) => {\n  const c = IMESSAGE_COLORS[theme];\n  return (\n    <span\n      style={{\n        ...popIn(reaction.progress),\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        background: c.tapbackBg,\n        borderRadius: 12,\n        padding: \"2px 6px\",\n        fontSize: 12,\n        boxShadow: `0 1px 2px ${theme === \"dark\" ? \"rgba(0,0,0,0.5)\" : \"rgba(0,0,0,0.15)\"}`,\n      }}\n    >\n      {reaction.emoji}\n    </span>\n  );\n};\n\nconst Message: FC<MessageProps> = ({ theme, message }) => {\n  const c = IMESSAGE_COLORS[theme];\n  const self = message.isSelf;\n  const bubbleStyle: CSSProperties = {\n    maxWidth: \"72%\",\n    padding: \"7px 12px\",\n    borderRadius: RADIUS,\n    background: self ? c.selfBubble : c.otherBubble,\n    color: self ? c.selfText : c.otherText,\n    fontSize: 16,\n    lineHeight: 1.3,\n    wordBreak: \"break-word\",\n    ...(self\n      ? { borderBottomRightRadius: TAIL }\n      : { borderBottomLeftRadius: TAIL }),\n  };\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        justifyContent: self ? \"flex-end\" : \"flex-start\",\n        padding: message.isGrouped ? \"1px 12px\" : \"3px 12px\",\n        ...fadeSlideIn(message.revealProgress, { distance: 6 }),\n      }}\n    >\n      <div style={{ position: \"relative\" }}>\n        <div style={bubbleStyle}>\n          <MessageContent\n            nodes={message.content}\n            styles={markStyles(c)}\n            imageStyle={{ borderRadius: 14, maxWidth: 240, marginTop: 2 }}\n          />\n        </div>\n        {message.reactions.length > 0 ? (\n          <div\n            style={{\n              position: \"absolute\",\n              top: -14,\n              ...(self ? { left: -6 } : { right: -6 }),\n              display: \"flex\",\n              gap: 2,\n            }}\n          >\n            {message.reactions.map((r, i) => (\n              <Reaction key={i} theme={theme} reaction={r} />\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nconst TypingIndicator: FC<TypingProps> = ({ theme, typing }) => {\n  const c = IMESSAGE_COLORS[theme];\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        justifyContent: \"flex-start\",\n        padding: \"3px 12px\",\n      }}\n    >\n      <div\n        style={{\n          background: c.otherBubble,\n          borderRadius: RADIUS,\n          borderBottomLeftRadius: TAIL,\n          padding: \"10px 14px\",\n        }}\n      >\n        <TypingDots\n          progress={typing.progress}\n          color={c.subtle}\n          size={8}\n          gap={5}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst SystemMessage: FC<SystemProps> = ({ theme, message }) => {\n  const c = IMESSAGE_COLORS[theme];\n  const text = message.content\n    .map((n) =>\n      n.type === \"text\"\n        ? (n as { spans: { value?: string }[] }).spans\n            .map((s) => s.value ?? \"\")\n            .join(\"\")\n        : \"\",\n    )\n    .join(\" \");\n  return (\n    <div\n      style={{\n        textAlign: \"center\",\n        color: c.subtle,\n        fontSize: 12,\n        fontWeight: 500,\n        padding: \"8px 0\",\n        ...fadeSlideIn(message.revealProgress, { distance: 0 }),\n      }}\n    >\n      {text}\n    </div>\n  );\n};\n\nconst Composer: FC<ComposerProps> = ({ theme, composer }) => {\n  const c = IMESSAGE_COLORS[theme];\n  const hasText = composer.text.length > 0;\n  return (\n    <div\n      style={{\n        flex: \"0 0 auto\",\n        display: \"flex\",\n        alignItems: \"flex-end\",\n        gap: 8,\n        padding: \"8px 12px\",\n      }}\n    >\n      <span\n        style={{\n          width: 30,\n          height: 30,\n          borderRadius: \"50%\",\n          background: theme === \"dark\" ? \"#1c1c1e\" : \"#e9e9eb\",\n          color: c.subtle,\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          fontSize: 20,\n        }}\n      >\n        +\n      </span>\n      <div\n        style={{\n          flex: 1,\n          minHeight: 34,\n          display: \"flex\",\n          alignItems: \"center\",\n          border: `1px solid ${c.composerBorder}`,\n          borderRadius: 18,\n          padding: \"5px 12px\",\n          background: c.composerBg,\n          color: c.text,\n          fontSize: 16,\n        }}\n      >\n        {hasText ? (\n          <span>\n            {composer.text}\n            <span style={{ color: c.selfBubble }}>|</span>\n          </span>\n        ) : (\n          <span style={{ color: c.placeholder }}>iMessage</span>\n        )}\n      </div>\n      {hasText ? (\n        <span\n          style={{\n            width: 30,\n            height: 30,\n            borderRadius: \"50%\",\n            background: c.selfBubble,\n            color: \"#fff\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            fontSize: 17,\n          }}\n        >\n          ↑\n        </span>\n      ) : null}\n    </div>\n  );\n};\n\nconst KEY_ROWS = [\n  [\"q\", \"w\", \"e\", \"r\", \"t\", \"y\", \"u\", \"i\", \"o\", \"p\"],\n  [\"a\", \"s\", \"d\", \"f\", \"g\", \"h\", \"j\", \"k\", \"l\"],\n  [\"⇧\", \"z\", \"x\", \"c\", \"v\", \"b\", \"n\", \"m\", \"⌫\"],\n];\n\nconst Keyboard: FC<{ theme: ResolvedTheme }> = ({ theme }) => {\n  const c = IMESSAGE_COLORS[theme];\n  const key = (label: string, wide = false): ReactNode => (\n    <span\n      key={label}\n      style={{\n        flex: wide ? 1.6 : 1,\n        textAlign: \"center\",\n        padding: \"9px 0\",\n        borderRadius: 5,\n        background: label === \"⇧\" || label === \"⌫\" ? \"transparent\" : c.keyBg,\n        color: c.keyText,\n        fontSize: 16,\n        fontWeight: 400,\n        boxShadow:\n          label === \"⇧\" || label === \"⌫\" ? \"none\" : `0 1px 0 ${c.keyShadow}`,\n        textTransform: label.length === 1 ? \"uppercase\" : \"none\",\n      }}\n    >\n      {label}\n    </span>\n  );\n  return (\n    <div\n      style={{\n        flex: \"0 0 auto\",\n        background: c.keyboardBg,\n        padding: \"6px 3px 4px\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        gap: 7,\n      }}\n    >\n      {KEY_ROWS.map((row, i) => (\n        <div\n          key={i}\n          style={{\n            display: \"flex\",\n            gap: 5,\n            padding: i === 1 ? \"0 18px\" : \"0 3px\",\n          }}\n        >\n          {row.map((k) => key(k, k === \"⇧\" || k === \"⌫\"))}\n        </div>\n      ))}\n      <div style={{ display: \"flex\", gap: 5, padding: \"0 3px\" }}>\n        {key(\"123\", true)}\n        {key(\"space\", false)}\n        {key(\"return\", true)}\n      </div>\n    </div>\n  );\n};\n\nconst Frame: FC<FrameProps & { children?: ReactNode }> = ({\n  theme,\n  options,\n  children,\n}) => {\n  const c = IMESSAGE_COLORS[theme];\n  const contact =\n    typeof options?.contact === \"string\" ? options.contact : \"Messages\";\n  const showKeyboard = options?.keyboard !== false;\n  return (\n    <div\n      style={{\n        fontFamily: IMESSAGE_FONT_STACK,\n        background: c.bg,\n        color: c.text,\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"100%\",\n        width: \"100%\",\n        WebkitFontSmoothing: \"antialiased\",\n      }}\n    >\n      <StatusBar theme={theme} />\n      <NavBar theme={theme} title={contact} />\n      <div\n        style={{\n          flex: \"1 1 auto\",\n          minHeight: 0,\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"flex-end\",\n          overflow: \"hidden\",\n          paddingBottom: 4,\n        }}\n      >\n        {children}\n      </div>\n      {showKeyboard ? <Keyboard theme={theme} /> : null}\n    </div>\n  );\n};\n\nexport const imessageComponents = {\n  Frame,\n  Message,\n  TypingIndicator,\n  Reaction,\n  Composer,\n  SystemMessage,\n  Avatar,\n};\n","import type { Capabilities } from \"@typecaast/skin-kit\";\n\n/** iMessage: bubbles + tapback reactions + read receipts; no app/system cards. */\nexport const imessageCapabilities: Capabilities = {\n  events: {\n    message: \"native\",\n    composerType: \"native\",\n    send: \"native\",\n    typing: \"native\", // dot bubble\n    reaction: \"native\", // tapbacks\n    readReceipt: \"native\", // \"Delivered\" / \"Read\"\n    edit: \"native\",\n    delete: \"native\",\n    system: \"fallback\", // rendered as centered grey text, not an app card\n    beat: \"native\",\n  },\n  content: {\n    text: true,\n    image: true,\n  },\n  reactions: true,\n  threads: false,\n  readReceipts: true,\n};\n","import type { FontDeclaration } from \"@typecaast/skin-kit\";\n\n/**\n * iMessage uses **SF Pro**, which is Apple-licensed and unavailable on\n * Windows/Linux — so the skin ships **Inter** (OFL) as the documented stand-in\n * (PLAN §19). The skin records both the intended font and the shipped\n * substitute so the choice is transparent.\n */\nexport const imessageFonts: FontDeclaration[] = [\n  {\n    family: \"Inter\",\n    intended: \"SF Pro\",\n    weights: [400, 500, 600],\n    sources: [\n      {\n        url: \"https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-400-normal.woff2\",\n        weight: 400,\n        format: \"woff2\",\n      },\n      {\n        url: \"https://cdn.jsdelivr.net/fontsource/fonts/inter@latest/latin-600-normal.woff2\",\n        weight: 600,\n        format: \"woff2\",\n      },\n    ],\n  },\n];\n"]}