@arbidocs/react 0.5.111 → 0.5.113

package/dist/icons/ProviderIcon.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { Crown } from "lucide-react";
+import { OpenAIIcon } from "./OpenAIIcon.js";
+import { ClaudeIcon } from "./ClaudeIcon.js";
+import { GeminiIcon } from "./GeminiIcon.js";
+import { GoogleIcon } from "./GoogleIcon.js";
+import { FireworksIcon } from "./FireworksIcon.js";
+function ProviderIcon({
+  modelName,
+  provider,
+  size = 16,
+  className = ""
+}) {
+  const m = (modelName ?? "").toLowerCase();
+  const p = (provider ?? "").toLowerCase();
+  if (m.includes("gpt") || p === "openai") {
+    return /* @__PURE__ */ jsx(OpenAIIcon, { size, className });
+  }
+  if (m.includes("claude") || p === "anthropic") {
+    return /* @__PURE__ */ jsx(ClaudeIcon, { size, className });
+  }
+  if (m.includes("gemini") || p.startsWith("vertex_ai")) {
+    return /* @__PURE__ */ jsx(GeminiIcon, { size, className });
+  }
+  if (p === "google") {
+    return /* @__PURE__ */ jsx(GoogleIcon, { size, className });
+  }
+  if (p === "fireworks_ai") {
+    return /* @__PURE__ */ jsx(FireworksIcon, { size, className });
+  }
+  return /* @__PURE__ */ jsx(
+    Crown,
+    {
+      className,
+      style: { width: size, height: size, color: "#EAB308", fill: "#EAB308" }
+    }
+  );
+}
+export {
+  ProviderIcon
+};
+//# sourceMappingURL=ProviderIcon.js.map

package/dist/icons/ProviderIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/icons/ProviderIcon.tsx"],
+  "sourcesContent": ["import { Crown } from 'lucide-react'\nimport { OpenAIIcon } from './OpenAIIcon'\nimport { ClaudeIcon } from './ClaudeIcon'\nimport { GeminiIcon } from './GeminiIcon'\nimport { GoogleIcon } from './GoogleIcon'\nimport { FireworksIcon } from './FireworksIcon'\n\n/** Pick the best brand mark for a model. We prefer the *product* logo\n *  (ChatGPT swirl, Gemini sparkle, Claude burst) when the model_name\n *  signals a known product line, falling back to the LiteLLM provider\n *  string for everything else. Returns Crown as the universal fallback so\n *  Premium-tier rows always render an icon. */\nexport function ProviderIcon({\n  modelName,\n  provider,\n  size = 16,\n  className = '',\n}: {\n  modelName?: string\n  provider?: string | null\n  size?: number\n  className?: string\n}) {\n  const m = (modelName ?? '').toLowerCase()\n  const p = (provider ?? '').toLowerCase()\n\n  if (m.includes('gpt') || p === 'openai') {\n    return <OpenAIIcon size={size} className={className} />\n  }\n  if (m.includes('claude') || p === 'anthropic') {\n    return <ClaudeIcon size={size} className={className} />\n  }\n  if (m.includes('gemini') || p.startsWith('vertex_ai')) {\n    return <GeminiIcon size={size} className={className} />\n  }\n  if (p === 'google') {\n    return <GoogleIcon size={size} className={className} />\n  }\n  if (p === 'fireworks_ai') {\n    return <FireworksIcon size={size} className={className} />\n  }\n  return (\n    <Crown\n      className={className}\n      style={{ width: size, height: size, color: '#EAB308', fill: '#EAB308' }}\n    />\n  )\n}\n"],
+  "mappings": "AA2BW;AA3BX,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAOvB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,YAAY;AACd,GAKG;AACD,QAAM,KAAK,aAAa,IAAI,YAAY;AACxC,QAAM,KAAK,YAAY,IAAI,YAAY;AAEvC,MAAI,EAAE,SAAS,KAAK,KAAK,MAAM,UAAU;AACvC,WAAO,oBAAC,cAAW,MAAY,WAAsB;AAAA,EACvD;AACA,MAAI,EAAE,SAAS,QAAQ,KAAK,MAAM,aAAa;AAC7C,WAAO,oBAAC,cAAW,MAAY,WAAsB;AAAA,EACvD;AACA,MAAI,EAAE,SAAS,QAAQ,KAAK,EAAE,WAAW,WAAW,GAAG;AACrD,WAAO,oBAAC,cAAW,MAAY,WAAsB;AAAA,EACvD;AACA,MAAI,MAAM,UAAU;AAClB,WAAO,oBAAC,cAAW,MAAY,WAAsB;AAAA,EACvD;AACA,MAAI,MAAM,gBAAgB;AACxB,WAAO,oBAAC,iBAAc,MAAY,WAAsB;AAAA,EAC1D;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,EAAE,OAAO,MAAM,QAAQ,MAAM,OAAO,WAAW,MAAM,UAAU;AAAA;AAAA,EACxE;AAEJ;",
+  "names": []
+}

package/dist/icons/TxtIcon.js

@@ -0,0 +1,56 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FILE_TYPE_COLORS } from "./colors.js";
+const TxtIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.txt,
+            stroke: FILE_TYPE_COLORS.txt,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "TXT"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  TxtIcon
+};
+//# sourceMappingURL=TxtIcon.js.map

package/dist/icons/TxtIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/icons/TxtIcon.tsx"],
+  "sourcesContent": ["/**\n * TXT Icon Component. Promoted from the ARBI app for SDK reuse.\n * For text files (.txt) with gray styling.\n */\n\nimport React from 'react'\nimport { FILE_TYPE_COLORS } from './colors'\n\ninterface TxtIconProps {\n  size?: number\n  className?: string\n}\n\nexport const TxtIcon: React.FC<TxtIconProps> = ({ size = 16, className = '' }) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <path\n        d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\"\n        fill={FILE_TYPE_COLORS.txt}\n        stroke={FILE_TYPE_COLORS.txt}\n        strokeWidth=\"1\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M14 2v6h6\"\n        fill=\"none\"\n        stroke={FILE_TYPE_COLORS.white}\n        strokeWidth=\"1\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <text\n        x=\"12\"\n        y=\"16\"\n        fontSize=\"6\"\n        fill=\"white\"\n        textAnchor=\"middle\"\n        fontWeight=\"bold\"\n        fontFamily=\"Arial, sans-serif\"\n      >\n        TXT\n      </text>\n    </svg>\n  )\n}\n"],
+  "mappings": "AAeI,SAQE,KARF;AATJ,SAAS,wBAAwB;AAO1B,MAAM,UAAkC,CAAC,EAAE,OAAO,IAAI,YAAY,GAAG,MAAM;AAChF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAM,iBAAiB;AAAA,YACvB,QAAQ,iBAAiB;AAAA,YACzB,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA;AAAA,QACjB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAQ,iBAAiB;AAAA,YACzB,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA;AAAA,QACjB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,GAAE;AAAA,YACF,UAAS;AAAA,YACT,MAAK;AAAA,YACL,YAAW;AAAA,YACX,YAAW;AAAA,YACX,YAAW;AAAA,YACZ;AAAA;AAAA,QAED;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/icons/VidIcon.js

@@ -0,0 +1,56 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FILE_TYPE_COLORS } from "./colors.js";
+const VidIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.vid,
+            stroke: FILE_TYPE_COLORS.vid,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "VID"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  VidIcon
+};
+//# sourceMappingURL=VidIcon.js.map

