@augmenting-integrations/ui 0.2.2 → 2.0.0

package/dist/components/chrome/Logo.cjs

@@ -0,0 +1,52 @@
+"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 Logo_exports = {};
+__export(Logo_exports, {
+  Logo: () => Logo
+});
+module.exports = __toCommonJS(Logo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_brand = require("@augmenting-integrations/brand");
+var import_utils = require("../../lib/utils.js");
+function Logo({
+  className,
+  showWordmark = true
+}) {
+  const brand = (0, import_brand.useBrand)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_utils.cn)("inline-flex items-center gap-2 text-primary", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "inline-flex h-8 w-8 shrink-0 items-center justify-center text-current", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { viewBox: "0 0 32 32", className: "h-full w-full", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "2", y: "2", width: "28", height: "28", rx: "6", fill: "currentColor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M10 22V10h2.6l3.4 6.4L19.4 10H22v12h-2.4v-7.4l-2.8 5.2h-1.6L12.4 14.6V22H10z",
+          fill: "var(--primary-foreground)"
+        }
+      )
+    ] }) }),
+    showWordmark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-base font-semibold tracking-tight text-foreground", children: brand.shortName }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: brand.name })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Logo
+});
+//# sourceMappingURL=Logo.cjs.map

package/dist/components/chrome/Logo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/chrome/Logo.tsx"],"sourcesContent":["\"use client\";\n\nimport { useBrand } from \"@augmenting-integrations/brand\";\nimport { cn } from \"../../lib/utils.js\";\n\nexport function Logo({\n  className,\n  showWordmark = true,\n}: {\n  className?: string;\n  showWordmark?: boolean;\n}) {\n  const brand = useBrand();\n  return (\n    <div className={cn(\"inline-flex items-center gap-2 text-primary\", className)}>\n      <span className=\"inline-flex h-8 w-8 shrink-0 items-center justify-center text-current\">\n        <svg viewBox=\"0 0 32 32\" className=\"h-full w-full\" aria-hidden=\"true\">\n          <rect x=\"2\" y=\"2\" width=\"28\" height=\"28\" rx=\"6\" fill=\"currentColor\" />\n          <path\n            d=\"M10 22V10h2.6l3.4 6.4L19.4 10H22v12h-2.4v-7.4l-2.8 5.2h-1.6L12.4 14.6V22H10z\"\n            fill=\"var(--primary-foreground)\"\n          />\n        </svg>\n      </span>\n      {showWordmark ? (\n        <span className=\"text-base font-semibold tracking-tight text-foreground\">\n          {brand.shortName}\n        </span>\n      ) : null}\n      <span className=\"sr-only\">{brand.name}</span>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBQ;AAdR,mBAAyB;AACzB,mBAAmB;AAEZ,SAAS,KAAK;AAAA,EACnB;AAAA,EACA,eAAe;AACjB,GAGG;AACD,QAAM,YAAQ,uBAAS;AACvB,SACE,6CAAC,SAAI,eAAW,iBAAG,+CAA+C,SAAS,GACzE;AAAA,gDAAC,UAAK,WAAU,yEACd,uDAAC,SAAI,SAAQ,aAAY,WAAU,iBAAgB,eAAY,QAC7D;AAAA,kDAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,MAAK,gBAAe;AAAA,MACpE;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA,OACF,GACF;AAAA,IACC,eACC,4CAAC,UAAK,WAAU,0DACb,gBAAM,WACT,IACE;AAAA,IACJ,4CAAC,UAAK,WAAU,WAAW,gBAAM,MAAK;AAAA,KACxC;AAEJ;","names":[]}

package/dist/components/chrome/Logo.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useBrand } from "@augmenting-integrations/brand";
+import { cn } from "../../lib/utils.js";
+function Logo({
+  className,
+  showWordmark = true
+}) {
+  const brand = useBrand();
+  return /* @__PURE__ */ jsxs("div", { className: cn("inline-flex items-center gap-2 text-primary", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "inline-flex h-8 w-8 shrink-0 items-center justify-center text-current", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 32 32", className: "h-full w-full", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx("rect", { x: "2", y: "2", width: "28", height: "28", rx: "6", fill: "currentColor" }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10 22V10h2.6l3.4 6.4L19.4 10H22v12h-2.4v-7.4l-2.8 5.2h-1.6L12.4 14.6V22H10z",
+          fill: "var(--primary-foreground)"
+        }
+      )
+    ] }) }),
+    showWordmark ? /* @__PURE__ */ jsx("span", { className: "text-base font-semibold tracking-tight text-foreground", children: brand.shortName }) : null,
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: brand.name })
+  ] });
+}
+export {
+  Logo
+};
+//# sourceMappingURL=Logo.js.map

