@medialane/ui 0.174.0 → 0.176.0

package/dist/components/account/account-section.cjs

@@ -0,0 +1,50 @@
+"use strict";
+"use client";
+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 account_section_exports = {};
+__export(account_section_exports, {
+  AccountSection: () => AccountSection
+});
+module.exports = __toCommonJS(account_section_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_cn = require("../../utils/cn.js");
+function AccountSection({
+  icon: Icon,
+  iconColor = "text-primary",
+  iconBg = "bg-primary/10",
+  title,
+  description,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-2xl border border-border/60 bg-card p-5 sm:p-6 space-y-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("h-10 w-10 shrink-0 rounded-full flex items-center justify-center", iconBg), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: (0, import_cn.cn)("h-5 w-5", iconColor) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-base font-bold text-foreground", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground mt-0.5", children: description })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-4", children })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccountSection
+});
+//# sourceMappingURL=account-section.cjs.map

package/dist/components/account/account-section.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/account-section.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ElementType, ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface AccountSectionProps {\n  icon: ElementType;\n  iconColor?: string;\n  iconBg?: string;\n  title: string;\n  description: string;\n  children: ReactNode;\n}\n\nexport function AccountSection({\n  icon: Icon,\n  iconColor = \"text-primary\",\n  iconBg = \"bg-primary/10\",\n  title,\n  description,\n  children,\n}: AccountSectionProps) {\n  return (\n    <div className=\"rounded-2xl border border-border/60 bg-card p-5 sm:p-6 space-y-5\">\n      <div className=\"flex items-start gap-3\">\n        <div className={cn(\"h-10 w-10 shrink-0 rounded-full flex items-center justify-center\", iconBg)}>\n          <Icon className={cn(\"h-5 w-5\", iconColor)} />\n        </div>\n        <div>\n          <h3 className=\"text-base font-bold text-foreground\">{title}</h3>\n          <p className=\"text-sm text-muted-foreground mt-0.5\">{description}</p>\n        </div>\n      </div>\n      <div className=\"space-y-4\">{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BU;AAvBV,gBAAmB;AAWZ,SAAS,eAAe;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,SACE,6CAAC,SAAI,WAAU,oEACb;AAAA,iDAAC,SAAI,WAAU,0BACb;AAAA,kDAAC,SAAI,eAAW,cAAG,oEAAoE,MAAM,GAC3F,sDAAC,QAAK,eAAW,cAAG,WAAW,SAAS,GAAG,GAC7C;AAAA,MACA,6CAAC,SACC;AAAA,oDAAC,QAAG,WAAU,uCAAuC,iBAAM;AAAA,QAC3D,4CAAC,OAAE,WAAU,wCAAwC,uBAAY;AAAA,SACnE;AAAA,OACF;AAAA,IACA,4CAAC,SAAI,WAAU,aAAa,UAAS;AAAA,KACvC;AAEJ;","names":[]}

package/dist/components/account/account-section.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ElementType, ReactNode } from 'react';
+
+interface AccountSectionProps {
+    icon: ElementType;
+    iconColor?: string;
+    iconBg?: string;
+    title: string;
+    description: string;
+    children: ReactNode;
+}
+declare function AccountSection({ icon: Icon, iconColor, iconBg, title, description, children, }: AccountSectionProps): react_jsx_runtime.JSX.Element;
+
+export { AccountSection, type AccountSectionProps };

package/dist/components/account/account-section.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ElementType, ReactNode } from 'react';
+
+interface AccountSectionProps {
+    icon: ElementType;
+    iconColor?: string;
+    iconBg?: string;
+    title: string;
+    description: string;
+    children: ReactNode;
+}
+declare function AccountSection({ icon: Icon, iconColor, iconBg, title, description, children, }: AccountSectionProps): react_jsx_runtime.JSX.Element;
+
+export { AccountSection, type AccountSectionProps };

package/dist/components/account/account-section.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+function AccountSection({
+  icon: Icon,
+  iconColor = "text-primary",
+  iconBg = "bg-primary/10",
+  title,
+  description,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border/60 bg-card p-5 sm:p-6 space-y-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: cn("h-10 w-10 shrink-0 rounded-full flex items-center justify-center", iconBg), children: /* @__PURE__ */ jsx(Icon, { className: cn("h-5 w-5", iconColor) }) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-base font-bold text-foreground", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: description })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-4", children })
+  ] });
+}
+export {
+  AccountSection
+};
+//# sourceMappingURL=account-section.js.map