package/dist/icons/VidIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/icons/VidIcon.tsx"],
+  "sourcesContent": ["/** Video file icon (emerald). Promoted from the ARBI app for SDK reuse. */\n\nimport React from 'react'\nimport { FILE_TYPE_COLORS } from './colors'\n\ninterface IconProps {\n  size?: number\n  className?: string\n}\n\nexport const VidIcon: React.FC<IconProps> = ({ size = 16, className = '' }) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <path\n        d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\"\n        fill={FILE_TYPE_COLORS.vid}\n        stroke={FILE_TYPE_COLORS.vid}\n        strokeWidth=\"1\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M14 2v6h6\"\n        fill=\"none\"\n        stroke={FILE_TYPE_COLORS.white}\n        strokeWidth=\"1\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <text\n        x=\"12\"\n        y=\"16\"\n        fontSize=\"6\"\n        fill=\"white\"\n        textAnchor=\"middle\"\n        fontWeight=\"bold\"\n        fontFamily=\"Arial, sans-serif\"\n      >\n        VID\n      </text>\n    </svg>\n  )\n}\n"],
+  "mappings": "AAYI,SAQE,KARF;AATJ,SAAS,wBAAwB;AAO1B,MAAM,UAA+B,CAAC,EAAE,OAAO,IAAI,YAAY,GAAG,MAAM;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAM,iBAAiB;AAAA,YACvB,QAAQ,iBAAiB;AAAA,YACzB,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA;AAAA,QACjB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAQ,iBAAiB;AAAA,YACzB,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA;AAAA,QACjB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,GAAE;AAAA,YACF,UAAS;AAAA,YACT,MAAK;AAAA,YACL,YAAW;AAAA,YACX,YAAW;AAAA,YACX,YAAW;AAAA,YACZ;AAAA;AAAA,QAED;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/icons/XlsIcon.js