package/dist/components/chrome/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/chrome/Logo.tsx"],"sourcesContent":["\"use client\";\n\nimport { useBrand } from \"@augmenting-integrations/brand\";\nimport { cn } from \"../../lib/utils.js\";\n\nexport function Logo({\n  className,\n  showWordmark = true,\n}: {\n  className?: string;\n  showWordmark?: boolean;\n}) {\n  const brand = useBrand();\n  return (\n    <div className={cn(\"inline-flex items-center gap-2 text-primary\", className)}>\n      <span className=\"inline-flex h-8 w-8 shrink-0 items-center justify-center text-current\">\n        <svg viewBox=\"0 0 32 32\" className=\"h-full w-full\" aria-hidden=\"true\">\n          <rect x=\"2\" y=\"2\" width=\"28\" height=\"28\" rx=\"6\" fill=\"currentColor\" />\n          <path\n            d=\"M10 22V10h2.6l3.4 6.4L19.4 10H22v12h-2.4v-7.4l-2.8 5.2h-1.6L12.4 14.6V22H10z\"\n            fill=\"var(--primary-foreground)\"\n          />\n        </svg>\n      </span>\n      {showWordmark ? (\n        <span className=\"text-base font-semibold tracking-tight text-foreground\">\n          {brand.shortName}\n        </span>\n      ) : null}\n      <span className=\"sr-only\">{brand.name}</span>\n    </div>\n  );\n}\n"],"mappings":";AAgBQ,SACE,KADF;AAdR,SAAS,gBAAgB;AACzB,SAAS,UAAU;AAEZ,SAAS,KAAK;AAAA,EACnB;AAAA,EACA,eAAe;AACjB,GAGG;AACD,QAAM,QAAQ,SAAS;AACvB,SACE,qBAAC,SAAI,WAAW,GAAG,+CAA+C,SAAS,GACzE;AAAA,wBAAC,UAAK,WAAU,yEACd,+BAAC,SAAI,SAAQ,aAAY,WAAU,iBAAgB,eAAY,QAC7D;AAAA,0BAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,MAAK,gBAAe;AAAA,MACpE;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA,OACF,GACF;AAAA,IACC,eACC,oBAAC,UAAK,WAAU,0DACb,gBAAM,WACT,IACE;AAAA,IACJ,oBAAC,UAAK,WAAU,WAAW,gBAAM,MAAK;AAAA,KACxC;AAEJ;","names":[]}

package/dist/components/chrome/RoleSwitcher.cjs

@@ -0,0 +1,98 @@
+"use strict";
+"use client";
+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 RoleSwitcher_exports = {};
+__export(RoleSwitcher_exports, {
+  RoleSwitcher: () => RoleSwitcher
+});
+module.exports = __toCommonJS(RoleSwitcher_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_react = require("next-auth/react");
+var import_lucide_react = require("lucide-react");
+var import_utils = require("../../lib/utils.js");
+const ROLES = ["visitor", "sales", "agent", "admin"];
+function RoleSwitcher({ className }) {
+  const { data: session, update } = (0, import_react.useSession)();
+  const [open, setOpen] = React.useState(false);
+  const current = session?.user?.role ?? "visitor";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_utils.cn)("relative", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((o) => !o),
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        className: "inline-flex h-9 items-center gap-2 rounded-md border border-border bg-background px-3 text-sm text-foreground transition hover:bg-muted",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.UserCog, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium capitalize", children: current })
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        role: "menu",
+        className: "absolute right-0 top-full z-50 mt-2 w-56 rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg",
+        onMouseLeave: () => setOpen(false),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-2 py-1 text-xs uppercase tracking-wide text-muted-foreground", children: "Switch role (dev)" }),
+          ROLES.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              onClick: async () => {
+                await (0, import_react.signIn)("credentials", { role: r, redirect: false });
+                await update();
+                setOpen(false);
+              },
+              className: (0, import_utils.cn)(
+                "flex w-full items-center justify-between rounded-sm px-2 py-1.5 text-sm capitalize transition hover:bg-muted",
+                current === r && "bg-muted"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: r }),
+                current === r ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-muted-foreground", children: "active" }) : null
+              ]
+            },
+            r
+          ))
+        ]
+      }
+    ) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RoleSwitcher
+});
+//# sourceMappingURL=RoleSwitcher.cjs.map