package/dist/components/account/account-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/account-section.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ElementType, ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport interface AccountSectionProps {\n  icon: ElementType;\n  iconColor?: string;\n  iconBg?: string;\n  title: string;\n  description: string;\n  children: ReactNode;\n}\n\nexport function AccountSection({\n  icon: Icon,\n  iconColor = \"text-primary\",\n  iconBg = \"bg-primary/10\",\n  title,\n  description,\n  children,\n}: AccountSectionProps) {\n  return (\n    <div className=\"rounded-2xl border border-border/60 bg-card p-5 sm:p-6 space-y-5\">\n      <div className=\"flex items-start gap-3\">\n        <div className={cn(\"h-10 w-10 shrink-0 rounded-full flex items-center justify-center\", iconBg)}>\n          <Icon className={cn(\"h-5 w-5\", iconColor)} />\n        </div>\n        <div>\n          <h3 className=\"text-base font-bold text-foreground\">{title}</h3>\n          <p className=\"text-sm text-muted-foreground mt-0.5\">{description}</p>\n        </div>\n      </div>\n      <div className=\"space-y-4\">{children}</div>\n    </div>\n  );\n}\n"],"mappings":";AA0BU,cAEF,YAFE;AAvBV,SAAS,UAAU;AAWZ,SAAS,eAAe;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,SACE,qBAAC,SAAI,WAAU,oEACb;AAAA,yBAAC,SAAI,WAAU,0BACb;AAAA,0BAAC,SAAI,WAAW,GAAG,oEAAoE,MAAM,GAC3F,8BAAC,QAAK,WAAW,GAAG,WAAW,SAAS,GAAG,GAC7C;AAAA,MACA,qBAAC,SACC;AAAA,4BAAC,QAAG,WAAU,uCAAuC,iBAAM;AAAA,QAC3D,oBAAC,OAAE,WAAU,wCAAwC,uBAAY;AAAA,SACnE;AAAA,OACF;AAAA,IACA,oBAAC,SAAI,WAAU,aAAa,UAAS;AAAA,KACvC;AAEJ;","names":[]}

package/dist/components/account/account.test.cjs

@@ -0,0 +1,86 @@
+"use strict";
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_bun_test = require("bun:test");
+var import_server = require("react-dom/server");
+var import_lucide_react = require("lucide-react");
+var import_account_section = require("./account-section.js");
+var import_email_code_entry = require("./email-code-entry.js");
+var import_devices_section = require("./devices-section.js");
+var import_guardian_recovery_section = require("./guardian-recovery-section.js");
+var import_email_code = require("../../utils/email-code.js");
+const emailCode = (state) => ({
+  state: { ...import_email_code.initialEmailCodeState, ...state },
+  setCode: () => {
+  },
+  send: async () => true,
+  fail: () => {
+  },
+  verify: async () => true,
+  markReady: () => {
+  }
+});
+const wallet = {
+  getOwners: async () => [],
+  addDevice: async () => "",
+  removeDevice: async () => "",
+  getGuardians: async () => [],
+  getEscape: async () => ({ escapeType: "None", status: "None", readyAt: 0 }),
+  setFirstGuardian: async () => "",
+  cancelEscape: async () => ""
+};
+(0, import_bun_test.describe)("an account section", () => {
+  (0, import_bun_test.test)("shows its title, description and content", () => {
+    const html = (0, import_server.renderToStaticMarkup)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_account_section.AccountSection, { icon: import_lucide_react.Shield, title: "Devices", description: "Who can sign", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "content" }) })
+    );
+    (0, import_bun_test.expect)(html).toContain("Devices");
+    (0, import_bun_test.expect)(html).toContain("Who can sign");
+    (0, import_bun_test.expect)(html).toContain("content");
+  });
+});
+(0, import_bun_test.describe)("the email code entry", () => {
+  (0, import_bun_test.test)("says the code is being sent", () => {
+    (0, import_bun_test.expect)((0, import_server.renderToStaticMarkup)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_email_code_entry.EmailCodeEntry, { emailCode: emailCode({ status: "sending" }), onVerify: () => {
+    } }))).toContain("Sending code");
+  });
+  (0, import_bun_test.test)("shows an error", () => {
+    const html = (0, import_server.renderToStaticMarkup)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_email_code_entry.EmailCodeEntry, { emailCode: emailCode({ status: "ready", error: "Incorrect code" }), onVerify: () => {
+    } }));
+    (0, import_bun_test.expect)(html).toContain("Incorrect code");
+  });
+  (0, import_bun_test.test)("counts down before the code can be sent again", () => {
+    const html = (0, import_server.renderToStaticMarkup)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_email_code_entry.EmailCodeEntry, { emailCode: emailCode({ status: "ready", cooldown: 30 }), onVerify: () => {
+    } }));
+    (0, import_bun_test.expect)(html).toContain("resend in 30s");
+    (0, import_bun_test.expect)(html).not.toContain("resend the code");
+  });
+  (0, import_bun_test.test)("offers a resend once the cooldown is over, and keeps verify off until six digits", () => {
+    const html = (0, import_server.renderToStaticMarkup)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_email_code_entry.EmailCodeEntry, { emailCode: emailCode({ status: "ready", cooldown: 0, code: "123" }), onVerify: () => {
+    } }));
+    (0, import_bun_test.expect)(html).toContain("resend the code");
+    (0, import_bun_test.expect)(html).toMatch(/<button[^>]*disabled[^>]*>[^<]*Verify/);
+  });
+});
+(0, import_bun_test.describe)("the devices section", () => {
+  (0, import_bun_test.test)("starts with its heading and the add button while devices load", () => {
+    const html = (0, import_server.renderToStaticMarkup)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_devices_section.DevicesSection, { walletAddress: "0x1", wallet, loadSealed: () => null }));
+    (0, import_bun_test.expect)(html).toContain("Your devices");
+    (0, import_bun_test.expect)(html).toContain("Add");
+  });
+});
+(0, import_bun_test.describe)("the guardian recovery section", () => {
+  (0, import_bun_test.test)("links to the app's recovery page", () => {
+    const html = (0, import_server.renderToStaticMarkup)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_guardian_recovery_section.GuardianRecoverySection, { walletAddress: "0x1", wallet, loadSealed: () => null, guardianRecoveryAvailable: true, recoverHref: "/settings/recovery" })
+    );
+    (0, import_bun_test.expect)(html).toContain("Guardian recovery");
+    (0, import_bun_test.expect)(html).toContain('href="/settings/recovery"');
+  });
+  (0, import_bun_test.test)("defaults the recovery link to /recover", () => {
+    const html = (0, import_server.renderToStaticMarkup)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_guardian_recovery_section.GuardianRecoverySection, { walletAddress: "0x1", wallet, loadSealed: () => null, guardianRecoveryAvailable: false })
+    );
+    (0, import_bun_test.expect)(html).toContain('href="/recover"');
+  });
+});
+//# sourceMappingURL=account.test.cjs.map