@@ -0,0 +1,56 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FILE_TYPE_COLORS } from "./colors.js";
+const XlsIcon = ({ size = 16, className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z",
+            fill: FILE_TYPE_COLORS.xls,
+            stroke: FILE_TYPE_COLORS.xls,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 2v6h6",
+            fill: "none",
+            stroke: FILE_TYPE_COLORS.white,
+            strokeWidth: "1",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "12",
+            y: "16",
+            fontSize: "6",
+            fill: "white",
+            textAnchor: "middle",
+            fontWeight: "bold",
+            fontFamily: "Arial, sans-serif",
+            children: "XLS"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  XlsIcon
+};
+//# sourceMappingURL=XlsIcon.js.map

package/dist/icons/XlsIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/icons/XlsIcon.tsx"],
+  "sourcesContent": ["/**\n * XLS Icon Component. Promoted from the ARBI app for SDK reuse.\n * For Excel spreadsheets (.xls, .xlsx files) with green styling.\n */\n\nimport React from 'react'\nimport { FILE_TYPE_COLORS } from './colors'\n\ninterface XlsIconProps {\n  size?: number\n  className?: string\n}\n\nexport const XlsIcon: React.FC<XlsIconProps> = ({ size = 16, className = '' }) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n    >\n      <path\n        d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\"\n        fill={FILE_TYPE_COLORS.xls}\n        stroke={FILE_TYPE_COLORS.xls}\n        strokeWidth=\"1\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M14 2v6h6\"\n        fill=\"none\"\n        stroke={FILE_TYPE_COLORS.white}\n        strokeWidth=\"1\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <text\n        x=\"12\"\n        y=\"16\"\n        fontSize=\"6\"\n        fill=\"white\"\n        textAnchor=\"middle\"\n        fontWeight=\"bold\"\n        fontFamily=\"Arial, sans-serif\"\n      >\n        XLS\n      </text>\n    </svg>\n  )\n}\n"],
+  "mappings": "AAeI,SAQE,KARF;AATJ,SAAS,wBAAwB;AAO1B,MAAM,UAAkC,CAAC,EAAE,OAAO,IAAI,YAAY,GAAG,MAAM;AAChF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAM,iBAAiB;AAAA,YACvB,QAAQ,iBAAiB;AAAA,YACzB,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA;AAAA,QACjB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAQ,iBAAiB;AAAA,YACzB,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA;AAAA,QACjB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,GAAE;AAAA,YACF,UAAS;AAAA,YACT,MAAK;AAAA,YACL,YAAW;AAAA,YACX,YAAW;AAAA,YACX,YAAW;AAAA,YACZ;AAAA;AAAA,QAED;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/icons/arbi-mark.js

@@ -0,0 +1,5 @@
+const ARBI_MARK_SRC = "data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20width=%22500%22%20zoomAndPan=%22magnify%22%20viewBox=%220%200%20375%20374.999991%22%20height=%22500%22%20preserveAspectRatio=%22xMidYMid%20meet%22%20version=%221.0%22%3E%3Cdefs%3E%3Cg/%3E%3CclipPath%20id=%22413a615d81%22%3E%3Cpath%20d=%22M%20187.5%200%20C%2083.945312%200%200%2083.945312%200%20187.5%20C%200%20291.054688%2083.945312%20375%20187.5%20375%20C%20291.054688%20375%20375%20291.054688%20375%20187.5%20C%20375%2083.945312%20291.054688%200%20187.5%200%20Z%20M%20187.5%200%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22b4114fb668%22%3E%3Cpath%20d=%22M%200%200%20L%20375%200%20L%20375%20375%20L%200%20375%20Z%20M%200%200%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2202d2f74560%22%3E%3Cpath%20d=%22M%20187.5%200%20C%2083.945312%200%200%2083.945312%200%20187.5%20C%200%20291.054688%2083.945312%20375%20187.5%20375%20C%20291.054688%20375%20375%20291.054688%20375%20187.5%20C%20375%2083.945312%20291.054688%200%20187.5%200%20Z%20M%20187.5%200%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2266f7fee432%22%3E%3Crect%20x=%220%22%20width=%22375%22%20y=%220%22%20height=%22375%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2244a7358375%22%3E%3Cpath%20d=%22M%2066.527344%2066.527344%20L%20308.472656%2066.527344%20L%20308.472656%20308.472656%20L%2066.527344%20308.472656%20Z%20M%2066.527344%2066.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2206d1da3b78%22%3E%3Cpath%20d=%22M%20187.5%2066.527344%20C%20120.6875%2066.527344%2066.527344%20120.6875%2066.527344%20187.5%20C%2066.527344%20254.3125%20120.6875%20308.472656%20187.5%20308.472656%20C%20254.3125%20308.472656%20308.472656%20254.3125%20308.472656%20187.5%20C%20308.472656%20120.6875%20254.3125%2066.527344%20187.5%2066.527344%20Z%20M%20187.5%2066.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%225f19be2713%22%3E%3Cpath%20d=%22M%200.527344%200.527344%20L%20242.472656%200.527344%20L%20242.472656%20242.472656%20L%200.527344%20242.472656%20Z%20M%200.527344%200.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22fde3ba0cc4%22%3E%3Cpath%20d=%22M%20121.5%200.527344%20C%2054.6875%200.527344%200.527344%2054.6875%200.527344%20121.5%20C%200.527344%20188.3125%2054.6875%20242.472656%20121.5%20242.472656%20C%20188.3125%20242.472656%20242.472656%20188.3125%20242.472656%20121.5%20C%20242.472656%2054.6875%20188.3125%200.527344%20121.5%200.527344%20Z%20M%20121.5%200.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2267bf874d33%22%3E%3Crect%20x=%220%22%20width=%22243%22%20y=%220%22%20height=%22243%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2205f2bd6677%22%3E%3Cpath%20d=%22M%200%2098.171875%20L%20375%2098.171875%20L%20375%20375%20L%200%20375%20Z%20M%200%2098.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22a5274c9106%22%3E%3Cpath%20d=%22M%20187.5%2098.171875%20L%20404.023438%20508.144531%20L%20-29.023438%20508.144531%20Z%20M%20187.5%2098.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%220f4217ffe3%22%3E%3Cpath%20d=%22M%200%200.171875%20L%20375%200.171875%20L%20375%20277%20L%200%20277%20Z%20M%200%200.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22ca1f5799a3%22%3E%3Cpath%20d=%22M%20187.5%200.171875%20L%20404.023438%20410.144531%20L%20-29.023438%20410.144531%20Z%20M%20187.5%200.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%228bb016993a%22%3E%3Crect%20x=%220%22%20width=%22375%22%20y=%220%22%20height=%22277%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2276af0040d9%22%3E%3Cpath%20d=%22M%200%20195.949219%20L%20375%20195.949219%20L%20375%20375%20L%200%20375%20Z%20M%200%20195.949219%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%221062f89594%22%3E%3Cpath%20d=%22M%200%200.949219%20L%20375%200.949219%20L%20375%20180%20L%200%20180%20Z%20M%200%200.949219%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2217bc809498%22%3E%3Crect%20x=%220%22%20width=%22375%22%20y=%220%22%20height=%22180%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22ad524f887e%22%3E%3Cpath%20d=%22M%202%2094%20L%20293%2094%20L%20293%20342%20L%202%20342%20Z%20M%202%2094%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22ac73806eb1%22%3E%3Crect%20x=%220%22%20width=%22294%22%20y=%220%22%20height=%22342%22/%3E%3C/clipPath%3E%3C/defs%3E%3Crect%20x=%22-37.5%22%20width=%22450%22%20fill=%22%23ffffff%22%20y=%22-37.499999%22%20height=%22449.999989%22%20fill-opacity=%221%22/%3E%3Crect%20x=%22-37.5%22%20width=%22450%22%20fill=%22%23ffffff%22%20y=%22-37.499999%22%20height=%22449.999989%22%20fill-opacity=%221%22/%3E%3Cg%20clip-path=%22url(%23413a615d81)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%200,%200)%22%3E%3Cg%20clip-path=%22url(%2366f7fee432)%22%3E%3Cg%20clip-path=%22url(%23b4114fb668)%22%3E%3Cg%20clip-path=%22url(%2302d2f74560)%22%3E%3Crect%20x=%22-82.5%22%20width=%22540%22%20fill=%22%2301adef%22%20height=%22539.999987%22%20y=%22-82.499998%22%20fill-opacity=%221%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20clip-path=%22url(%2344a7358375)%22%3E%3Cg%20clip-path=%22url(%2306d1da3b78)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%2066,%2066)%22%3E%3Cg%20clip-path=%22url(%2367bf874d33)%22%3E%3Cg%20clip-path=%22url(%235f19be2713)%22%3E%3Cg%20clip-path=%22url(%23fde3ba0cc4)%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M%200.527344%200.527344%20L%20242.472656%200.527344%20L%20242.472656%20242.472656%20L%200.527344%20242.472656%20Z%20M%200.527344%200.527344%20%22%20fill-opacity=%221%22%20fill-rule=%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20clip-path=%22url(%2305f2bd6677)%22%3E%3Cg%20clip-path=%22url(%23a5274c9106)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%200,%2098)%22%3E%3Cg%20clip-path=%22url(%238bb016993a)%22%3E%3Cg%20clip-path=%22url(%230f4217ffe3)%22%3E%3Cg%20clip-path=%22url(%23ca1f5799a3)%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M%20-29.023438%200.171875%20L%20403.371094%200.171875%20L%20403.371094%20410.144531%20L%20-29.023438%20410.144531%20Z%20M%20-29.023438%200.171875%20%22%20fill-opacity=%221%22%20fill-rule=%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20clip-path=%22url(%2376af0040d9)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%200,%20195)%22%3E%3Cg%20clip-path=%22url(%2317bc809498)%22%3E%3Cg%20clip-path=%22url(%231062f89594)%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M%20-62.902344%200.949219%20L%20438.316406%200.949219%20L%20438.316406%20313.144531%20L%20-62.902344%20313.144531%20Z%20M%20-62.902344%200.949219%20%22%20fill-opacity=%221%22%20fill-rule=%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%2040,%2033)%22%3E%3Cg%20clip-path=%22url(%23ac73806eb1)%22%3E%3Cg%20clip-path=%22url(%23ad524f887e)%22%3E%3Cg%20fill=%22%23202b61%22%20fill-opacity=%221%22%3E%3Cg%20transform=%22translate(7.369923,%20344.002374)%22%3E%3Cg%3E%3Cpath%20d=%22M%20192.15625%20-48.484375%20L%2086.640625%20-48.484375%20L%2067.03125%200%20L%20-4.984375%200%20L%20105.171875%20-249.5625%20L%20174.6875%20-249.5625%20L%20285.21875%200%20L%20211.765625%200%20Z%20M%20171.484375%20-100.53125%20L%20139.390625%20-180.390625%20L%20107.3125%20-100.53125%20Z%20M%20171.484375%20-100.53125%20%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath%20stroke-linecap=%22butt%22%20transform=%22matrix(0.75,%200,%200,%200.75,%200.0000045,%20209.710181)%22%20fill=%22none%22%20stroke-linejoin=%22miter%22%20d=%22M%20-0.000006%2010.001009%20L%2088.703125%2010.001009%20%22%20stroke=%22%23202b61%22%20stroke-width=%2220%22%20stroke-opacity=%221%22%20stroke-miterlimit=%224%22/%3E%3Cpath%20stroke-linecap=%22butt%22%20transform=%22matrix(0.75,%200,%200,%200.75,%20308.473813,%20209.710181)%22%20fill=%22none%22%20stroke-linejoin=%22miter%22%20d=%22M%20-0.00154239%2010.001009%20L%2088.701588%2010.001009%20%22%20stroke=%22%23202b61%22%20stroke-width=%2220%22%20stroke-opacity=%221%22%20stroke-miterlimit=%224%22/%3E%3C/svg%3E";
+export {
+  ARBI_MARK_SRC
+};
+//# sourceMappingURL=arbi-mark.js.map

package/dist/icons/arbi-mark.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/icons/arbi-mark.ts"],
+  "sourcesContent": ["/**\n * The ARBI mark (the same artwork as ARBI-frontend's `/favicon.svg`) as a data URI, so the kits\n * that show ARBI's own identity (the ARBI provider of the standard models, the assistant's avatar)\n * render it in any host, whatever that host serves at `/favicon.svg`.\n */\nexport const ARBI_MARK_SRC =\n  'data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20width=%22500%22%20zoomAndPan=%22magnify%22%20viewBox=%220%200%20375%20374.999991%22%20height=%22500%22%20preserveAspectRatio=%22xMidYMid%20meet%22%20version=%221.0%22%3E%3Cdefs%3E%3Cg/%3E%3CclipPath%20id=%22413a615d81%22%3E%3Cpath%20d=%22M%20187.5%200%20C%2083.945312%200%200%2083.945312%200%20187.5%20C%200%20291.054688%2083.945312%20375%20187.5%20375%20C%20291.054688%20375%20375%20291.054688%20375%20187.5%20C%20375%2083.945312%20291.054688%200%20187.5%200%20Z%20M%20187.5%200%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22b4114fb668%22%3E%3Cpath%20d=%22M%200%200%20L%20375%200%20L%20375%20375%20L%200%20375%20Z%20M%200%200%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2202d2f74560%22%3E%3Cpath%20d=%22M%20187.5%200%20C%2083.945312%200%200%2083.945312%200%20187.5%20C%200%20291.054688%2083.945312%20375%20187.5%20375%20C%20291.054688%20375%20375%20291.054688%20375%20187.5%20C%20375%2083.945312%20291.054688%200%20187.5%200%20Z%20M%20187.5%200%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2266f7fee432%22%3E%3Crect%20x=%220%22%20width=%22375%22%20y=%220%22%20height=%22375%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2244a7358375%22%3E%3Cpath%20d=%22M%2066.527344%2066.527344%20L%20308.472656%2066.527344%20L%20308.472656%20308.472656%20L%2066.527344%20308.472656%20Z%20M%2066.527344%2066.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2206d1da3b78%22%3E%3Cpath%20d=%22M%20187.5%2066.527344%20C%20120.6875%2066.527344%2066.527344%20120.6875%2066.527344%20187.5%20C%2066.527344%20254.3125%20120.6875%20308.472656%20187.5%20308.472656%20C%20254.3125%20308.472656%20308.472656%20254.3125%20308.472656%20187.5%20C%20308.472656%20120.6875%20254.3125%2066.527344%20187.5%2066.527344%20Z%20M%20187.5%2066.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%225f19be2713%22%3E%3Cpath%20d=%22M%200.527344%200.527344%20L%20242.472656%200.527344%20L%20242.472656%20242.472656%20L%200.527344%20242.472656%20Z%20M%200.527344%200.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22fde3ba0cc4%22%3E%3Cpath%20d=%22M%20121.5%200.527344%20C%2054.6875%200.527344%200.527344%2054.6875%200.527344%20121.5%20C%200.527344%20188.3125%2054.6875%20242.472656%20121.5%20242.472656%20C%20188.3125%20242.472656%20242.472656%20188.3125%20242.472656%20121.5%20C%20242.472656%2054.6875%20188.3125%200.527344%20121.5%200.527344%20Z%20M%20121.5%200.527344%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2267bf874d33%22%3E%3Crect%20x=%220%22%20width=%22243%22%20y=%220%22%20height=%22243%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2205f2bd6677%22%3E%3Cpath%20d=%22M%200%2098.171875%20L%20375%2098.171875%20L%20375%20375%20L%200%20375%20Z%20M%200%2098.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22a5274c9106%22%3E%3Cpath%20d=%22M%20187.5%2098.171875%20L%20404.023438%20508.144531%20L%20-29.023438%20508.144531%20Z%20M%20187.5%2098.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%220f4217ffe3%22%3E%3Cpath%20d=%22M%200%200.171875%20L%20375%200.171875%20L%20375%20277%20L%200%20277%20Z%20M%200%200.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22ca1f5799a3%22%3E%3Cpath%20d=%22M%20187.5%200.171875%20L%20404.023438%20410.144531%20L%20-29.023438%20410.144531%20Z%20M%20187.5%200.171875%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%228bb016993a%22%3E%3Crect%20x=%220%22%20width=%22375%22%20y=%220%22%20height=%22277%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2276af0040d9%22%3E%3Cpath%20d=%22M%200%20195.949219%20L%20375%20195.949219%20L%20375%20375%20L%200%20375%20Z%20M%200%20195.949219%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%221062f89594%22%3E%3Cpath%20d=%22M%200%200.949219%20L%20375%200.949219%20L%20375%20180%20L%200%20180%20Z%20M%200%200.949219%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%2217bc809498%22%3E%3Crect%20x=%220%22%20width=%22375%22%20y=%220%22%20height=%22180%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22ad524f887e%22%3E%3Cpath%20d=%22M%202%2094%20L%20293%2094%20L%20293%20342%20L%202%20342%20Z%20M%202%2094%20%22%20clip-rule=%22nonzero%22/%3E%3C/clipPath%3E%3CclipPath%20id=%22ac73806eb1%22%3E%3Crect%20x=%220%22%20width=%22294%22%20y=%220%22%20height=%22342%22/%3E%3C/clipPath%3E%3C/defs%3E%3Crect%20x=%22-37.5%22%20width=%22450%22%20fill=%22%23ffffff%22%20y=%22-37.499999%22%20height=%22449.999989%22%20fill-opacity=%221%22/%3E%3Crect%20x=%22-37.5%22%20width=%22450%22%20fill=%22%23ffffff%22%20y=%22-37.499999%22%20height=%22449.999989%22%20fill-opacity=%221%22/%3E%3Cg%20clip-path=%22url(%23413a615d81)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%200,%200)%22%3E%3Cg%20clip-path=%22url(%2366f7fee432)%22%3E%3Cg%20clip-path=%22url(%23b4114fb668)%22%3E%3Cg%20clip-path=%22url(%2302d2f74560)%22%3E%3Crect%20x=%22-82.5%22%20width=%22540%22%20fill=%22%2301adef%22%20height=%22539.999987%22%20y=%22-82.499998%22%20fill-opacity=%221%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20clip-path=%22url(%2344a7358375)%22%3E%3Cg%20clip-path=%22url(%2306d1da3b78)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%2066,%2066)%22%3E%3Cg%20clip-path=%22url(%2367bf874d33)%22%3E%3Cg%20clip-path=%22url(%235f19be2713)%22%3E%3Cg%20clip-path=%22url(%23fde3ba0cc4)%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M%200.527344%200.527344%20L%20242.472656%200.527344%20L%20242.472656%20242.472656%20L%200.527344%20242.472656%20Z%20M%200.527344%200.527344%20%22%20fill-opacity=%221%22%20fill-rule=%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20clip-path=%22url(%2305f2bd6677)%22%3E%3Cg%20clip-path=%22url(%23a5274c9106)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%200,%2098)%22%3E%3Cg%20clip-path=%22url(%238bb016993a)%22%3E%3Cg%20clip-path=%22url(%230f4217ffe3)%22%3E%3Cg%20clip-path=%22url(%23ca1f5799a3)%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M%20-29.023438%200.171875%20L%20403.371094%200.171875%20L%20403.371094%20410.144531%20L%20-29.023438%20410.144531%20Z%20M%20-29.023438%200.171875%20%22%20fill-opacity=%221%22%20fill-rule=%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20clip-path=%22url(%2376af0040d9)%22%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%200,%20195)%22%3E%3Cg%20clip-path=%22url(%2317bc809498)%22%3E%3Cg%20clip-path=%22url(%231062f89594)%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M%20-62.902344%200.949219%20L%20438.316406%200.949219%20L%20438.316406%20313.144531%20L%20-62.902344%20313.144531%20Z%20M%20-62.902344%200.949219%20%22%20fill-opacity=%221%22%20fill-rule=%22nonzero%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%20transform=%22matrix(1,%200,%200,%201,%2040,%2033)%22%3E%3Cg%20clip-path=%22url(%23ac73806eb1)%22%3E%3Cg%20clip-path=%22url(%23ad524f887e)%22%3E%3Cg%20fill=%22%23202b61%22%20fill-opacity=%221%22%3E%3Cg%20transform=%22translate(7.369923,%20344.002374)%22%3E%3Cg%3E%3Cpath%20d=%22M%20192.15625%20-48.484375%20L%2086.640625%20-48.484375%20L%2067.03125%200%20L%20-4.984375%200%20L%20105.171875%20-249.5625%20L%20174.6875%20-249.5625%20L%20285.21875%200%20L%20211.765625%200%20Z%20M%20171.484375%20-100.53125%20L%20139.390625%20-180.390625%20L%20107.3125%20-100.53125%20Z%20M%20171.484375%20-100.53125%20%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath%20stroke-linecap=%22butt%22%20transform=%22matrix(0.75,%200,%200,%200.75,%200.0000045,%20209.710181)%22%20fill=%22none%22%20stroke-linejoin=%22miter%22%20d=%22M%20-0.000006%2010.001009%20L%2088.703125%2010.001009%20%22%20stroke=%22%23202b61%22%20stroke-width=%2220%22%20stroke-opacity=%221%22%20stroke-miterlimit=%224%22/%3E%3Cpath%20stroke-linecap=%22butt%22%20transform=%22matrix(0.75,%200,%200,%200.75,%20308.473813,%20209.710181)%22%20fill=%22none%22%20stroke-linejoin=%22miter%22%20d=%22M%20-0.00154239%2010.001009%20L%2088.701588%2010.001009%20%22%20stroke=%22%23202b61%22%20stroke-width=%2220%22%20stroke-opacity=%221%22%20stroke-miterlimit=%224%22/%3E%3C/svg%3E'\n"],
+  "mappings": "AAKO,MAAM,gBACX;",
+  "names": []
+}