package/dist/components/chrome/RoleSwitcher.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/chrome/RoleSwitcher.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { signIn, useSession } from \"next-auth/react\";\nimport { UserCog } from \"lucide-react\";\nimport { cn } from \"../../lib/utils.js\";\n\nconst ROLES = [\"visitor\", \"sales\", \"agent\", \"admin\"] as const;\n\nexport function RoleSwitcher({ className }: { className?: string }) {\n  const { data: session, update } = useSession();\n  const [open, setOpen] = React.useState(false);\n  const current = (session?.user as { role?: string } | undefined)?.role ?? \"visitor\";\n\n  return (\n    <div className={cn(\"relative\", className)}>\n      <button\n        type=\"button\"\n        onClick={() => setOpen((o) => !o)}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        className=\"inline-flex h-9 items-center gap-2 rounded-md border border-border bg-background px-3 text-sm text-foreground transition hover:bg-muted\"\n      >\n        <UserCog className=\"h-4 w-4\" />\n        <span className=\"font-medium capitalize\">{current}</span>\n      </button>\n\n      {open ? (\n        <div\n          role=\"menu\"\n          className=\"absolute right-0 top-full z-50 mt-2 w-56 rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg\"\n          onMouseLeave={() => setOpen(false)}\n        >\n          <div className=\"px-2 py-1 text-xs uppercase tracking-wide text-muted-foreground\">\n            Switch role (dev)\n          </div>\n          {ROLES.map((r) => (\n            <button\n              key={r}\n              type=\"button\"\n              role=\"menuitem\"\n              onClick={async () => {\n                await signIn(\"credentials\", { role: r, redirect: false });\n                await update();\n                setOpen(false);\n              }}\n              className={cn(\n                \"flex w-full items-center justify-between rounded-sm px-2 py-1.5 text-sm capitalize transition hover:bg-muted\",\n                current === r && \"bg-muted\",\n              )}\n            >\n              <span>{r}</span>\n              {current === r ? (\n                <span className=\"text-xs text-muted-foreground\">active</span>\n              ) : null}\n            </button>\n          ))}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBM;AAdN,YAAuB;AACvB,mBAAmC;AACnC,0BAAwB;AACxB,mBAAmB;AAEnB,MAAM,QAAQ,CAAC,WAAW,SAAS,SAAS,OAAO;AAE5C,SAAS,aAAa,EAAE,UAAU,GAA2B;AAClE,QAAM,EAAE,MAAM,SAAS,OAAO,QAAI,yBAAW;AAC7C,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,UAAW,SAAS,MAAwC,QAAQ;AAE1E,SACE,6CAAC,SAAI,eAAW,iBAAG,YAAY,SAAS,GACtC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,QAChC,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf,WAAU;AAAA,QAEV;AAAA,sDAAC,+BAAQ,WAAU,WAAU;AAAA,UAC7B,4CAAC,UAAK,WAAU,0BAA0B,mBAAQ;AAAA;AAAA;AAAA,IACpD;AAAA,IAEC,OACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAc,MAAM,QAAQ,KAAK;AAAA,QAEjC;AAAA,sDAAC,SAAI,WAAU,mEAAkE,+BAEjF;AAAA,UACC,MAAM,IAAI,CAAC,MACV;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,SAAS,YAAY;AACnB,0BAAM,qBAAO,eAAe,EAAE,MAAM,GAAG,UAAU,MAAM,CAAC;AACxD,sBAAM,OAAO;AACb,wBAAQ,KAAK;AAAA,cACf;AAAA,cACA,eAAW;AAAA,gBACT;AAAA,gBACA,YAAY,KAAK;AAAA,cACnB;AAAA,cAEA;AAAA,4DAAC,UAAM,aAAE;AAAA,gBACR,YAAY,IACX,4CAAC,UAAK,WAAU,iCAAgC,oBAAM,IACpD;AAAA;AAAA;AAAA,YAhBC;AAAA,UAiBP,CACD;AAAA;AAAA;AAAA,IACH,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/components/chrome/RoleSwitcher.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { signIn, useSession } from "next-auth/react";
+import { UserCog } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+const ROLES = ["visitor", "sales", "agent", "admin"];
+function RoleSwitcher({ className }) {
+  const { data: session, update } = useSession();
+  const [open, setOpen] = React.useState(false);
+  const current = session?.user?.role ?? "visitor";
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((o) => !o),
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        className: "inline-flex h-9 items-center gap-2 rounded-md border border-border bg-background px-3 text-sm text-foreground transition hover:bg-muted",
+        children: [
+          /* @__PURE__ */ jsx(UserCog, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium capitalize", children: current })
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "menu",
+        className: "absolute right-0 top-full z-50 mt-2 w-56 rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg",
+        onMouseLeave: () => setOpen(false),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "px-2 py-1 text-xs uppercase tracking-wide text-muted-foreground", children: "Switch role (dev)" }),
+          ROLES.map((r) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              onClick: async () => {
+                await signIn("credentials", { role: r, redirect: false });
+                await update();
+                setOpen(false);
+              },
+              className: cn(
+                "flex w-full items-center justify-between rounded-sm px-2 py-1.5 text-sm capitalize transition hover:bg-muted",
+                current === r && "bg-muted"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { children: r }),
+                current === r ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "active" }) : null
+              ]
+            },
+            r
+          ))
+        ]
+      }
+    ) : null
+  ] });
+}
+export {
+  RoleSwitcher
+};
+//# sourceMappingURL=RoleSwitcher.js.map