package/dist/components/account/account.test.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/account.test.tsx"],"sourcesContent":["import { describe, expect, test } from \"bun:test\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\nimport { Shield } from \"lucide-react\";\nimport { AccountSection } from \"./account-section.js\";\nimport { EmailCodeEntry } from \"./email-code-entry.js\";\nimport { DevicesSection } from \"./devices-section.js\";\nimport { GuardianRecoverySection } from \"./guardian-recovery-section.js\";\nimport { initialEmailCodeState, type EmailCodeState } from \"../../utils/email-code.js\";\nimport type { EmailCode } from \"../../utils/use-email-code.js\";\n\nconst emailCode = (state: Partial<EmailCodeState>): EmailCode => ({\n  state: { ...initialEmailCodeState, ...state },\n  setCode: () => {},\n  send: async () => true,\n  fail: () => {},\n  verify: async () => true,\n  markReady: () => {},\n});\n\nconst wallet = {\n  getOwners: async () => [],\n  addDevice: async () => \"\",\n  removeDevice: async () => \"\",\n  getGuardians: async () => [],\n  getEscape: async () => ({ escapeType: \"None\", status: \"None\", readyAt: 0 }),\n  setFirstGuardian: async () => \"\",\n  cancelEscape: async () => \"\",\n} as never;\n\ndescribe(\"an account section\", () => {\n  test(\"shows its title, description and content\", () => {\n    const html = renderToStaticMarkup(\n      <AccountSection icon={Shield} title=\"Devices\" description=\"Who can sign\">\n        <p>content</p>\n      </AccountSection>,\n    );\n    expect(html).toContain(\"Devices\");\n    expect(html).toContain(\"Who can sign\");\n    expect(html).toContain(\"content\");\n  });\n});\n\ndescribe(\"the email code entry\", () => {\n  test(\"says the code is being sent\", () => {\n    expect(renderToStaticMarkup(<EmailCodeEntry emailCode={emailCode({ status: \"sending\" })} onVerify={() => {}} />)).toContain(\"Sending code\");\n  });\n\n  test(\"shows an error\", () => {\n    const html = renderToStaticMarkup(<EmailCodeEntry emailCode={emailCode({ status: \"ready\", error: \"Incorrect code\" })} onVerify={() => {}} />);\n    expect(html).toContain(\"Incorrect code\");\n  });\n\n  test(\"counts down before the code can be sent again\", () => {\n    const html = renderToStaticMarkup(<EmailCodeEntry emailCode={emailCode({ status: \"ready\", cooldown: 30 })} onVerify={() => {}} />);\n    expect(html).toContain(\"resend in 30s\");\n    expect(html).not.toContain(\"resend the code\");\n  });\n\n  test(\"offers a resend once the cooldown is over, and keeps verify off until six digits\", () => {\n    const html = renderToStaticMarkup(<EmailCodeEntry emailCode={emailCode({ status: \"ready\", cooldown: 0, code: \"123\" })} onVerify={() => {}} />);\n    expect(html).toContain(\"resend the code\");\n    expect(html).toMatch(/<button[^>]*disabled[^>]*>[^<]*Verify/);\n  });\n});\n\ndescribe(\"the devices section\", () => {\n  test(\"starts with its heading and the add button while devices load\", () => {\n    const html = renderToStaticMarkup(<DevicesSection walletAddress=\"0x1\" wallet={wallet} loadSealed={() => null} />);\n    expect(html).toContain(\"Your devices\");\n    expect(html).toContain(\"Add\");\n  });\n});\n\ndescribe(\"the guardian recovery section\", () => {\n  test(\"links to the app's recovery page\", () => {\n    const html = renderToStaticMarkup(\n      <GuardianRecoverySection walletAddress=\"0x1\" wallet={wallet} loadSealed={() => null} guardianRecoveryAvailable recoverHref=\"/settings/recovery\" />,\n    );\n    expect(html).toContain(\"Guardian recovery\");\n    expect(html).toContain('href=\"/settings/recovery\"');\n  });\n\n  test(\"defaults the recovery link to /recover\", () => {\n    const html = renderToStaticMarkup(\n      <GuardianRecoverySection walletAddress=\"0x1\" wallet={wallet} loadSealed={() => null} guardianRecoveryAvailable={false} />,\n    );\n    expect(html).toContain('href=\"/recover\"');\n  });\n});\n"],"mappings":"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","names":[]}