package/dist/icons/colors.js

@@ -0,0 +1,31 @@
+const NEUTRAL_GRAY = "#64748b";
+const FILE_TYPE_COLORS = {
+  pdf: "#ef4444",
+  // red
+  doc: "#3b82f6",
+  // blue (Word docs)
+  docx: "#3b82f6",
+  // blue
+  html: "#0284c7",
+  // sky-600 (web files)
+  img: "#8b5cf6",
+  // violet-500 (images)
+  vid: "#10b981",
+  // emerald-500 (video)
+  aud: "#f59e0b",
+  // amber-500 (audio)
+  xls: "#16a34a",
+  // green-600 (Excel)
+  eml: "#0d9488",
+  // teal-600 (email)
+  txt: NEUTRAL_GRAY,
+  // gray (plain text)
+  generic: NEUTRAL_GRAY,
+  // gray (unknown)
+  white: "#ffffff"
+  // for strokes/text on colored backgrounds
+};
+export {
+  FILE_TYPE_COLORS
+};
+//# sourceMappingURL=colors.js.map

package/dist/icons/colors.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/icons/colors.ts"],
+  "sourcesContent": ["/**\n * File-type icon colors \u2014 the subset of the app's FILE_TYPE_COLORS used by the\n * promoted file-type icons. Kept self-contained so the SDK icons render with the\n * same palette as the ARBI app without depending on the app's style constants.\n */\n\nconst NEUTRAL_GRAY = '#64748b' // slate-500\n\nexport const FILE_TYPE_COLORS = {\n  pdf: '#ef4444', // red\n  doc: '#3b82f6', // blue (Word docs)\n  docx: '#3b82f6', // blue\n  html: '#0284c7', // sky-600 (web files)\n  img: '#8b5cf6', // violet-500 (images)\n  vid: '#10b981', // emerald-500 (video)\n  aud: '#f59e0b', // amber-500 (audio)\n  xls: '#16a34a', // green-600 (Excel)\n  eml: '#0d9488', // teal-600 (email)\n  txt: NEUTRAL_GRAY, // gray (plain text)\n  generic: NEUTRAL_GRAY, // gray (unknown)\n  white: '#ffffff', // for strokes/text on colored backgrounds\n}\n"],
+  "mappings": "AAMA,MAAM,eAAe;AAEd,MAAM,mBAAmB;AAAA,EAC9B,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,MAAM;AAAA;AAAA,EACN,MAAM;AAAA;AAAA,EACN,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,SAAS;AAAA;AAAA,EACT,OAAO;AAAA;AACT;",
+  "names": []
+}