package/dist/components/chrome/RoleSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/chrome/RoleSwitcher.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { signIn, useSession } from \"next-auth/react\";\nimport { UserCog } from \"lucide-react\";\nimport { cn } from \"../../lib/utils.js\";\n\nconst ROLES = [\"visitor\", \"sales\", \"agent\", \"admin\"] as const;\n\nexport function RoleSwitcher({ className }: { className?: string }) {\n  const { data: session, update } = useSession();\n  const [open, setOpen] = React.useState(false);\n  const current = (session?.user as { role?: string } | undefined)?.role ?? \"visitor\";\n\n  return (\n    <div className={cn(\"relative\", className)}>\n      <button\n        type=\"button\"\n        onClick={() => setOpen((o) => !o)}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        className=\"inline-flex h-9 items-center gap-2 rounded-md border border-border bg-background px-3 text-sm text-foreground transition hover:bg-muted\"\n      >\n        <UserCog className=\"h-4 w-4\" />\n        <span className=\"font-medium capitalize\">{current}</span>\n      </button>\n\n      {open ? (\n        <div\n          role=\"menu\"\n          className=\"absolute right-0 top-full z-50 mt-2 w-56 rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg\"\n          onMouseLeave={() => setOpen(false)}\n        >\n          <div className=\"px-2 py-1 text-xs uppercase tracking-wide text-muted-foreground\">\n            Switch role (dev)\n          </div>\n          {ROLES.map((r) => (\n            <button\n              key={r}\n              type=\"button\"\n              role=\"menuitem\"\n              onClick={async () => {\n                await signIn(\"credentials\", { role: r, redirect: false });\n                await update();\n                setOpen(false);\n              }}\n              className={cn(\n                \"flex w-full items-center justify-between rounded-sm px-2 py-1.5 text-sm capitalize transition hover:bg-muted\",\n                current === r && \"bg-muted\",\n              )}\n            >\n              <span>{r}</span>\n              {current === r ? (\n                <span className=\"text-xs text-muted-foreground\">active</span>\n              ) : null}\n            </button>\n          ))}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";AAgBM,SAOE,KAPF;AAdN,YAAY,WAAW;AACvB,SAAS,QAAQ,kBAAkB;AACnC,SAAS,eAAe;AACxB,SAAS,UAAU;AAEnB,MAAM,QAAQ,CAAC,WAAW,SAAS,SAAS,OAAO;AAE5C,SAAS,aAAa,EAAE,UAAU,GAA2B;AAClE,QAAM,EAAE,MAAM,SAAS,OAAO,IAAI,WAAW;AAC7C,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,UAAW,SAAS,MAAwC,QAAQ;AAE1E,SACE,qBAAC,SAAI,WAAW,GAAG,YAAY,SAAS,GACtC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,QAChC,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf,WAAU;AAAA,QAEV;AAAA,8BAAC,WAAQ,WAAU,WAAU;AAAA,UAC7B,oBAAC,UAAK,WAAU,0BAA0B,mBAAQ;AAAA;AAAA;AAAA,IACpD;AAAA,IAEC,OACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAc,MAAM,QAAQ,KAAK;AAAA,QAEjC;AAAA,8BAAC,SAAI,WAAU,mEAAkE,+BAEjF;AAAA,UACC,MAAM,IAAI,CAAC,MACV;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,SAAS,YAAY;AACnB,sBAAM,OAAO,eAAe,EAAE,MAAM,GAAG,UAAU,MAAM,CAAC;AACxD,sBAAM,OAAO;AACb,wBAAQ,KAAK;AAAA,cACf;AAAA,cACA,WAAW;AAAA,gBACT;AAAA,gBACA,YAAY,KAAK;AAAA,cACnB;AAAA,cAEA;AAAA,oCAAC,UAAM,aAAE;AAAA,gBACR,YAAY,IACX,oBAAC,UAAK,WAAU,iCAAgC,oBAAM,IACpD;AAAA;AAAA;AAAA,YAhBC;AAAA,UAiBP,CACD;AAAA;AAAA;AAAA,IACH,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/components/chrome/ThemeSwitcher.cjs