package/dist/components/account/account.test.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/components/account/account.test.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/components/account/account.test.js

@@ -0,0 +1,85 @@
+import { jsx } from "react/jsx-runtime";
+import { describe, expect, test } from "bun:test";
+import { renderToStaticMarkup } from "react-dom/server";
+import { Shield } from "lucide-react";
+import { AccountSection } from "./account-section.js";
+import { EmailCodeEntry } from "./email-code-entry.js";
+import { DevicesSection } from "./devices-section.js";
+import { GuardianRecoverySection } from "./guardian-recovery-section.js";
+import { initialEmailCodeState } from "../../utils/email-code.js";
+const emailCode = (state) => ({
+  state: { ...initialEmailCodeState, ...state },
+  setCode: () => {
+  },
+  send: async () => true,
+  fail: () => {
+  },
+  verify: async () => true,
+  markReady: () => {
+  }
+});
+const wallet = {
+  getOwners: async () => [],
+  addDevice: async () => "",
+  removeDevice: async () => "",
+  getGuardians: async () => [],
+  getEscape: async () => ({ escapeType: "None", status: "None", readyAt: 0 }),
+  setFirstGuardian: async () => "",
+  cancelEscape: async () => ""
+};
+describe("an account section", () => {
+  test("shows its title, description and content", () => {
+    const html = renderToStaticMarkup(
+      /* @__PURE__ */ jsx(AccountSection, { icon: Shield, title: "Devices", description: "Who can sign", children: /* @__PURE__ */ jsx("p", { children: "content" }) })
+    );
+    expect(html).toContain("Devices");
+    expect(html).toContain("Who can sign");
+    expect(html).toContain("content");
+  });
+});
+describe("the email code entry", () => {
+  test("says the code is being sent", () => {
+    expect(renderToStaticMarkup(/* @__PURE__ */ jsx(EmailCodeEntry, { emailCode: emailCode({ status: "sending" }), onVerify: () => {
+    } }))).toContain("Sending code");
+  });
+  test("shows an error", () => {
+    const html = renderToStaticMarkup(/* @__PURE__ */ jsx(EmailCodeEntry, { emailCode: emailCode({ status: "ready", error: "Incorrect code" }), onVerify: () => {
+    } }));
+    expect(html).toContain("Incorrect code");
+  });
+  test("counts down before the code can be sent again", () => {
+    const html = renderToStaticMarkup(/* @__PURE__ */ jsx(EmailCodeEntry, { emailCode: emailCode({ status: "ready", cooldown: 30 }), onVerify: () => {
+    } }));
+    expect(html).toContain("resend in 30s");
+    expect(html).not.toContain("resend the code");
+  });
+  test("offers a resend once the cooldown is over, and keeps verify off until six digits", () => {
+    const html = renderToStaticMarkup(/* @__PURE__ */ jsx(EmailCodeEntry, { emailCode: emailCode({ status: "ready", cooldown: 0, code: "123" }), onVerify: () => {
+    } }));
+    expect(html).toContain("resend the code");
+    expect(html).toMatch(/<button[^>]*disabled[^>]*>[^<]*Verify/);
+  });
+});
+describe("the devices section", () => {
+  test("starts with its heading and the add button while devices load", () => {
+    const html = renderToStaticMarkup(/* @__PURE__ */ jsx(DevicesSection, { walletAddress: "0x1", wallet, loadSealed: () => null }));
+    expect(html).toContain("Your devices");
+    expect(html).toContain("Add");
+  });
+});
+describe("the guardian recovery section", () => {
+  test("links to the app's recovery page", () => {
+    const html = renderToStaticMarkup(
+      /* @__PURE__ */ jsx(GuardianRecoverySection, { walletAddress: "0x1", wallet, loadSealed: () => null, guardianRecoveryAvailable: true, recoverHref: "/settings/recovery" })
+    );
+    expect(html).toContain("Guardian recovery");
+    expect(html).toContain('href="/settings/recovery"');
+  });
+  test("defaults the recovery link to /recover", () => {
+    const html = renderToStaticMarkup(
+      /* @__PURE__ */ jsx(GuardianRecoverySection, { walletAddress: "0x1", wallet, loadSealed: () => null, guardianRecoveryAvailable: false })
+    );
+    expect(html).toContain('href="/recover"');
+  });
+});
+//# sourceMappingURL=account.test.js.map