package/dist/icons/file-type.js

@@ -0,0 +1,105 @@
+import { AudIcon } from "./AudIcon.js";
+import { DocIcon } from "./DocIcon.js";
+import { EmlIcon } from "./EmlIcon.js";
+import { HtmlIcon } from "./HtmlIcon.js";
+import { ImgIcon } from "./ImgIcon.js";
+import { PdfIcon } from "./PdfIcon.js";
+import { VidIcon } from "./VidIcon.js";
+import { XlsIcon } from "./XlsIcon.js";
+import { FileText } from "lucide-react";
+const TextIcon = FileText;
+const IMAGE_EXTENSIONS = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "bmp", "tiff", "tif", "webp", "svg"]);
+const VIDEO_EXTENSIONS = /* @__PURE__ */ new Set(["mp4", "mpeg", "mpg", "webm", "mov", "avi", "mkv"]);
+const AUDIO_EXTENSIONS = /* @__PURE__ */ new Set(["mp3", "wav", "m4a", "aac", "ogg", "flac"]);
+const DOCX_EXTENSIONS = /* @__PURE__ */ new Set(["doc", "docx", "odt", "rtf"]);
+const XLSX_EXTENSIONS = /* @__PURE__ */ new Set(["xls", "xlsx", "csv", "ods"]);
+const EMAIL_EXTENSIONS = /* @__PURE__ */ new Set(["eml", "msg"]);
+const HTML_EXTENSIONS = /* @__PURE__ */ new Set(["html", "htm", "mhtml"]);
+const PDF_EXTENSIONS = /* @__PURE__ */ new Set(["pdf"]);
+const TEXT_EXTENSIONS = /* @__PURE__ */ new Set([
+  "txt",
+  "text",
+  "md",
+  "markdown",
+  "log",
+  "json",
+  "xml",
+  "yaml",
+  "yml"
+]);
+function getFileExtension(fileName) {
+  if (!fileName) return "";
+  const dot = fileName.lastIndexOf(".");
+  if (dot <= 0 || dot === fileName.length - 1) return "";
+  return fileName.slice(dot + 1).toLowerCase();
+}
+const MIME_TO_EXTENSION = {
+  "application/pdf": "pdf",
+  "text/plain": "txt",
+  "text/markdown": "md",
+  "text/html": "html",
+  "text/csv": "csv",
+  "application/json": "json",
+  "application/xml": "xml",
+  "application/msword": "doc",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "docx",
+  "application/rtf": "rtf",
+  "application/vnd.oasis.opendocument.text": "odt",
+  "application/vnd.ms-excel": "xls",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "xlsx",
+  "application/vnd.oasis.opendocument.spreadsheet": "ods",
+  "image/png": "png",
+  "image/jpeg": "jpg",
+  "image/gif": "gif",
+  "image/webp": "webp",
+  "image/svg+xml": "svg",
+  "image/tiff": "tiff",
+  "image/bmp": "bmp",
+  "video/mp4": "mp4",
+  "video/webm": "webm",
+  "video/quicktime": "mov",
+  "audio/mpeg": "mp3",
+  "audio/wav": "wav",
+  "audio/ogg": "ogg",
+  "message/rfc822": "eml"
+};
+function extensionFromMime(mime) {
+  if (!mime) return "";
+  return MIME_TO_EXTENSION[mime.toLowerCase()] ?? "";
+}
+function iconFromExtension(ext) {
+  if (VIDEO_EXTENSIONS.has(ext)) return VidIcon;
+  if (AUDIO_EXTENSIONS.has(ext)) return AudIcon;
+  if (IMAGE_EXTENSIONS.has(ext)) return ImgIcon;
+  if (DOCX_EXTENSIONS.has(ext)) return DocIcon;
+  if (XLSX_EXTENSIONS.has(ext)) return XlsIcon;
+  if (EMAIL_EXTENSIONS.has(ext)) return EmlIcon;
+  if (HTML_EXTENSIONS.has(ext)) return HtmlIcon;
+  if (PDF_EXTENSIONS.has(ext)) return PdfIcon;
+  if (TEXT_EXTENSIONS.has(ext)) return TextIcon;
+  return null;
+}
+function iconFromMime(mime) {
+  const m = mime.toLowerCase();
+  if (m.startsWith("image/")) return ImgIcon;
+  if (m.startsWith("video/")) return VidIcon;
+  if (m.startsWith("audio/")) return AudIcon;
+  if (m === "application/pdf") return PdfIcon;
+  if (m === "text/html") return HtmlIcon;
+  if (m === "message/rfc822" || m.includes("outlook")) return EmlIcon;
+  if (m.includes("word") || m === "application/rtf" || m.includes("opendocument.text"))
+    return DocIcon;
+  if (m.includes("sheet") || m.includes("excel") || m === "text/csv" || m.includes("opendocument.spreadsheet"))
+    return XlsIcon;
+  if (m.startsWith("text/") || m === "application/json" || m === "application/xml") return TextIcon;
+  return null;
+}
+function getFileTypeIcon(fileName, opts) {
+  return iconFromExtension(getFileExtension(fileName)) ?? (opts?.mime ? iconFromMime(opts.mime) : null) ?? (opts?.defaultToPdf ? PdfIcon : TextIcon);
+}
+export {
+  extensionFromMime,
+  getFileExtension,
+  getFileTypeIcon
+};
+//# sourceMappingURL=file-type.js.map