@@ -0,0 +1,129 @@
+"use strict";
+"use client";
+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 ThemeSwitcher_exports = {};
+__export(ThemeSwitcher_exports, {
+  ThemeSwitcher: () => ThemeSwitcher
+});
+module.exports = __toCommonJS(ThemeSwitcher_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_next_themes = require("next-themes");
+var import_lucide_react = require("lucide-react");
+var import_themes = require("@augmenting-integrations/themes");
+var import_ThemeProvider = require("../../providers/ThemeProvider.js");
+var import_utils = require("../../lib/utils.js");
+var import_dropdown_menu = require("../ui/dropdown-menu.js");
+function ThemeSwitcher({ className }) {
+  const { themeName, setThemeName } = (0, import_ThemeProvider.useThemeName)();
+  const { resolvedTheme, setTheme } = (0, import_next_themes.useTheme)();
+  const mounted = React.useSyncExternalStore(
+    () => () => {
+    },
+    () => true,
+    () => false
+  );
+  if (!mounted) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_utils.cn)(
+          "h-9 w-[120px] rounded-md border border-border bg-background",
+          className
+        )
+      }
+    );
+  }
+  const isDark = resolvedTheme === "dark";
+  const activeLabel = import_themes.BASE_THEMES.find((t) => t.id === themeName)?.label ?? "Theme";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_utils.cn)("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: () => setTheme(isDark ? "light" : "dark"),
+        "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode",
+        className: "inline-flex h-9 w-9 items-center justify-center rounded-md border border-border bg-background text-foreground transition hover:bg-muted",
+        children: isDark ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sun, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Moon, { className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_dropdown_menu.DropdownMenuTrigger,
+        {
+          className: "inline-flex h-9 items-center gap-2 rounded-md border border-border bg-background px-3 text-sm text-foreground transition hover:bg-muted",
+          "aria-label": "Switch theme palette",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Palette, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: activeLabel })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuContent, { align: "end", sideOffset: 6, className: "w-72 p-1", children: import_themes.BASE_THEMES.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_dropdown_menu.DropdownMenuItem,
+        {
+          onClick: () => setThemeName(t.id),
+          className: (0, import_utils.cn)(
+            "items-start gap-3 px-2 py-2",
+            themeName === t.id && "bg-muted"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "span",
+              {
+                "aria-hidden": true,
+                className: "mt-0.5 inline-flex h-6 w-6 shrink-0 overflow-hidden rounded-full ring-1 ring-border",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "h-full w-1/2", style: { background: t.swatch.primary } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "span",
+                    {
+                      className: "h-full w-1/2",
+                      style: { background: t.swatch.primaryDark }
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex flex-col", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm font-medium", children: t.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-muted-foreground", children: t.description })
+            ] })
+          ]
+        },
+        t.id
+      )) })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeSwitcher
+});
+//# sourceMappingURL=ThemeSwitcher.cjs.map