package/dist/components/account/account.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/account.test.tsx"],"sourcesContent":["import { describe, expect, test } from \"bun:test\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\nimport { Shield } from \"lucide-react\";\nimport { AccountSection } from \"./account-section.js\";\nimport { EmailCodeEntry } from \"./email-code-entry.js\";\nimport { DevicesSection } from \"./devices-section.js\";\nimport { GuardianRecoverySection } from \"./guardian-recovery-section.js\";\nimport { initialEmailCodeState, type EmailCodeState } from \"../../utils/email-code.js\";\nimport type { EmailCode } from \"../../utils/use-email-code.js\";\n\nconst emailCode = (state: Partial<EmailCodeState>): EmailCode => ({\n  state: { ...initialEmailCodeState, ...state },\n  setCode: () => {},\n  send: async () => true,\n  fail: () => {},\n  verify: async () => true,\n  markReady: () => {},\n});\n\nconst wallet = {\n  getOwners: async () => [],\n  addDevice: async () => \"\",\n  removeDevice: async () => \"\",\n  getGuardians: async () => [],\n  getEscape: async () => ({ escapeType: \"None\", status: \"None\", readyAt: 0 }),\n  setFirstGuardian: async () => \"\",\n  cancelEscape: async () => \"\",\n} as never;\n\ndescribe(\"an account section\", () => {\n  test(\"shows its title, description and content\", () => {\n    const html = renderToStaticMarkup(\n      <AccountSection icon={Shield} title=\"Devices\" description=\"Who can sign\">\n        <p>content</p>\n      </AccountSection>,\n    );\n    expect(html).toContain(\"Devices\");\n    expect(html).toContain(\"Who can sign\");\n    expect(html).toContain(\"content\");\n  });\n});\n\ndescribe(\"the email code entry\", () => {\n  test(\"says the code is being sent\", () => {\n    expect(renderToStaticMarkup(<EmailCodeEntry emailCode={emailCode({ status: \"sending\" })} onVerify={() => {}} />)).toContain(\"Sending code\");\n  });\n\n  test(\"shows an error\", () => {\n    const html = renderToStaticMarkup(<EmailCodeEntry emailCode={emailCode({ status: \"ready\", error: \"Incorrect code\" })} onVerify={() => {}} />);\n    expect(html).toContain(\"Incorrect code\");\n  });\n\n  test(\"counts down before the code can be sent again\", () => {\n    const html = renderToStaticMarkup(<EmailCodeEntry emailCode={emailCode({ status: \"ready\", cooldown: 30 })} onVerify={() => {}} />);\n    expect(html).toContain(\"resend in 30s\");\n    expect(html).not.toContain(\"resend the code\");\n  });\n\n  test(\"offers a resend once the cooldown is over, and keeps verify off until six digits\", () => {\n    const html = renderToStaticMarkup(<EmailCodeEntry emailCode={emailCode({ status: \"ready\", cooldown: 0, code: \"123\" })} onVerify={() => {}} />);\n    expect(html).toContain(\"resend the code\");\n    expect(html).toMatch(/<button[^>]*disabled[^>]*>[^<]*Verify/);\n  });\n});\n\ndescribe(\"the devices section\", () => {\n  test(\"starts with its heading and the add button while devices load\", () => {\n    const html = renderToStaticMarkup(<DevicesSection walletAddress=\"0x1\" wallet={wallet} loadSealed={() => null} />);\n    expect(html).toContain(\"Your devices\");\n    expect(html).toContain(\"Add\");\n  });\n});\n\ndescribe(\"the guardian recovery section\", () => {\n  test(\"links to the app's recovery page\", () => {\n    const html = renderToStaticMarkup(\n      <GuardianRecoverySection walletAddress=\"0x1\" wallet={wallet} loadSealed={() => null} guardianRecoveryAvailable recoverHref=\"/settings/recovery\" />,\n    );\n    expect(html).toContain(\"Guardian recovery\");\n    expect(html).toContain('href=\"/settings/recovery\"');\n  });\n\n  test(\"defaults the recovery link to /recover\", () => {\n    const html = renderToStaticMarkup(\n      <GuardianRecoverySection walletAddress=\"0x1\" wallet={wallet} loadSealed={() => null} guardianRecoveryAvailable={false} />,\n    );\n    expect(html).toContain('href=\"/recover\"');\n  });\n});\n"],"mappings":"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","names":[]}

package/dist/components/account/add-guardian-dialog.cjs