package/dist/icons/file-type.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/icons/file-type.ts"],
+  "sourcesContent": ["/**\n * Maps a file name (by extension) to the matching branded file-type icon\n * component. Single source of truth so the document grid, navigator, and the\n * file-explorer view all show identical icons.\n *\n * The icon components share a `{ size?, className? }` signature, so callers can\n * render the returned component at any size.\n */\n\nimport { AudIcon } from './AudIcon'\nimport { DocIcon } from './DocIcon'\nimport { EmlIcon } from './EmlIcon'\nimport { HtmlIcon } from './HtmlIcon'\nimport { ImgIcon } from './ImgIcon'\nimport { PdfIcon } from './PdfIcon'\nimport { VidIcon } from './VidIcon'\nimport { XlsIcon } from './XlsIcon'\nimport type { ComponentType } from 'react'\nimport { FileText } from 'lucide-react'\n\nexport type FileTypeIcon = ComponentType<{ size?: number; className?: string }>\n\n/**\n * Neutral document icon for plain-text files and anything otherwise\n * unrecognised. Inherits `currentColor`, so callers can tint it (e.g.\n * `text-muted-foreground`); a friendlier explorer fallback than a \"?\" glyph.\n */\nconst TextIcon: FileTypeIcon = FileText\n\nconst IMAGE_EXTENSIONS = new Set(['jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff', 'tif', 'webp', 'svg'])\nconst VIDEO_EXTENSIONS = new Set(['mp4', 'mpeg', 'mpg', 'webm', 'mov', 'avi', 'mkv'])\nconst AUDIO_EXTENSIONS = new Set(['mp3', 'wav', 'm4a', 'aac', 'ogg', 'flac'])\nconst DOCX_EXTENSIONS = new Set(['doc', 'docx', 'odt', 'rtf'])\nconst XLSX_EXTENSIONS = new Set(['xls', 'xlsx', 'csv', 'ods'])\nconst EMAIL_EXTENSIONS = new Set(['eml', 'msg'])\nconst HTML_EXTENSIONS = new Set(['html', 'htm', 'mhtml'])\nconst PDF_EXTENSIONS = new Set(['pdf'])\nconst TEXT_EXTENSIONS = new Set([\n  'txt',\n  'text',\n  'md',\n  'markdown',\n  'log',\n  'json',\n  'xml',\n  'yaml',\n  'yml',\n])\n\n/** Lower-cased extension (without the dot), or '' when there is none. */\nexport function getFileExtension(fileName?: string | null): string {\n  if (!fileName) return ''\n  const dot = fileName.lastIndexOf('.')\n  if (dot <= 0 || dot === fileName.length - 1) return ''\n  return fileName.slice(dot + 1).toLowerCase()\n}\n\n/** Canonical extensions for the MIME types we expect from the backend. */\nconst MIME_TO_EXTENSION: Record<string, string> = {\n  'application/pdf': 'pdf',\n  'text/plain': 'txt',\n  'text/markdown': 'md',\n  'text/html': 'html',\n  'text/csv': 'csv',\n  'application/json': 'json',\n  'application/xml': 'xml',\n  'application/msword': 'doc',\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'docx',\n  'application/rtf': 'rtf',\n  'application/vnd.oasis.opendocument.text': 'odt',\n  'application/vnd.ms-excel': 'xls',\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'xlsx',\n  'application/vnd.oasis.opendocument.spreadsheet': 'ods',\n  'image/png': 'png',\n  'image/jpeg': 'jpg',\n  'image/gif': 'gif',\n  'image/webp': 'webp',\n  'image/svg+xml': 'svg',\n  'image/tiff': 'tiff',\n  'image/bmp': 'bmp',\n  'video/mp4': 'mp4',\n  'video/webm': 'webm',\n  'video/quicktime': 'mov',\n  'audio/mpeg': 'mp3',\n  'audio/wav': 'wav',\n  'audio/ogg': 'ogg',\n  'message/rfc822': 'eml',\n}\n\n/**\n * Best-effort file extension (no dot) for a MIME type, or '' when unknown.\n * Used to surface the real extension for documents stored with a display title\n * that has none.\n */\nexport function extensionFromMime(mime?: string | null): string {\n  if (!mime) return ''\n  return MIME_TO_EXTENSION[mime.toLowerCase()] ?? ''\n}\n\n/** Icon from a file extension, or null when the extension isn't recognised. */\nfunction iconFromExtension(ext: string): FileTypeIcon | null {\n  if (VIDEO_EXTENSIONS.has(ext)) return VidIcon\n  if (AUDIO_EXTENSIONS.has(ext)) return AudIcon\n  if (IMAGE_EXTENSIONS.has(ext)) return ImgIcon\n  if (DOCX_EXTENSIONS.has(ext)) return DocIcon\n  if (XLSX_EXTENSIONS.has(ext)) return XlsIcon\n  if (EMAIL_EXTENSIONS.has(ext)) return EmlIcon\n  if (HTML_EXTENSIONS.has(ext)) return HtmlIcon\n  if (PDF_EXTENSIONS.has(ext)) return PdfIcon\n  if (TEXT_EXTENSIONS.has(ext)) return TextIcon\n  return null\n}\n\n/**\n * Icon from a MIME type, or null when unrecognised. Used as a fallback for\n * documents whose stored `file_name` carries no extension (common when a\n * display title is used instead).\n */\nfunction iconFromMime(mime: string): FileTypeIcon | null {\n  const m = mime.toLowerCase()\n  if (m.startsWith('image/')) return ImgIcon\n  if (m.startsWith('video/')) return VidIcon\n  if (m.startsWith('audio/')) return AudIcon\n  if (m === 'application/pdf') return PdfIcon\n  if (m === 'text/html') return HtmlIcon\n  if (m === 'message/rfc822' || m.includes('outlook')) return EmlIcon\n  if (m.includes('word') || m === 'application/rtf' || m.includes('opendocument.text'))\n    return DocIcon\n  if (\n    m.includes('sheet') ||\n    m.includes('excel') ||\n    m === 'text/csv' ||\n    m.includes('opendocument.spreadsheet')\n  )\n    return XlsIcon\n  if (m.startsWith('text/') || m === 'application/json' || m === 'application/xml') return TextIcon\n  return null\n}\n\n/**\n * Returns the icon component for a document.\n *\n * Resolution order: file-name extension \u2192 MIME `file_type` \u2192 fallback. This\n * mirrors how documents are stored \u2014 many carry a display title without an\n * extension, so the MIME type is the reliable signal.\n *\n * @param fileName  the document file name (uses its extension)\n * @param opts.mime  the document `file_type` (MIME), used when the name has no\n *   recognised extension\n * @param opts.defaultToPdf  when true, an unresolved type falls back to the PDF\n *   icon (preserves legacy grid/navigator behaviour). Defaults to the neutral\n *   generic file icon.\n */\nexport function getFileTypeIcon(\n  fileName?: string | null,\n  opts?: { mime?: string | null; defaultToPdf?: boolean }\n): FileTypeIcon {\n  return (\n    iconFromExtension(getFileExtension(fileName)) ??\n    (opts?.mime ? iconFromMime(opts.mime) : null) ??\n    (opts?.defaultToPdf ? PdfIcon : TextIcon)\n  )\n}\n"],
+  "mappings": "AASA,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,SAAS,gBAAgB;AASzB,MAAM,WAAyB;AAE/B,MAAM,mBAAmB,oBAAI,IAAI,CAAC,OAAO,QAAQ,OAAO,OAAO,OAAO,QAAQ,OAAO,QAAQ,KAAK,CAAC;AACnG,MAAM,mBAAmB,oBAAI,IAAI,CAAC,OAAO,QAAQ,OAAO,QAAQ,OAAO,OAAO,KAAK,CAAC;AACpF,MAAM,mBAAmB,oBAAI,IAAI,CAAC,OAAO,OAAO,OAAO,OAAO,OAAO,MAAM,CAAC;AAC5E,MAAM,kBAAkB,oBAAI,IAAI,CAAC,OAAO,QAAQ,OAAO,KAAK,CAAC;AAC7D,MAAM,kBAAkB,oBAAI,IAAI,CAAC,OAAO,QAAQ,OAAO,KAAK,CAAC;AAC7D,MAAM,mBAAmB,oBAAI,IAAI,CAAC,OAAO,KAAK,CAAC;AAC/C,MAAM,kBAAkB,oBAAI,IAAI,CAAC,QAAQ,OAAO,OAAO,CAAC;AACxD,MAAM,iBAAiB,oBAAI,IAAI,CAAC,KAAK,CAAC;AACtC,MAAM,kBAAkB,oBAAI,IAAI;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAGM,SAAS,iBAAiB,UAAkC;AACjE,MAAI,CAAC,SAAU,QAAO;AACtB,QAAM,MAAM,SAAS,YAAY,GAAG;AACpC,MAAI,OAAO,KAAK,QAAQ,SAAS,SAAS,EAAG,QAAO;AACpD,SAAO,SAAS,MAAM,MAAM,CAAC,EAAE,YAAY;AAC7C;AAGA,MAAM,oBAA4C;AAAA,EAChD,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,2EAA2E;AAAA,EAC3E,mBAAmB;AAAA,EACnB,2CAA2C;AAAA,EAC3C,4BAA4B;AAAA,EAC5B,qEAAqE;AAAA,EACrE,kDAAkD;AAAA,EAClD,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,kBAAkB;AACpB;AAOO,SAAS,kBAAkB,MAA8B;AAC9D,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO,kBAAkB,KAAK,YAAY,CAAC,KAAK;AAClD;AAGA,SAAS,kBAAkB,KAAkC;AAC3D,MAAI,iBAAiB,IAAI,GAAG,EAAG,QAAO;AACtC,MAAI,iBAAiB,IAAI,GAAG,EAAG,QAAO;AACtC,MAAI,iBAAiB,IAAI,GAAG,EAAG,QAAO;AACtC,MAAI,gBAAgB,IAAI,GAAG,EAAG,QAAO;AACrC,MAAI,gBAAgB,IAAI,GAAG,EAAG,QAAO;AACrC,MAAI,iBAAiB,IAAI,GAAG,EAAG,QAAO;AACtC,MAAI,gBAAgB,IAAI,GAAG,EAAG,QAAO;AACrC,MAAI,eAAe,IAAI,GAAG,EAAG,QAAO;AACpC,MAAI,gBAAgB,IAAI,GAAG,EAAG,QAAO;AACrC,SAAO;AACT;AAOA,SAAS,aAAa,MAAmC;AACvD,QAAM,IAAI,KAAK,YAAY;AAC3B,MAAI,EAAE,WAAW,QAAQ,EAAG,QAAO;AACnC,MAAI,EAAE,WAAW,QAAQ,EAAG,QAAO;AACnC,MAAI,EAAE,WAAW,QAAQ,EAAG,QAAO;AACnC,MAAI,MAAM,kBAAmB,QAAO;AACpC,MAAI,MAAM,YAAa,QAAO;AAC9B,MAAI,MAAM,oBAAoB,EAAE,SAAS,SAAS,EAAG,QAAO;AAC5D,MAAI,EAAE,SAAS,MAAM,KAAK,MAAM,qBAAqB,EAAE,SAAS,mBAAmB;AACjF,WAAO;AACT,MACE,EAAE,SAAS,OAAO,KAClB,EAAE,SAAS,OAAO,KAClB,MAAM,cACN,EAAE,SAAS,0BAA0B;AAErC,WAAO;AACT,MAAI,EAAE,WAAW,OAAO,KAAK,MAAM,sBAAsB,MAAM,kBAAmB,QAAO;AACzF,SAAO;AACT;AAgBO,SAAS,gBACd,UACA,MACc;AACd,SACE,kBAAkB,iBAAiB,QAAQ,CAAC,MAC3C,MAAM,OAAO,aAAa,KAAK,IAAI,IAAI,UACvC,MAAM,eAAe,UAAU;AAEpC;",
+  "names": []
+}