package/dist/components/chrome/ThemeSwitcher.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/chrome/ThemeSwitcher.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useTheme } from \"next-themes\";\nimport { Moon, Sun, Palette } from \"lucide-react\";\nimport { BASE_THEMES } from \"@augmenting-integrations/themes\";\nimport { useThemeName } from \"../../providers/ThemeProvider.js\";\nimport { cn } from \"../../lib/utils.js\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../ui/dropdown-menu.js\";\n\nexport function ThemeSwitcher({ className }: { className?: string }) {\n  const { themeName, setThemeName } = useThemeName();\n  const { resolvedTheme, setTheme } = useTheme();\n  const mounted = React.useSyncExternalStore(\n    () => () => {},\n    () => true,\n    () => false,\n  );\n\n  if (!mounted) {\n    return (\n      <div\n        className={cn(\n          \"h-9 w-[120px] rounded-md border border-border bg-background\",\n          className,\n        )}\n      />\n    );\n  }\n\n  const isDark = resolvedTheme === \"dark\";\n  const activeLabel = BASE_THEMES.find((t) => t.id === themeName)?.label ?? \"Theme\";\n\n  return (\n    <div className={cn(\"flex items-center gap-2\", className)}>\n      <button\n        type=\"button\"\n        onClick={() => setTheme(isDark ? \"light\" : \"dark\")}\n        aria-label={isDark ? \"Switch to light mode\" : \"Switch to dark mode\"}\n        className=\"inline-flex h-9 w-9 items-center justify-center rounded-md border border-border bg-background text-foreground transition hover:bg-muted\"\n      >\n        {isDark ? <Sun className=\"h-4 w-4\" /> : <Moon className=\"h-4 w-4\" />}\n      </button>\n\n      <DropdownMenu>\n        <DropdownMenuTrigger\n          className=\"inline-flex h-9 items-center gap-2 rounded-md border border-border bg-background px-3 text-sm text-foreground transition hover:bg-muted\"\n          aria-label=\"Switch theme palette\"\n        >\n          <Palette className=\"h-4 w-4\" />\n          <span className=\"font-medium\">{activeLabel}</span>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"end\" sideOffset={6} className=\"w-72 p-1\">\n          {BASE_THEMES.map((t) => (\n            <DropdownMenuItem\n              key={t.id}\n              onClick={() => setThemeName(t.id)}\n              className={cn(\n                \"items-start gap-3 px-2 py-2\",\n                themeName === t.id && \"bg-muted\",\n              )}\n            >\n              <span\n                aria-hidden\n                className=\"mt-0.5 inline-flex h-6 w-6 shrink-0 overflow-hidden rounded-full ring-1 ring-border\"\n              >\n                <span className=\"h-full w-1/2\" style={{ background: t.swatch.primary }} />\n                <span\n                  className=\"h-full w-1/2\"\n                  style={{ background: t.swatch.primaryDark }}\n                />\n              </span>\n              <span className=\"flex flex-col\">\n                <span className=\"text-sm font-medium\">{t.label}</span>\n                <span className=\"text-xs text-muted-foreground\">{t.description}</span>\n              </span>\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BM;AAxBN,YAAuB;AACvB,yBAAyB;AACzB,0BAAmC;AACnC,oBAA4B;AAC5B,2BAA6B;AAC7B,mBAAmB;AACnB,2BAKO;AAEA,SAAS,cAAc,EAAE,UAAU,GAA2B;AACnE,QAAM,EAAE,WAAW,aAAa,QAAI,mCAAa;AACjD,QAAM,EAAE,eAAe,SAAS,QAAI,6BAAS;AAC7C,QAAM,UAAU,MAAM;AAAA,IACpB,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAEA,MAAI,CAAC,SAAS;AACZ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,SAAS,kBAAkB;AACjC,QAAM,cAAc,0BAAY,KAAK,CAAC,MAAM,EAAE,OAAO,SAAS,GAAG,SAAS;AAE1E,SACE,6CAAC,SAAI,eAAW,iBAAG,2BAA2B,SAAS,GACrD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,SAAS,SAAS,UAAU,MAAM;AAAA,QACjD,cAAY,SAAS,yBAAyB;AAAA,QAC9C,WAAU;AAAA,QAET,mBAAS,4CAAC,2BAAI,WAAU,WAAU,IAAK,4CAAC,4BAAK,WAAU,WAAU;AAAA;AAAA,IACpE;AAAA,IAEA,6CAAC,qCACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAW;AAAA,UAEX;AAAA,wDAAC,+BAAQ,WAAU,WAAU;AAAA,YAC7B,4CAAC,UAAK,WAAU,eAAe,uBAAY;AAAA;AAAA;AAAA,MAC7C;AAAA,MACA,4CAAC,4CAAoB,OAAM,OAAM,YAAY,GAAG,WAAU,YACvD,oCAAY,IAAI,CAAC,MAChB;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM,aAAa,EAAE,EAAE;AAAA,UAChC,eAAW;AAAA,YACT;AAAA,YACA,cAAc,EAAE,MAAM;AAAA,UACxB;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAW;AAAA,gBACX,WAAU;AAAA,gBAEV;AAAA,8DAAC,UAAK,WAAU,gBAAe,OAAO,EAAE,YAAY,EAAE,OAAO,QAAQ,GAAG;AAAA,kBACxE;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,YAAY,EAAE,OAAO,YAAY;AAAA;AAAA,kBAC5C;AAAA;AAAA;AAAA,YACF;AAAA,YACA,6CAAC,UAAK,WAAU,iBACd;AAAA,0DAAC,UAAK,WAAU,uBAAuB,YAAE,OAAM;AAAA,cAC/C,4CAAC,UAAK,WAAU,iCAAiC,YAAE,aAAY;AAAA,eACjE;AAAA;AAAA;AAAA,QApBK,EAAE;AAAA,MAqBT,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/chrome/ThemeSwitcher.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useTheme } from "next-themes";
+import { Moon, Sun, Palette } from "lucide-react";
+import { BASE_THEMES } from "@augmenting-integrations/themes";
+import { useThemeName } from "../../providers/ThemeProvider.js";
+import { cn } from "../../lib/utils.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "../ui/dropdown-menu.js";
+function ThemeSwitcher({ className }) {
+  const { themeName, setThemeName } = useThemeName();
+  const { resolvedTheme, setTheme } = useTheme();
+  const mounted = React.useSyncExternalStore(
+    () => () => {
+    },
+    () => true,
+    () => false
+  );
+  if (!mounted) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "h-9 w-[120px] rounded-md border border-border bg-background",
+          className
+        )
+      }
+    );
+  }
+  const isDark = resolvedTheme === "dark";
+  const activeLabel = BASE_THEMES.find((t) => t.id === themeName)?.label ?? "Theme";
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setTheme(isDark ? "light" : "dark"),
+        "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode",
+        className: "inline-flex h-9 w-9 items-center justify-center rounded-md border border-border bg-background text-foreground transition hover:bg-muted",
+        children: isDark ? /* @__PURE__ */ jsx(Sun, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Moon, { className: "h-4 w-4" })
+      }
+    ),
+    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsxs(
+        DropdownMenuTrigger,
+        {
+          className: "inline-flex h-9 items-center gap-2 rounded-md border border-border bg-background px-3 text-sm text-foreground transition hover:bg-muted",
+          "aria-label": "Switch theme palette",
+          children: [
+            /* @__PURE__ */ jsx(Palette, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: activeLabel })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", sideOffset: 6, className: "w-72 p-1", children: BASE_THEMES.map((t) => /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          onClick: () => setThemeName(t.id),
+          className: cn(
+            "items-start gap-3 px-2 py-2",
+            themeName === t.id && "bg-muted"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                "aria-hidden": true,
+                className: "mt-0.5 inline-flex h-6 w-6 shrink-0 overflow-hidden rounded-full ring-1 ring-border",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "h-full w-1/2", style: { background: t.swatch.primary } }),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "h-full w-1/2",
+                      style: { background: t.swatch.primaryDark }
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: t.label }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t.description })
+            ] })
+          ]
+        },
+        t.id
+      )) })
+    ] })
+  ] });
+}
+export {
+  ThemeSwitcher
+};
+//# sourceMappingURL=ThemeSwitcher.js.map