@@ -0,0 +1,90 @@
+"use strict";
+"use client";
+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 add_guardian_dialog_exports = {};
+__export(add_guardian_dialog_exports, {
+  AddGuardianDialog: () => AddGuardianDialog
+});
+module.exports = __toCommonJS(add_guardian_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_starknet = require("@medialane/sdk/starknet");
+var import_button = require("../button.js");
+var import_input = require("../input.js");
+var import_dialog = require("../dialog.js");
+var import_describe_error = require("../../utils/describe-error.js");
+function AddGuardianDialog({ open, onOpenChange, sealed, onAdded, wallet }) {
+  const [pubkey, setPubkey] = (0, import_react.useState)("");
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const handleAdd = async () => {
+    const trimmed = pubkey.trim();
+    if (!(0, import_starknet.isValidStarknetAddress)(trimmed)) {
+      setError("Enter a valid Stark-curve public key.");
+      return;
+    }
+    setBusy(true);
+    setError(null);
+    try {
+      await wallet.setFirstGuardian(sealed, trimmed);
+      onOpenChange(false);
+      setPubkey("");
+      onAdded();
+    } catch (e) {
+      setError((0, import_describe_error.describeError)(e, "We couldn't add that guardian. Please try again.").message);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { open, onOpenChange: (next) => {
+    if (!busy) onOpenChange(next);
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogContent, { className: "sm:max-w-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Shield, { className: "h-4 w-4" }),
+        " Add a guardian"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogDescription, { children: "A guardian can help you recover this wallet if you lose this device, but can never move your funds. Paste the public key of a wallet you control \u2014 another device's Media Wallet, for example. You can only set this up once from here; changing it later isn't supported in this app yet." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_input.Input,
+        {
+          value: pubkey,
+          onChange: (e) => setPubkey(e.target.value),
+          placeholder: "0x\u2026",
+          disabled: busy,
+          className: "font-mono text-xs",
+          onKeyDown: (e) => e.key === "Enter" && pubkey.trim() && void handleAdd()
+        }
+      ),
+      error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, { onClick: handleAdd, disabled: busy || !pubkey.trim(), className: "w-full", children: [
+        busy ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }) : null,
+        busy ? "Confirm with passkey\u2026" : "Add guardian"
+      ] })
+    ] })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AddGuardianDialog
+});
+//# sourceMappingURL=add-guardian-dialog.cjs.map

package/dist/components/account/add-guardian-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/add-guardian-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Shield, Loader2 } from \"lucide-react\";\nimport { isValidStarknetAddress, type SealedOwner } from \"@medialane/sdk/starknet\";\nimport { Button } from \"../button.js\";\nimport { Input } from \"../input.js\";\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from \"../dialog.js\";\nimport { describeError } from \"../../utils/describe-error.js\";\nimport type { GuardianWallet } from \"./wallet-types.js\";\n\nexport interface AddGuardianDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  sealed: SealedOwner;\n  onAdded: () => void;\n  wallet: Pick<GuardianWallet, \"setFirstGuardian\">;\n}\n\nexport function AddGuardianDialog({ open, onOpenChange, sealed, onAdded, wallet }: AddGuardianDialogProps) {\n  const [pubkey, setPubkey] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const handleAdd = async () => {\n    const trimmed = pubkey.trim();\n    if (!isValidStarknetAddress(trimmed)) {\n      setError(\"Enter a valid Stark-curve public key.\");\n      return;\n    }\n    setBusy(true);\n    setError(null);\n    try {\n      await wallet.setFirstGuardian(sealed, trimmed);\n      onOpenChange(false);\n      setPubkey(\"\");\n      onAdded();\n    } catch (e) {\n      setError(describeError(e, \"We couldn't add that guardian. Please try again.\").message);\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => { if (!busy) onOpenChange(next); }}>\n      <DialogContent className=\"sm:max-w-sm\">\n        <DialogHeader>\n          <DialogTitle className=\"flex items-center gap-2\">\n            <Shield className=\"h-4 w-4\" /> Add a guardian\n          </DialogTitle>\n          <DialogDescription>\n            A guardian can help you recover this wallet if you lose this device, but can\n            never move your funds. Paste the public key of a wallet you control — another\n            device&apos;s Media Wallet, for example. You can only set this up once from here;\n            changing it later isn&apos;t supported in this app yet.\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"space-y-3\">\n          <Input\n            value={pubkey}\n            onChange={(e) => setPubkey(e.target.value)}\n            placeholder=\"0x…\"\n            disabled={busy}\n            className=\"font-mono text-xs\"\n            onKeyDown={(e) => e.key === \"Enter\" && pubkey.trim() && void handleAdd()}\n          />\n          {error && <p className=\"text-sm text-destructive\">{error}</p>}\n          <Button onClick={handleAdd} disabled={busy || !pubkey.trim()} className=\"w-full\">\n            {busy ? <Loader2 className=\"mr-1.5 h-3.5 w-3.5 animate-spin\" /> : null}\n            {busy ? \"Confirm with passkey…\" : \"Add guardian\"}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDU;AA9CV,mBAAyB;AACzB,0BAAgC;AAChC,sBAAyD;AACzD,oBAAuB;AACvB,mBAAsB;AACtB,oBAAoF;AACpF,4BAA8B;AAWvB,SAAS,kBAAkB,EAAE,MAAM,cAAc,QAAQ,SAAS,OAAO,GAA2B;AACzG,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,EAAE;AACvC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAwB,IAAI;AAEtD,QAAM,YAAY,YAAY;AAC5B,UAAM,UAAU,OAAO,KAAK;AAC5B,QAAI,KAAC,wCAAuB,OAAO,GAAG;AACpC,eAAS,uCAAuC;AAChD;AAAA,IACF;AACA,YAAQ,IAAI;AACZ,aAAS,IAAI;AACb,QAAI;AACF,YAAM,OAAO,iBAAiB,QAAQ,OAAO;AAC7C,mBAAa,KAAK;AAClB,gBAAU,EAAE;AACZ,cAAQ;AAAA,IACV,SAAS,GAAG;AACV,mBAAS,qCAAc,GAAG,kDAAkD,EAAE,OAAO;AAAA,IACvF,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AAEA,SACE,4CAAC,wBAAO,MAAY,cAAc,CAAC,SAAS;AAAE,QAAI,CAAC,KAAM,cAAa,IAAI;AAAA,EAAG,GAC3E,uDAAC,+BAAc,WAAU,eACvB;AAAA,iDAAC,8BACC;AAAA,mDAAC,6BAAY,WAAU,2BACrB;AAAA,oDAAC,8BAAO,WAAU,WAAU;AAAA,QAAE;AAAA,SAChC;AAAA,MACA,4CAAC,mCAAkB,6SAKnB;AAAA,OACF;AAAA,IACA,6CAAC,SAAI,WAAU,aACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,UACzC,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,WAAU;AAAA,UACV,WAAW,CAAC,MAAM,EAAE,QAAQ,WAAW,OAAO,KAAK,KAAK,KAAK,UAAU;AAAA;AAAA,MACzE;AAAA,MACC,SAAS,4CAAC,OAAE,WAAU,4BAA4B,iBAAM;AAAA,MACzD,6CAAC,wBAAO,SAAS,WAAW,UAAU,QAAQ,CAAC,OAAO,KAAK,GAAG,WAAU,UACrE;AAAA,eAAO,4CAAC,+BAAQ,WAAU,mCAAkC,IAAK;AAAA,QACjE,OAAO,+BAA0B;AAAA,SACpC;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/account/add-guardian-dialog.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SealedOwner } from '@medialane/sdk/starknet';
+import { GuardianWallet } from './wallet-types.cjs';
+
+interface AddGuardianDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    sealed: SealedOwner;
+    onAdded: () => void;
+    wallet: Pick<GuardianWallet, "setFirstGuardian">;
+}
+declare function AddGuardianDialog({ open, onOpenChange, sealed, onAdded, wallet }: AddGuardianDialogProps): react_jsx_runtime.JSX.Element;
+
+export { AddGuardianDialog, type AddGuardianDialogProps };