package/dist/icons/index.js

@@ -0,0 +1,55 @@
+import { PdfIcon } from "./PdfIcon.js";
+import { DocIcon } from "./DocIcon.js";
+import { HtmlIcon } from "./HtmlIcon.js";
+import { TxtIcon } from "./TxtIcon.js";
+import { XlsIcon } from "./XlsIcon.js";
+import { AudIcon } from "./AudIcon.js";
+import { ImgIcon } from "./ImgIcon.js";
+import { VidIcon } from "./VidIcon.js";
+import { EmlIcon } from "./EmlIcon.js";
+import { FILE_TYPE_COLORS } from "./colors.js";
+import {
+  getFileTypeIcon,
+  getFileExtension,
+  extensionFromMime
+} from "./file-type.js";
+import { AppleIcon } from "./AppleIcon.js";
+import { GoogleIcon } from "./GoogleIcon.js";
+import { GitHubIcon } from "./GitHubIcon.js";
+import { LinkedInIcon } from "./LinkedInIcon.js";
+import { OpenAIIcon } from "./OpenAIIcon.js";
+import { ClaudeIcon } from "./ClaudeIcon.js";
+import { GeminiIcon } from "./GeminiIcon.js";
+import { FireworksIcon } from "./FireworksIcon.js";
+import { ProviderIcon } from "./ProviderIcon.js";
+import { ArbiIcon } from "./ArbiIcon.js";
+import { ARBI_MARK_SRC } from "./arbi-mark.js";
+import { ArbiBotHeadIcon } from "./ArbiBotHeadIcon.js";
+export {
+  ARBI_MARK_SRC,
+  AppleIcon,
+  ArbiBotHeadIcon,
+  ArbiIcon,
+  AudIcon,
+  ClaudeIcon,
+  DocIcon,
+  EmlIcon,
+  FILE_TYPE_COLORS,
+  FireworksIcon,
+  GeminiIcon,
+  GitHubIcon,
+  GoogleIcon,
+  HtmlIcon,
+  ImgIcon,
+  LinkedInIcon,
+  OpenAIIcon,
+  PdfIcon,
+  ProviderIcon,
+  TxtIcon,
+  VidIcon,
+  XlsIcon,
+  extensionFromMime,
+  getFileExtension,
+  getFileTypeIcon
+};
+//# sourceMappingURL=index.js.map