package/dist/components/chrome/ThemeSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/chrome/ThemeSwitcher.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useTheme } from \"next-themes\";\nimport { Moon, Sun, Palette } from \"lucide-react\";\nimport { BASE_THEMES } from \"@augmenting-integrations/themes\";\nimport { useThemeName } from \"../../providers/ThemeProvider.js\";\nimport { cn } from \"../../lib/utils.js\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../ui/dropdown-menu.js\";\n\nexport function ThemeSwitcher({ className }: { className?: string }) {\n  const { themeName, setThemeName } = useThemeName();\n  const { resolvedTheme, setTheme } = useTheme();\n  const mounted = React.useSyncExternalStore(\n    () => () => {},\n    () => true,\n    () => false,\n  );\n\n  if (!mounted) {\n    return (\n      <div\n        className={cn(\n          \"h-9 w-[120px] rounded-md border border-border bg-background\",\n          className,\n        )}\n      />\n    );\n  }\n\n  const isDark = resolvedTheme === \"dark\";\n  const activeLabel = BASE_THEMES.find((t) => t.id === themeName)?.label ?? \"Theme\";\n\n  return (\n    <div className={cn(\"flex items-center gap-2\", className)}>\n      <button\n        type=\"button\"\n        onClick={() => setTheme(isDark ? \"light\" : \"dark\")}\n        aria-label={isDark ? \"Switch to light mode\" : \"Switch to dark mode\"}\n        className=\"inline-flex h-9 w-9 items-center justify-center rounded-md border border-border bg-background text-foreground transition hover:bg-muted\"\n      >\n        {isDark ? <Sun className=\"h-4 w-4\" /> : <Moon className=\"h-4 w-4\" />}\n      </button>\n\n      <DropdownMenu>\n        <DropdownMenuTrigger\n          className=\"inline-flex h-9 items-center gap-2 rounded-md border border-border bg-background px-3 text-sm text-foreground transition hover:bg-muted\"\n          aria-label=\"Switch theme palette\"\n        >\n          <Palette className=\"h-4 w-4\" />\n          <span className=\"font-medium\">{activeLabel}</span>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"end\" sideOffset={6} className=\"w-72 p-1\">\n          {BASE_THEMES.map((t) => (\n            <DropdownMenuItem\n              key={t.id}\n              onClick={() => setThemeName(t.id)}\n              className={cn(\n                \"items-start gap-3 px-2 py-2\",\n                themeName === t.id && \"bg-muted\",\n              )}\n            >\n              <span\n                aria-hidden\n                className=\"mt-0.5 inline-flex h-6 w-6 shrink-0 overflow-hidden rounded-full ring-1 ring-border\"\n              >\n                <span className=\"h-full w-1/2\" style={{ background: t.swatch.primary }} />\n                <span\n                  className=\"h-full w-1/2\"\n                  style={{ background: t.swatch.primaryDark }}\n                />\n              </span>\n              <span className=\"flex flex-col\">\n                <span className=\"text-sm font-medium\">{t.label}</span>\n                <span className=\"text-xs text-muted-foreground\">{t.description}</span>\n              </span>\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n}\n"],"mappings":";AA0BM,cAwBE,YAxBF;AAxBN,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,MAAM,KAAK,eAAe;AACnC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,cAAc,EAAE,UAAU,GAA2B;AACnE,QAAM,EAAE,WAAW,aAAa,IAAI,aAAa;AACjD,QAAM,EAAE,eAAe,SAAS,IAAI,SAAS;AAC7C,QAAM,UAAU,MAAM;AAAA,IACpB,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAEA,MAAI,CAAC,SAAS;AACZ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,QAAM,SAAS,kBAAkB;AACjC,QAAM,cAAc,YAAY,KAAK,CAAC,MAAM,EAAE,OAAO,SAAS,GAAG,SAAS;AAE1E,SACE,qBAAC,SAAI,WAAW,GAAG,2BAA2B,SAAS,GACrD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,SAAS,SAAS,UAAU,MAAM;AAAA,QACjD,cAAY,SAAS,yBAAyB;AAAA,QAC9C,WAAU;AAAA,QAET,mBAAS,oBAAC,OAAI,WAAU,WAAU,IAAK,oBAAC,QAAK,WAAU,WAAU;AAAA;AAAA,IACpE;AAAA,IAEA,qBAAC,gBACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAW;AAAA,UAEX;AAAA,gCAAC,WAAQ,WAAU,WAAU;AAAA,YAC7B,oBAAC,UAAK,WAAU,eAAe,uBAAY;AAAA;AAAA;AAAA,MAC7C;AAAA,MACA,oBAAC,uBAAoB,OAAM,OAAM,YAAY,GAAG,WAAU,YACvD,sBAAY,IAAI,CAAC,MAChB;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,MAAM,aAAa,EAAE,EAAE;AAAA,UAChC,WAAW;AAAA,YACT;AAAA,YACA,cAAc,EAAE,MAAM;AAAA,UACxB;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAW;AAAA,gBACX,WAAU;AAAA,gBAEV;AAAA,sCAAC,UAAK,WAAU,gBAAe,OAAO,EAAE,YAAY,EAAE,OAAO,QAAQ,GAAG;AAAA,kBACxE;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,YAAY,EAAE,OAAO,YAAY;AAAA;AAAA,kBAC5C;AAAA;AAAA;AAAA,YACF;AAAA,YACA,qBAAC,UAAK,WAAU,iBACd;AAAA,kCAAC,UAAK,WAAU,uBAAuB,YAAE,OAAM;AAAA,cAC/C,oBAAC,UAAK,WAAU,iCAAiC,YAAE,aAAY;AAAA,eACjE;AAAA;AAAA;AAAA,QApBK,EAAE;AAAA,MAqBT,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}