package/dist/components/account/add-guardian-dialog.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SealedOwner } from '@medialane/sdk/starknet';
+import { GuardianWallet } from './wallet-types.js';
+
+interface AddGuardianDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    sealed: SealedOwner;
+    onAdded: () => void;
+    wallet: Pick<GuardianWallet, "setFirstGuardian">;
+}
+declare function AddGuardianDialog({ open, onOpenChange, sealed, onAdded, wallet }: AddGuardianDialogProps): react_jsx_runtime.JSX.Element;
+
+export { AddGuardianDialog, type AddGuardianDialogProps };

package/dist/components/account/add-guardian-dialog.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Shield, Loader2 } from "lucide-react";
+import { isValidStarknetAddress } from "@medialane/sdk/starknet";
+import { Button } from "../button.js";
+import { Input } from "../input.js";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "../dialog.js";
+import { describeError } from "../../utils/describe-error.js";
+function AddGuardianDialog({ open, onOpenChange, sealed, onAdded, wallet }) {
+  const [pubkey, setPubkey] = useState("");
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const handleAdd = async () => {
+    const trimmed = pubkey.trim();
+    if (!isValidStarknetAddress(trimmed)) {
+      setError("Enter a valid Stark-curve public key.");
+      return;
+    }
+    setBusy(true);
+    setError(null);
+    try {
+      await wallet.setFirstGuardian(sealed, trimmed);
+      onOpenChange(false);
+      setPubkey("");
+      onAdded();
+    } catch (e) {
+      setError(describeError(e, "We couldn't add that guardian. Please try again.").message);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => {
+    if (!busy) onOpenChange(next);
+  }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-sm", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Shield, { className: "h-4 w-4" }),
+        " Add a guardian"
+      ] }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: "A guardian can help you recover this wallet if you lose this device, but can never move your funds. Paste the public key of a wallet you control \u2014 another device's Media Wallet, for example. You can only set this up once from here; changing it later isn't supported in this app yet." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: pubkey,
+          onChange: (e) => setPubkey(e.target.value),
+          placeholder: "0x\u2026",
+          disabled: busy,
+          className: "font-mono text-xs",
+          onKeyDown: (e) => e.key === "Enter" && pubkey.trim() && void handleAdd()
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ jsxs(Button, { onClick: handleAdd, disabled: busy || !pubkey.trim(), className: "w-full", children: [
+        busy ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }) : null,
+        busy ? "Confirm with passkey\u2026" : "Add guardian"
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  AddGuardianDialog
+};
+//# sourceMappingURL=add-guardian-dialog.js.map

package/dist/components/account/add-guardian-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/account/add-guardian-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Shield, Loader2 } from \"lucide-react\";\nimport { isValidStarknetAddress, type SealedOwner } from \"@medialane/sdk/starknet\";\nimport { Button } from \"../button.js\";\nimport { Input } from \"../input.js\";\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from \"../dialog.js\";\nimport { describeError } from \"../../utils/describe-error.js\";\nimport type { GuardianWallet } from \"./wallet-types.js\";\n\nexport interface AddGuardianDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  sealed: SealedOwner;\n  onAdded: () => void;\n  wallet: Pick<GuardianWallet, \"setFirstGuardian\">;\n}\n\nexport function AddGuardianDialog({ open, onOpenChange, sealed, onAdded, wallet }: AddGuardianDialogProps) {\n  const [pubkey, setPubkey] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const handleAdd = async () => {\n    const trimmed = pubkey.trim();\n    if (!isValidStarknetAddress(trimmed)) {\n      setError(\"Enter a valid Stark-curve public key.\");\n      return;\n    }\n    setBusy(true);\n    setError(null);\n    try {\n      await wallet.setFirstGuardian(sealed, trimmed);\n      onOpenChange(false);\n      setPubkey(\"\");\n      onAdded();\n    } catch (e) {\n      setError(describeError(e, \"We couldn't add that guardian. Please try again.\").message);\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => { if (!busy) onOpenChange(next); }}>\n      <DialogContent className=\"sm:max-w-sm\">\n        <DialogHeader>\n          <DialogTitle className=\"flex items-center gap-2\">\n            <Shield className=\"h-4 w-4\" /> Add a guardian\n          </DialogTitle>\n          <DialogDescription>\n            A guardian can help you recover this wallet if you lose this device, but can\n            never move your funds. Paste the public key of a wallet you control — another\n            device&apos;s Media Wallet, for example. You can only set this up once from here;\n            changing it later isn&apos;t supported in this app yet.\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"space-y-3\">\n          <Input\n            value={pubkey}\n            onChange={(e) => setPubkey(e.target.value)}\n            placeholder=\"0x…\"\n            disabled={busy}\n            className=\"font-mono text-xs\"\n            onKeyDown={(e) => e.key === \"Enter\" && pubkey.trim() && void handleAdd()}\n          />\n          {error && <p className=\"text-sm text-destructive\">{error}</p>}\n          <Button onClick={handleAdd} disabled={busy || !pubkey.trim()} className=\"w-full\">\n            {busy ? <Loader2 className=\"mr-1.5 h-3.5 w-3.5 animate-spin\" /> : null}\n            {busy ? \"Confirm with passkey…\" : \"Add guardian\"}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAgDU,SACE,KADF;AA9CV,SAAS,gBAAgB;AACzB,SAAS,QAAQ,eAAe;AAChC,SAAS,8BAAgD;AACzD,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,QAAQ,eAAe,cAAc,aAAa,yBAAyB;AACpF,SAAS,qBAAqB;AAWvB,SAAS,kBAAkB,EAAE,MAAM,cAAc,QAAQ,SAAS,OAAO,GAA2B;AACzG,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,QAAM,YAAY,YAAY;AAC5B,UAAM,UAAU,OAAO,KAAK;AAC5B,QAAI,CAAC,uBAAuB,OAAO,GAAG;AACpC,eAAS,uCAAuC;AAChD;AAAA,IACF;AACA,YAAQ,IAAI;AACZ,aAAS,IAAI;AACb,QAAI;AACF,YAAM,OAAO,iBAAiB,QAAQ,OAAO;AAC7C,mBAAa,KAAK;AAClB,gBAAU,EAAE;AACZ,cAAQ;AAAA,IACV,SAAS,GAAG;AACV,eAAS,cAAc,GAAG,kDAAkD,EAAE,OAAO;AAAA,IACvF,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,CAAC,SAAS;AAAE,QAAI,CAAC,KAAM,cAAa,IAAI;AAAA,EAAG,GAC3E,+BAAC,iBAAc,WAAU,eACvB;AAAA,yBAAC,gBACC;AAAA,2BAAC,eAAY,WAAU,2BACrB;AAAA,4BAAC,UAAO,WAAU,WAAU;AAAA,QAAE;AAAA,SAChC;AAAA,MACA,oBAAC,qBAAkB,6SAKnB;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,UACzC,aAAY;AAAA,UACZ,UAAU;AAAA,UACV,WAAU;AAAA,UACV,WAAW,CAAC,MAAM,EAAE,QAAQ,WAAW,OAAO,KAAK,KAAK,KAAK,UAAU;AAAA;AAAA,MACzE;AAAA,MACC,SAAS,oBAAC,OAAE,WAAU,4BAA4B,iBAAM;AAAA,MACzD,qBAAC,UAAO,SAAS,WAAW,UAAU,QAAQ,CAAC,OAAO,KAAK,GAAG,WAAU,UACrE;AAAA,eAAO,oBAAC,WAAQ,WAAU,mCAAkC,IAAK;AAAA,QACjE,OAAO,+BAA0B;AAAA,SACpC;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}