package/dist/icons/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/icons/index.ts"],
+  "sourcesContent": ["// File-type icons\nexport { PdfIcon } from './PdfIcon'\nexport { DocIcon } from './DocIcon'\nexport { HtmlIcon } from './HtmlIcon'\nexport { TxtIcon } from './TxtIcon'\nexport { XlsIcon } from './XlsIcon'\nexport { AudIcon } from './AudIcon'\nexport { ImgIcon } from './ImgIcon'\nexport { VidIcon } from './VidIcon'\nexport { EmlIcon } from './EmlIcon'\nexport { FILE_TYPE_COLORS } from './colors'\nexport {\n  getFileTypeIcon,\n  getFileExtension,\n  extensionFromMime,\n  type FileTypeIcon,\n} from './file-type'\n\n// Brand / provider icons\nexport { AppleIcon } from './AppleIcon'\nexport { GoogleIcon } from './GoogleIcon'\nexport { GitHubIcon } from './GitHubIcon'\nexport { LinkedInIcon } from './LinkedInIcon'\nexport { OpenAIIcon } from './OpenAIIcon'\nexport { ClaudeIcon } from './ClaudeIcon'\nexport { GeminiIcon } from './GeminiIcon'\nexport { FireworksIcon } from './FireworksIcon'\nexport { ProviderIcon } from './ProviderIcon'\n\n// ARBI brand marks\nexport { ArbiIcon } from './ArbiIcon'\nexport { ARBI_MARK_SRC } from './arbi-mark'\nexport { ArbiBotHeadIcon } from './ArbiBotHeadIcon'\n"],
+  "mappings": "AACA,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAGP,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAG7B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;",
+  "names": []
+}

package/dist/imagecrop/ImageCropModal.js

@@ -0,0 +1,56 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Loader2 } from "lucide-react";
+import { Button } from "../ui/button.js";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "../ui/dialog.js";
+import { cropImage } from "./cropImage.js";
+import { ImageCropper } from "./ImageCropper.js";
+function ImageCropModal({
+  open,
+  image,
+  title = "Crop image",
+  saveLabel = "Save",
+  aspect,
+  aspectOptions,
+  cropShape = "rect",
+  output,
+  onComplete,
+  onCancel
+}) {
+  const [area, setArea] = useState(null);
+  const [busy, setBusy] = useState(false);
+  const handleSave = async () => {
+    if (!image || !area) return;
+    setBusy(true);
+    try {
+      const result = await cropImage(image, area, output);
+      await onComplete(result);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !next ? onCancel() : void 0, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", "data-testid": "image-crop-modal", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }),
+    image ? /* @__PURE__ */ jsx(
+      ImageCropper,
+      {
+        image,
+        aspect,
+        aspectOptions,
+        cropShape,
+        onCropComplete: setArea
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs(DialogFooter, { className: "gap-2 sm:gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onCancel, disabled: busy, children: "Cancel" }),
+      /* @__PURE__ */ jsxs(Button, { onClick: handleSave, disabled: !area || busy, "data-testid": "image-crop-save", children: [
+        busy ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1 size-4 animate-spin" }) : null,
+        saveLabel
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  ImageCropModal
+};
+//# sourceMappingURL=ImageCropModal.js.map

package/dist/imagecrop/ImageCropModal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/imagecrop/ImageCropModal.tsx"],
+  "sourcesContent": ["/**\n * ImageCropModal \u2014 a turnkey crop dialog. Wraps {@link ImageCropper} with\n * Save/Cancel and runs {@link cropImage} on save, handing the caller the full\n * result (both a `dataUrl` and a `blob`, plus dimensions) so it can inline a\n * small avatar or upload a larger asset as it sees fit.\n */\n\nimport { useState } from 'react'\nimport { Loader2 } from 'lucide-react'\nimport { Button } from '../ui/button'\nimport { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '../ui/dialog'\nimport { cropImage, type CropArea, type CropOutput, type CropResult } from './cropImage'\nimport { ImageCropper, type AspectOption } from './ImageCropper'\n\nexport interface ImageCropModalProps {\n  open: boolean\n  image: string | null\n  title?: string\n  saveLabel?: string\n  aspect?: number\n  aspectOptions?: AspectOption[]\n  cropShape?: 'rect' | 'round'\n  /** Export options (max size, mime, quality). */\n  output?: CropOutput\n  /** Called with the exported crop on save. */\n  onComplete: (result: CropResult) => void | Promise<void>\n  onCancel: () => void\n}\n\nexport function ImageCropModal({\n  open,\n  image,\n  title = 'Crop image',\n  saveLabel = 'Save',\n  aspect,\n  aspectOptions,\n  cropShape = 'rect',\n  output,\n  onComplete,\n  onCancel,\n}: ImageCropModalProps) {\n  const [area, setArea] = useState<CropArea | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  const handleSave = async () => {\n    if (!image || !area) return\n    setBusy(true)\n    try {\n      const result = await cropImage(image, area, output)\n      await onComplete(result)\n    } finally {\n      setBusy(false)\n    }\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={(next) => (!next ? onCancel() : undefined)}>\n      <DialogContent className=\"sm:max-w-md\" data-testid=\"image-crop-modal\">\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n        </DialogHeader>\n\n        {image ? (\n          <ImageCropper\n            image={image}\n            aspect={aspect}\n            aspectOptions={aspectOptions}\n            cropShape={cropShape}\n            onCropComplete={setArea}\n          />\n        ) : null}\n\n        <DialogFooter className=\"gap-2 sm:gap-2\">\n          <Button variant=\"ghost\" onClick={onCancel} disabled={busy}>\n            Cancel\n          </Button>\n          <Button onClick={handleSave} disabled={!area || busy} data-testid=\"image-crop-save\">\n            {busy ? <Loader2 className=\"mr-1 size-4 animate-spin\" /> : null}\n            {saveLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "AA2DU,cAiBA,YAjBA;AApDV,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,QAAQ,eAAe,cAAc,cAAc,mBAAmB;AAC/E,SAAS,iBAAkE;AAC3E,SAAS,oBAAuC;AAiBzC,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,CAAC,MAAM,OAAO,IAAI,SAA0B,IAAI;AACtD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,aAAa,YAAY;AAC7B,QAAI,CAAC,SAAS,CAAC,KAAM;AACrB,YAAQ,IAAI;AACZ,QAAI;AACF,YAAM,SAAS,MAAM,UAAU,OAAO,MAAM,MAAM;AAClD,YAAM,WAAW,MAAM;AAAA,IACzB,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AAEA,SACE,oBAAC,UAAO,MAAY,cAAc,CAAC,SAAU,CAAC,OAAO,SAAS,IAAI,QAChE,+BAAC,iBAAc,WAAU,eAAc,eAAY,oBACjD;AAAA,wBAAC,gBACC,8BAAC,eAAa,iBAAM,GACtB;AAAA,IAEC,QACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA;AAAA,IAClB,IACE;AAAA,IAEJ,qBAAC,gBAAa,WAAU,kBACtB;AAAA,0BAAC,UAAO,SAAQ,SAAQ,SAAS,UAAU,UAAU,MAAM,oBAE3D;AAAA,MACA,qBAAC,UAAO,SAAS,YAAY,UAAU,CAAC,QAAQ,MAAM,eAAY,mBAC/D;AAAA,eAAO,oBAAC,WAAQ,WAAU,4BAA2B,IAAK;AAAA,QAC1D;AAAA,SACH;AAAA,OACF;AAAA,KACF,GACF;AAEJ;",
+  "names": []
+}