@singlebase/elements 0.3.0 → 0.6.0

package/dist/files-DDJWPzZW.js

@@ -0,0 +1,215 @@
+import { unsafeCSS as i, css as f, nothing as l, html as p } from "lit";
+const d = {
+  font: '"Geist", -apple-system, "Segoe UI", Helvetica, sans-serif',
+  mono: '"Geist Mono", ui-monospace, monospace',
+  accent: "#111111",
+  onAccent: "#ffffff",
+  radius: "4px",
+  /** Multiplies every corner. The `radius` attribute sets it per element. */
+  radiusScale: "1",
+  surface: "#ffffff",
+  surfaceAlt: "#fafafa",
+  ink: "#16181a",
+  mutedInk: "#61666c",
+  border: "#e4e6e9",
+  borderStrong: "#cdd1d6",
+  danger: "#b4231a",
+  dangerBg: "#fdf1f0",
+  dangerBorder: "#f3d6d3",
+  dangerOutline: "#e8c4c0",
+  dangerPanelBorder: "#efd9d6",
+  dangerPanelBg: "#fdf7f6",
+  ok: "#0f6b4a",
+  okBg: "#f0f7f3",
+  okBorder: "#cfe5da",
+  gap: "16px",
+  pad: "20px",
+  fieldPad: "11px 13px"
+}, m = f`
+  :host {
+    display: block;
+    box-sizing: border-box;
+    font-family: var(--sb-font, ${i(d.font)});
+    color: var(--sb-ink, ${i(d.ink)});
+  }
+
+  :host([theme="dark"]) {
+    /* The light default accent is near-black, which disappears on a dark
+       surface — primary buttons and links both use it. A host that sets its
+       own --sb-accent still wins: outer-page declarations beat :host rules. */
+    --sb-accent: #f3f4f5;
+    --sb-on-accent: #17181b;
+    --sb-surface: #17181b;
+    --sb-surface-alt: #202226;
+    --sb-ink: #f3f4f5;
+    --sb-muted-ink: #a2a8ae;
+    --sb-border: #2c2f34;
+    --sb-border-strong: #3a3e44;
+    --sb-danger: #f08379;
+    --sb-danger-bg: rgba(240, 131, 121, 0.1);
+    --sb-danger-border: rgba(240, 131, 121, 0.3);
+    --sb-danger-outline: rgba(240, 131, 121, 0.4);
+    --sb-danger-panel-border: rgba(240, 131, 121, 0.3);
+    --sb-danger-panel-bg: rgba(240, 131, 121, 0.06);
+    --sb-ok: #6fd1a6;
+    --sb-ok-bg: rgba(111, 209, 166, 0.1);
+    --sb-ok-border: rgba(111, 209, 166, 0.28);
+  }
+
+  /* Corner presets. They set the scale on this element only, so a page-wide
+     :root { --sb-radius-scale } (or --sb-radius) applies to every element
+     that doesn't carry the attribute. */
+  :host([radius="sharp"]) {
+    --sb-radius-scale: 0.35;
+  }
+
+  :host([radius="default"]) {
+    --sb-radius-scale: 1;
+  }
+
+  :host([radius="round"]) {
+    --sb-radius-scale: 1.8;
+  }
+
+  :host([density="compact"]) {
+    --sb-gap: 12px;
+    --sb-pad: 16px;
+    --sb-field-pad: 9px 11px;
+  }
+`, x = f`
+  .branding {
+    text-align: center;
+    font-family: var(--sb-mono, "Geist Mono", ui-monospace, monospace);
+    font-size: 10.5px;
+    line-height: 1.4;
+    letter-spacing: 0.06em;
+    color: var(--sb-muted-ink, #61666c);
+  }
+
+  .branding a {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  .branding a:hover {
+    color: var(--sb-ink, #16181a);
+    text-decoration: underline;
+    text-underline-offset: 3px;
+  }
+`, b = "https://singlebase.cloud";
+function k(e, r, a, n) {
+  if (!e) return l;
+  const t = /^https?:\/\//i.test((n == null ? void 0 : n.trim()) ?? "") ? n.trim() : b;
+  return p`<div class="branding" part="branding">
+    <a href=${t} target="_blank" rel="noopener noreferrer">${(r == null ? void 0 : r.trim()) || a}</a>
+  </div>`;
+}
+const c = {
+  heading: "Upload files",
+  description: "Add one or more files. You can review the list before uploading.",
+  dropTitle: "Drag and drop files here",
+  dropSub: "or browse from your device",
+  hintUpTo: "up to {size} each",
+  chooseFiles: "Choose files",
+  chooseFile: "Choose file",
+  addMore: "+ Add more files",
+  remove: "Remove",
+  rename: "Rename",
+  retry: "Retry",
+  uploadCtaOne: "Upload {n} file",
+  uploadCtaMany: "Upload {n} files",
+  attachments: "Attachments",
+  dropOrChoose: "Drop files or choose",
+  checking: "Checking…",
+  pagesLabel: "{n} pages",
+  countOne: "{n} file of {max}",
+  countMany: "{n} files of {max}",
+  uploading: "Uploading…",
+  uploaded: "Uploaded",
+  failedLabel: "Failed",
+  errTooMany: "You can upload up to {max} files.",
+  errTooLarge: "{name} is larger than {size}.",
+  errTooSmall: "{name} is smaller than {size}.",
+  errDuplicate: "{name} is already in the list.",
+  errType: "{name} isn't an accepted file type.",
+  errNoClient: "No Singlebase client found on this page.",
+  errUpload: "Upload failed.",
+  errProtected: "{name} is password protected.",
+  errTooManyPages: "{name} has {pages} pages; the limit is {max}.",
+  brandingLabel: "Files by Singlebase"
+};
+function C(e) {
+  return e ? { ...c, ...e } : c;
+}
+function y(e, r) {
+  return e.replace(
+    /\{(\w+)\}/g,
+    (a, n) => n in r ? String(r[n]) : a
+  );
+}
+const u = {
+  b: 1,
+  kb: 1024,
+  mb: 1024 * 1024,
+  gb: 1024 * 1024 * 1024
+};
+function U(e) {
+  if (typeof e == "number") return e > 0 ? e : 0;
+  if (!e) return 0;
+  const r = String(e).trim().toLowerCase().match(/^([\d.]+)\s*(b|kb|mb|gb)?$/);
+  if (!r) return 0;
+  const a = Number.parseFloat(r[1]);
+  return !Number.isFinite(a) || a <= 0 ? 0 : Math.round(a * (u[r[2] ?? "b"] ?? 1));
+}
+function w(e) {
+  return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${Math.round(e / 1024)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+}
+function g(e) {
+  const r = e.lastIndexOf(".");
+  return r <= 0 || r === e.length - 1 ? "" : e.slice(r + 1).toLowerCase();
+}
+function S(e) {
+  return g(e).toUpperCase().slice(0, 4);
+}
+function T(e, r, a) {
+  const n = e.split(",").map((o) => o.trim().toLowerCase()).filter(Boolean);
+  if (!n.length) return !0;
+  const t = r.toLowerCase(), s = (a || "").toLowerCase();
+  return n.some((o) => o.startsWith(".") ? t.endsWith(o) : o.endsWith("/*") ? s.startsWith(o.slice(0, -1)) : s === o);
+}
+function B(e) {
+  const r = e.split(",").map((a) => a.trim()).filter(Boolean).map((a) => {
+    if (a.startsWith(".")) return a.slice(1).toUpperCase();
+    if (a.endsWith("/*")) return a.slice(0, -2).toUpperCase();
+    const n = a.indexOf("/");
+    return (n >= 0 ? a.slice(n + 1) : a).toUpperCase();
+  });
+  return [...new Set(r)].join(", ");
+}
+function L(e) {
+  return `${e.name}:${e.size}:${e.lastModified ?? 0}`;
+}
+function M(e, r) {
+  const a = r.trim().replace(/[/\\]/g, "");
+  if (!a) return e;
+  const n = e.lastIndexOf("."), t = n > 0 ? e.slice(n) : "";
+  return t ? a.toLowerCase().endsWith(t.toLowerCase()) ? a : a + t : a;
+}
+export {
+  d as T,
+  y as a,
+  x as b,
+  T as c,
+  c as d,
+  w as e,
+  g as f,
+  L as g,
+  M as h,
+  B as i,
+  k as j,
+  S as k,
+  U as p,
+  C as r,
+  m as t
+};
+//# sourceMappingURL=files-DDJWPzZW.js.map

package/dist/files-DDJWPzZW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"files-DDJWPzZW.js","sources":["../src/styles/tokens.ts","../src/styles/branding.ts","../src/utils/branding.ts","../src/upload-messages.ts","../src/utils/files.ts"],"sourcesContent":["import { css, unsafeCSS } from \"lit\";\n\n/**\n * Default values for every --sb-* design token, ported from the design\n * mock's tokens()/styles() functions. These are consumed as var(--sb-x,\n * DEFAULT) fallbacks at each point of use (see shared.ts) — never assigned\n * unconditionally on :host — so that a value set by a host application, or\n * by a theme/density attribute forwarded down from a composing parent\n * element, actually inherits through\n * nested shadow roots instead of being reset back to these defaults by every\n * descendant's own :host rule.\n */\nexport const TOKEN_DEFAULTS = {\n  font: `\"Geist\", -apple-system, \"Segoe UI\", Helvetica, sans-serif`,\n  mono: `\"Geist Mono\", ui-monospace, monospace`,\n  accent: \"#111111\",\n  onAccent: \"#ffffff\",\n  radius: \"4px\",\n  /** Multiplies every corner. The `radius` attribute sets it per element. */\n  radiusScale: \"1\",\n  surface: \"#ffffff\",\n  surfaceAlt: \"#fafafa\",\n  ink: \"#16181a\",\n  mutedInk: \"#61666c\",\n  border: \"#e4e6e9\",\n  borderStrong: \"#cdd1d6\",\n  danger: \"#b4231a\",\n  dangerBg: \"#fdf1f0\",\n  dangerBorder: \"#f3d6d3\",\n  dangerOutline: \"#e8c4c0\",\n  dangerPanelBorder: \"#efd9d6\",\n  dangerPanelBg: \"#fdf7f6\",\n  ok: \"#0f6b4a\",\n  okBg: \"#f0f7f3\",\n  okBorder: \"#cfe5da\",\n  gap: \"16px\",\n  pad: \"20px\",\n  fieldPad: \"11px 13px\"\n} as const;\n\n/**\n * Base host layout plus the theme=\"dark\"/density=\"compact\" attribute\n * overrides. These overrides are legitimate unconditional assignments —\n * they only fire when *this* element carries the attribute — but every\n * composite element (<singlebase-authui>, <singlebase-authui-account>) must forward\n * theme/density/field-style to the singlebase-* children it renders for the\n * override to reach elements that don't carry the attribute directly.\n */\nexport const tokenDefaults = css`\n  :host {\n    display: block;\n    box-sizing: border-box;\n    font-family: var(--sb-font, ${unsafeCSS(TOKEN_DEFAULTS.font)});\n    color: var(--sb-ink, ${unsafeCSS(TOKEN_DEFAULTS.ink)});\n  }\n\n  :host([theme=\"dark\"]) {\n    /* The light default accent is near-black, which disappears on a dark\n       surface — primary buttons and links both use it. A host that sets its\n       own --sb-accent still wins: outer-page declarations beat :host rules. */\n    --sb-accent: #f3f4f5;\n    --sb-on-accent: #17181b;\n    --sb-surface: #17181b;\n    --sb-surface-alt: #202226;\n    --sb-ink: #f3f4f5;\n    --sb-muted-ink: #a2a8ae;\n    --sb-border: #2c2f34;\n    --sb-border-strong: #3a3e44;\n    --sb-danger: #f08379;\n    --sb-danger-bg: rgba(240, 131, 121, 0.1);\n    --sb-danger-border: rgba(240, 131, 121, 0.3);\n    --sb-danger-outline: rgba(240, 131, 121, 0.4);\n    --sb-danger-panel-border: rgba(240, 131, 121, 0.3);\n    --sb-danger-panel-bg: rgba(240, 131, 121, 0.06);\n    --sb-ok: #6fd1a6;\n    --sb-ok-bg: rgba(111, 209, 166, 0.1);\n    --sb-ok-border: rgba(111, 209, 166, 0.28);\n  }\n\n  /* Corner presets. They set the scale on this element only, so a page-wide\n     :root { --sb-radius-scale } (or --sb-radius) applies to every element\n     that doesn't carry the attribute. */\n  :host([radius=\"sharp\"]) {\n    --sb-radius-scale: 0.35;\n  }\n\n  :host([radius=\"default\"]) {\n    --sb-radius-scale: 1;\n  }\n\n  :host([radius=\"round\"]) {\n    --sb-radius-scale: 1.8;\n  }\n\n  :host([density=\"compact\"]) {\n    --sb-gap: 12px;\n    --sb-pad: 16px;\n    --sb-field-pad: 9px 11px;\n  }\n`;\n","import { css } from \"lit\";\n\n/**\n * The \"… by Singlebase\" credit, identical in every element: same font, size,\n * spacing and hover. Each element only decides where it sits.\n */\nexport const brandingStyles = css`\n  .branding {\n    text-align: center;\n    font-family: var(--sb-mono, \"Geist Mono\", ui-monospace, monospace);\n    font-size: 10.5px;\n    line-height: 1.4;\n    letter-spacing: 0.06em;\n    color: var(--sb-muted-ink, #61666c);\n  }\n\n  .branding a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .branding a:hover {\n    color: var(--sb-ink, #16181a);\n    text-decoration: underline;\n    text-underline-offset: 3px;\n  }\n`;\n","import { html, nothing } from \"lit\";\n\nexport const DEFAULT_BRANDING_URL = \"https://singlebase.cloud\";\n\n/**\n * The credit link. `text` falls back to the element's own label, and `url`\n * to singlebase.cloud; only http(s) URLs are used. It's a plain link: it\n * makes no request until someone clicks it.\n */\nexport function renderBranding(show: boolean, text: string, fallbackText: string, url: string) {\n  if (!show) return nothing;\n  const href = /^https?:\\/\\//i.test(url?.trim() ?? \"\") ? url.trim() : DEFAULT_BRANDING_URL;\n  return html`<div class=\"branding\" part=\"branding\">\n    <a href=${href} target=\"_blank\" rel=\"noopener noreferrer\">${text?.trim() || fallbackText}</a>\n  </div>`;\n}\n","/**\n * Default copy for <singlebase-uploader>. Same shape and contract as the\n * auth bag in messages.ts: a flat set of strings, overridable in whole or in\n * part through the element's `.messages` property.\n *\n * `{n}`, `{max}`, `{name}` and `{size}` are filled in by `fill()`.\n */\nexport interface SinglebaseUploadMessages {\n  heading: string;\n  description: string;\n\n  // dropzone\n  dropTitle: string;\n  dropSub: string;\n  hintUpTo: string;\n\n  // controls\n  chooseFiles: string;\n  chooseFile: string;\n  addMore: string;\n  remove: string;\n  rename: string;\n  retry: string;\n  uploadCtaOne: string;\n  uploadCtaMany: string;\n\n  // compact view\n  attachments: string;\n  dropOrChoose: string;\n\n  // status\n  checking: string;\n  pagesLabel: string;\n  countOne: string;\n  countMany: string;\n  uploading: string;\n  uploaded: string;\n  failedLabel: string;\n\n  // problems\n  errTooMany: string;\n  errTooLarge: string;\n  errTooSmall: string;\n  errDuplicate: string;\n  errType: string;\n  errNoClient: string;\n  errUpload: string;\n  errProtected: string;\n  errTooManyPages: string;\n\n  brandingLabel: string;\n}\n\nexport const defaultUploadMessages: SinglebaseUploadMessages = {\n  heading: \"Upload files\",\n  description: \"Add one or more files. You can review the list before uploading.\",\n\n  dropTitle: \"Drag and drop files here\",\n  dropSub: \"or browse from your device\",\n  hintUpTo: \"up to {size} each\",\n\n  chooseFiles: \"Choose files\",\n  chooseFile: \"Choose file\",\n  addMore: \"+ Add more files\",\n  remove: \"Remove\",\n  rename: \"Rename\",\n  retry: \"Retry\",\n  uploadCtaOne: \"Upload {n} file\",\n  uploadCtaMany: \"Upload {n} files\",\n\n  attachments: \"Attachments\",\n  dropOrChoose: \"Drop files or choose\",\n\n  checking: \"Checking…\",\n  pagesLabel: \"{n} pages\",\n  countOne: \"{n} file of {max}\",\n  countMany: \"{n} files of {max}\",\n  uploading: \"Uploading…\",\n  uploaded: \"Uploaded\",\n  failedLabel: \"Failed\",\n\n  errTooMany: \"You can upload up to {max} files.\",\n  errTooLarge: \"{name} is larger than {size}.\",\n  errTooSmall: \"{name} is smaller than {size}.\",\n  errDuplicate: \"{name} is already in the list.\",\n  errType: \"{name} isn't an accepted file type.\",\n  errNoClient: \"No Singlebase client found on this page.\",\n  errUpload: \"Upload failed.\",\n  errProtected: \"{name} is password protected.\",\n  errTooManyPages: \"{name} has {pages} pages; the limit is {max}.\",\n\n  brandingLabel: \"Files by Singlebase\"\n};\n\nexport function resolveUploadMessages(\n  overrides?: Partial<SinglebaseUploadMessages>\n): SinglebaseUploadMessages {\n  return overrides ? { ...defaultUploadMessages, ...overrides } : defaultUploadMessages;\n}\n\n/** Fills `{token}` placeholders. Values are plain text and rendered as text. */\nexport function fill(template: string, values: Record<string, string | number>): string {\n  return template.replace(/\\{(\\w+)\\}/g, (match, key) =>\n    key in values ? String(values[key]) : match\n  );\n}\n","/**\n * Small pure helpers for <singlebase-uploader>: parsing and printing\n * sizes, matching an `accept` list, and the identity a duplicate is judged by.\n * Kept out of the element so they can be tested without a DOM.\n */\n\nconst UNITS: Record<string, number> = {\n  b: 1,\n  kb: 1024,\n  mb: 1024 * 1024,\n  gb: 1024 * 1024 * 1024\n};\n\n/** \"25MB\" / \"500 kb\" / \"1048576\" → bytes. 0 means \"no limit\". */\nexport function parseSize(value: string | number | null | undefined): number {\n  if (typeof value === \"number\") return value > 0 ? value : 0;\n  if (!value) return 0;\n  const match = String(value)\n    .trim()\n    .toLowerCase()\n    .match(/^([\\d.]+)\\s*(b|kb|mb|gb)?$/);\n  if (!match) return 0;\n  const amount = Number.parseFloat(match[1]);\n  if (!Number.isFinite(amount) || amount <= 0) return 0;\n  return Math.round(amount * (UNITS[match[2] ?? \"b\"] ?? 1));\n}\n\nexport function formatSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;\n  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;\n}\n\n/** The extension in lowercase, without the dot. \"\" when there is none. */\nexport function fileExtension(filename: string): string {\n  const dot = filename.lastIndexOf(\".\");\n  if (dot <= 0 || dot === filename.length - 1) return \"\";\n  return filename.slice(dot + 1).toLowerCase();\n}\n\n/** The extension, uppercased and clipped, for the little type chip. */\nexport function extensionOf(filename: string): string {\n  return fileExtension(filename).toUpperCase().slice(0, 4);\n}\n\n/**\n * Matches one file against an `accept` list, using the same vocabulary as the\n * attribute on `<input type=\"file\">`: extensions (\".pdf\"), exact MIME types\n * (\"application/pdf\") and wildcards (\"image/*\"). An empty list accepts\n * everything.\n *\n * This is a convenience, not a security control — the browser's own file\n * dialog filter and this check are both trivially bypassed by a drop, so the\n * server remains the authority on what it will store.\n */\nexport function acceptsFile(accept: string, name: string, type: string): boolean {\n  const rules = accept\n    .split(\",\")\n    .map((rule) => rule.trim().toLowerCase())\n    .filter(Boolean);\n  if (!rules.length) return true;\n\n  const lowerName = name.toLowerCase();\n  const lowerType = (type || \"\").toLowerCase();\n\n  return rules.some((rule) => {\n    if (rule.startsWith(\".\")) return lowerName.endsWith(rule);\n    if (rule.endsWith(\"/*\")) return lowerType.startsWith(rule.slice(0, -1));\n    return lowerType === rule;\n  });\n}\n\n/** Human list of accepted kinds for the hint line: \".pdf,image/png\" → \"PDF, PNG\". */\nexport function acceptSummary(accept: string): string {\n  const parts = accept\n    .split(\",\")\n    .map((rule) => rule.trim())\n    .filter(Boolean)\n    .map((rule) => {\n      if (rule.startsWith(\".\")) return rule.slice(1).toUpperCase();\n      if (rule.endsWith(\"/*\")) return rule.slice(0, -2).toUpperCase();\n      const slash = rule.indexOf(\"/\");\n      return (slash >= 0 ? rule.slice(slash + 1) : rule).toUpperCase();\n    });\n  return [...new Set(parts)].join(\", \");\n}\n\n/**\n * Two picks are the same file when name, size and mtime all match. Content\n * hashing would be exact but means reading every byte before the user has\n * even pressed upload; this is what a file manager uses, and it is enough to\n * stop the common case of dropping the same batch twice.\n */\nexport function fileKey(file: { name: string; size: number; lastModified?: number }): string {\n  return `${file.name}:${file.size}:${file.lastModified ?? 0}`;\n}\n\n/** Replaces the base name, keeping the original extension. */\nexport function renameKeepingExtension(original: string, typed: string): string {\n  const clean = typed.trim().replace(/[/\\\\]/g, \"\");\n  if (!clean) return original;\n  const dot = original.lastIndexOf(\".\");\n  const extension = dot > 0 ? original.slice(dot) : \"\";\n  if (!extension) return clean;\n  return clean.toLowerCase().endsWith(extension.toLowerCase()) ? clean : clean + extension;\n}\n"],"names":["TOKEN_DEFAULTS","tokenDefaults","css","unsafeCSS","brandingStyles","DEFAULT_BRANDING_URL","renderBranding","show","text","fallbackText","url","nothing","href","html","defaultUploadMessages","resolveUploadMessages","overrides","fill","template","values","match","key","UNITS","parseSize","value","amount","formatSize","bytes","fileExtension","filename","dot","extensionOf","acceptsFile","accept","name","type","rules","rule","lowerName","lowerType","acceptSummary","parts","slash","fileKey","file","renameKeepingExtension","original","typed","clean","extension"],"mappings":"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"}

package/dist/files-DyxcjZsx.cjs

@@ -0,0 +1,75 @@
+"use strict";const s=require("lit"),i={font:'"Geist", -apple-system, "Segoe UI", Helvetica, sans-serif',mono:'"Geist Mono", ui-monospace, monospace',accent:"#111111",onAccent:"#ffffff",radius:"4px",radiusScale:"1",surface:"#ffffff",surfaceAlt:"#fafafa",ink:"#16181a",mutedInk:"#61666c",border:"#e4e6e9",borderStrong:"#cdd1d6",danger:"#b4231a",dangerBg:"#fdf1f0",dangerBorder:"#f3d6d3",dangerOutline:"#e8c4c0",dangerPanelBorder:"#efd9d6",dangerPanelBg:"#fdf7f6",ok:"#0f6b4a",okBg:"#f0f7f3",okBorder:"#cfe5da",gap:"16px",pad:"20px",fieldPad:"11px 13px"},l=s.css`
+  :host {
+    display: block;
+    box-sizing: border-box;
+    font-family: var(--sb-font, ${s.unsafeCSS(i.font)});
+    color: var(--sb-ink, ${s.unsafeCSS(i.ink)});
+  }
+
+  :host([theme="dark"]) {
+    /* The light default accent is near-black, which disappears on a dark
+       surface — primary buttons and links both use it. A host that sets its
+       own --sb-accent still wins: outer-page declarations beat :host rules. */
+    --sb-accent: #f3f4f5;
+    --sb-on-accent: #17181b;
+    --sb-surface: #17181b;
+    --sb-surface-alt: #202226;
+    --sb-ink: #f3f4f5;
+    --sb-muted-ink: #a2a8ae;
+    --sb-border: #2c2f34;
+    --sb-border-strong: #3a3e44;
+    --sb-danger: #f08379;
+    --sb-danger-bg: rgba(240, 131, 121, 0.1);
+    --sb-danger-border: rgba(240, 131, 121, 0.3);
+    --sb-danger-outline: rgba(240, 131, 121, 0.4);
+    --sb-danger-panel-border: rgba(240, 131, 121, 0.3);
+    --sb-danger-panel-bg: rgba(240, 131, 121, 0.06);
+    --sb-ok: #6fd1a6;
+    --sb-ok-bg: rgba(111, 209, 166, 0.1);
+    --sb-ok-border: rgba(111, 209, 166, 0.28);
+  }
+
+  /* Corner presets. They set the scale on this element only, so a page-wide
+     :root { --sb-radius-scale } (or --sb-radius) applies to every element
+     that doesn't carry the attribute. */
+  :host([radius="sharp"]) {
+    --sb-radius-scale: 0.35;
+  }
+
+  :host([radius="default"]) {
+    --sb-radius-scale: 1;
+  }
+
+  :host([radius="round"]) {
+    --sb-radius-scale: 1.8;
+  }
+
+  :host([density="compact"]) {
+    --sb-gap: 12px;
+    --sb-pad: 16px;
+    --sb-field-pad: 9px 11px;
+  }
+`,p=s.css`
+  .branding {
+    text-align: center;
+    font-family: var(--sb-mono, "Geist Mono", ui-monospace, monospace);
+    font-size: 10.5px;
+    line-height: 1.4;
+    letter-spacing: 0.06em;
+    color: var(--sb-muted-ink, #61666c);
+  }
+
+  .branding a {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  .branding a:hover {
+    color: var(--sb-ink, #16181a);
+    text-decoration: underline;
+    text-underline-offset: 3px;
+  }
+`,u="https://singlebase.cloud";function b(e,r,n,t){if(!e)return s.nothing;const a=/^https?:\/\//i.test((t==null?void 0:t.trim())??"")?t.trim():u;return s.html`<div class="branding" part="branding">
+    <a href=${a} target="_blank" rel="noopener noreferrer">${(r==null?void 0:r.trim())||n}</a>
+  </div>`}const d={heading:"Upload files",description:"Add one or more files. You can review the list before uploading.",dropTitle:"Drag and drop files here",dropSub:"or browse from your device",hintUpTo:"up to {size} each",chooseFiles:"Choose files",chooseFile:"Choose file",addMore:"+ Add more files",remove:"Remove",rename:"Rename",retry:"Retry",uploadCtaOne:"Upload {n} file",uploadCtaMany:"Upload {n} files",attachments:"Attachments",dropOrChoose:"Drop files or choose",checking:"Checking…",pagesLabel:"{n} pages",countOne:"{n} file of {max}",countMany:"{n} files of {max}",uploading:"Uploading…",uploaded:"Uploaded",failedLabel:"Failed",errTooMany:"You can upload up to {max} files.",errTooLarge:"{name} is larger than {size}.",errTooSmall:"{name} is smaller than {size}.",errDuplicate:"{name} is already in the list.",errType:"{name} isn't an accepted file type.",errNoClient:"No Singlebase client found on this page.",errUpload:"Upload failed.",errProtected:"{name} is password protected.",errTooManyPages:"{name} has {pages} pages; the limit is {max}.",brandingLabel:"Files by Singlebase"};function g(e){return e?{...d,...e}:d}function m(e,r){return e.replace(/\{(\w+)\}/g,(n,t)=>t in r?String(r[t]):n)}const h={b:1,kb:1024,mb:1024*1024,gb:1024*1024*1024};function x(e){if(typeof e=="number")return e>0?e:0;if(!e)return 0;const r=String(e).trim().toLowerCase().match(/^([\d.]+)\s*(b|kb|mb|gb)?$/);if(!r)return 0;const n=Number.parseFloat(r[1]);return!Number.isFinite(n)||n<=0?0:Math.round(n*(h[r[2]??"b"]??1))}function k(e){return e<1024?`${e} B`:e<1024*1024?`${Math.round(e/1024)} KB`:e<1024*1024*1024?`${(e/(1024*1024)).toFixed(1)} MB`:`${(e/(1024*1024*1024)).toFixed(1)} GB`}function f(e){const r=e.lastIndexOf(".");return r<=0||r===e.length-1?"":e.slice(r+1).toLowerCase()}function S(e){return f(e).toUpperCase().slice(0,4)}function y(e,r,n){const t=e.split(",").map(o=>o.trim().toLowerCase()).filter(Boolean);if(!t.length)return!0;const a=r.toLowerCase(),c=(n||"").toLowerCase();return t.some(o=>o.startsWith(".")?a.endsWith(o):o.endsWith("/*")?c.startsWith(o.slice(0,-1)):c===o)}function U(e){const r=e.split(",").map(n=>n.trim()).filter(Boolean).map(n=>{if(n.startsWith("."))return n.slice(1).toUpperCase();if(n.endsWith("/*"))return n.slice(0,-2).toUpperCase();const t=n.indexOf("/");return(t>=0?n.slice(t+1):n).toUpperCase()});return[...new Set(r)].join(", ")}function C(e){return`${e.name}:${e.size}:${e.lastModified??0}`}function w(e,r){const n=r.trim().replace(/[/\\]/g,"");if(!n)return e;const t=e.lastIndexOf("."),a=t>0?e.slice(t):"";return a?n.toLowerCase().endsWith(a.toLowerCase())?n:n+a:n}exports.TOKEN_DEFAULTS=i;exports.acceptSummary=U;exports.acceptsFile=y;exports.brandingStyles=p;exports.defaultUploadMessages=d;exports.extensionOf=S;exports.fileExtension=f;exports.fileKey=C;exports.fill=m;exports.formatSize=k;exports.parseSize=x;exports.renameKeepingExtension=w;exports.renderBranding=b;exports.resolveUploadMessages=g;exports.tokenDefaults=l;
+//# sourceMappingURL=files-DyxcjZsx.cjs.map

package/dist/files-DyxcjZsx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"files-DyxcjZsx.cjs","sources":["../src/styles/tokens.ts","../src/styles/branding.ts","../src/utils/branding.ts","../src/upload-messages.ts","../src/utils/files.ts"],"sourcesContent":["import { css, unsafeCSS } from \"lit\";\n\n/**\n * Default values for every --sb-* design token, ported from the design\n * mock's tokens()/styles() functions. These are consumed as var(--sb-x,\n * DEFAULT) fallbacks at each point of use (see shared.ts) — never assigned\n * unconditionally on :host — so that a value set by a host application, or\n * by a theme/density attribute forwarded down from a composing parent\n * element, actually inherits through\n * nested shadow roots instead of being reset back to these defaults by every\n * descendant's own :host rule.\n */\nexport const TOKEN_DEFAULTS = {\n  font: `\"Geist\", -apple-system, \"Segoe UI\", Helvetica, sans-serif`,\n  mono: `\"Geist Mono\", ui-monospace, monospace`,\n  accent: \"#111111\",\n  onAccent: \"#ffffff\",\n  radius: \"4px\",\n  /** Multiplies every corner. The `radius` attribute sets it per element. */\n  radiusScale: \"1\",\n  surface: \"#ffffff\",\n  surfaceAlt: \"#fafafa\",\n  ink: \"#16181a\",\n  mutedInk: \"#61666c\",\n  border: \"#e4e6e9\",\n  borderStrong: \"#cdd1d6\",\n  danger: \"#b4231a\",\n  dangerBg: \"#fdf1f0\",\n  dangerBorder: \"#f3d6d3\",\n  dangerOutline: \"#e8c4c0\",\n  dangerPanelBorder: \"#efd9d6\",\n  dangerPanelBg: \"#fdf7f6\",\n  ok: \"#0f6b4a\",\n  okBg: \"#f0f7f3\",\n  okBorder: \"#cfe5da\",\n  gap: \"16px\",\n  pad: \"20px\",\n  fieldPad: \"11px 13px\"\n} as const;\n\n/**\n * Base host layout plus the theme=\"dark\"/density=\"compact\" attribute\n * overrides. These overrides are legitimate unconditional assignments —\n * they only fire when *this* element carries the attribute — but every\n * composite element (<singlebase-authui>, <singlebase-authui-account>) must forward\n * theme/density/field-style to the singlebase-* children it renders for the\n * override to reach elements that don't carry the attribute directly.\n */\nexport const tokenDefaults = css`\n  :host {\n    display: block;\n    box-sizing: border-box;\n    font-family: var(--sb-font, ${unsafeCSS(TOKEN_DEFAULTS.font)});\n    color: var(--sb-ink, ${unsafeCSS(TOKEN_DEFAULTS.ink)});\n  }\n\n  :host([theme=\"dark\"]) {\n    /* The light default accent is near-black, which disappears on a dark\n       surface — primary buttons and links both use it. A host that sets its\n       own --sb-accent still wins: outer-page declarations beat :host rules. */\n    --sb-accent: #f3f4f5;\n    --sb-on-accent: #17181b;\n    --sb-surface: #17181b;\n    --sb-surface-alt: #202226;\n    --sb-ink: #f3f4f5;\n    --sb-muted-ink: #a2a8ae;\n    --sb-border: #2c2f34;\n    --sb-border-strong: #3a3e44;\n    --sb-danger: #f08379;\n    --sb-danger-bg: rgba(240, 131, 121, 0.1);\n    --sb-danger-border: rgba(240, 131, 121, 0.3);\n    --sb-danger-outline: rgba(240, 131, 121, 0.4);\n    --sb-danger-panel-border: rgba(240, 131, 121, 0.3);\n    --sb-danger-panel-bg: rgba(240, 131, 121, 0.06);\n    --sb-ok: #6fd1a6;\n    --sb-ok-bg: rgba(111, 209, 166, 0.1);\n    --sb-ok-border: rgba(111, 209, 166, 0.28);\n  }\n\n  /* Corner presets. They set the scale on this element only, so a page-wide\n     :root { --sb-radius-scale } (or --sb-radius) applies to every element\n     that doesn't carry the attribute. */\n  :host([radius=\"sharp\"]) {\n    --sb-radius-scale: 0.35;\n  }\n\n  :host([radius=\"default\"]) {\n    --sb-radius-scale: 1;\n  }\n\n  :host([radius=\"round\"]) {\n    --sb-radius-scale: 1.8;\n  }\n\n  :host([density=\"compact\"]) {\n    --sb-gap: 12px;\n    --sb-pad: 16px;\n    --sb-field-pad: 9px 11px;\n  }\n`;\n","import { css } from \"lit\";\n\n/**\n * The \"… by Singlebase\" credit, identical in every element: same font, size,\n * spacing and hover. Each element only decides where it sits.\n */\nexport const brandingStyles = css`\n  .branding {\n    text-align: center;\n    font-family: var(--sb-mono, \"Geist Mono\", ui-monospace, monospace);\n    font-size: 10.5px;\n    line-height: 1.4;\n    letter-spacing: 0.06em;\n    color: var(--sb-muted-ink, #61666c);\n  }\n\n  .branding a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .branding a:hover {\n    color: var(--sb-ink, #16181a);\n    text-decoration: underline;\n    text-underline-offset: 3px;\n  }\n`;\n","import { html, nothing } from \"lit\";\n\nexport const DEFAULT_BRANDING_URL = \"https://singlebase.cloud\";\n\n/**\n * The credit link. `text` falls back to the element's own label, and `url`\n * to singlebase.cloud; only http(s) URLs are used. It's a plain link: it\n * makes no request until someone clicks it.\n */\nexport function renderBranding(show: boolean, text: string, fallbackText: string, url: string) {\n  if (!show) return nothing;\n  const href = /^https?:\\/\\//i.test(url?.trim() ?? \"\") ? url.trim() : DEFAULT_BRANDING_URL;\n  return html`<div class=\"branding\" part=\"branding\">\n    <a href=${href} target=\"_blank\" rel=\"noopener noreferrer\">${text?.trim() || fallbackText}</a>\n  </div>`;\n}\n","/**\n * Default copy for <singlebase-uploader>. Same shape and contract as the\n * auth bag in messages.ts: a flat set of strings, overridable in whole or in\n * part through the element's `.messages` property.\n *\n * `{n}`, `{max}`, `{name}` and `{size}` are filled in by `fill()`.\n */\nexport interface SinglebaseUploadMessages {\n  heading: string;\n  description: string;\n\n  // dropzone\n  dropTitle: string;\n  dropSub: string;\n  hintUpTo: string;\n\n  // controls\n  chooseFiles: string;\n  chooseFile: string;\n  addMore: string;\n  remove: string;\n  rename: string;\n  retry: string;\n  uploadCtaOne: string;\n  uploadCtaMany: string;\n\n  // compact view\n  attachments: string;\n  dropOrChoose: string;\n\n  // status\n  checking: string;\n  pagesLabel: string;\n  countOne: string;\n  countMany: string;\n  uploading: string;\n  uploaded: string;\n  failedLabel: string;\n\n  // problems\n  errTooMany: string;\n  errTooLarge: string;\n  errTooSmall: string;\n  errDuplicate: string;\n  errType: string;\n  errNoClient: string;\n  errUpload: string;\n  errProtected: string;\n  errTooManyPages: string;\n\n  brandingLabel: string;\n}\n\nexport const defaultUploadMessages: SinglebaseUploadMessages = {\n  heading: \"Upload files\",\n  description: \"Add one or more files. You can review the list before uploading.\",\n\n  dropTitle: \"Drag and drop files here\",\n  dropSub: \"or browse from your device\",\n  hintUpTo: \"up to {size} each\",\n\n  chooseFiles: \"Choose files\",\n  chooseFile: \"Choose file\",\n  addMore: \"+ Add more files\",\n  remove: \"Remove\",\n  rename: \"Rename\",\n  retry: \"Retry\",\n  uploadCtaOne: \"Upload {n} file\",\n  uploadCtaMany: \"Upload {n} files\",\n\n  attachments: \"Attachments\",\n  dropOrChoose: \"Drop files or choose\",\n\n  checking: \"Checking…\",\n  pagesLabel: \"{n} pages\",\n  countOne: \"{n} file of {max}\",\n  countMany: \"{n} files of {max}\",\n  uploading: \"Uploading…\",\n  uploaded: \"Uploaded\",\n  failedLabel: \"Failed\",\n\n  errTooMany: \"You can upload up to {max} files.\",\n  errTooLarge: \"{name} is larger than {size}.\",\n  errTooSmall: \"{name} is smaller than {size}.\",\n  errDuplicate: \"{name} is already in the list.\",\n  errType: \"{name} isn't an accepted file type.\",\n  errNoClient: \"No Singlebase client found on this page.\",\n  errUpload: \"Upload failed.\",\n  errProtected: \"{name} is password protected.\",\n  errTooManyPages: \"{name} has {pages} pages; the limit is {max}.\",\n\n  brandingLabel: \"Files by Singlebase\"\n};\n\nexport function resolveUploadMessages(\n  overrides?: Partial<SinglebaseUploadMessages>\n): SinglebaseUploadMessages {\n  return overrides ? { ...defaultUploadMessages, ...overrides } : defaultUploadMessages;\n}\n\n/** Fills `{token}` placeholders. Values are plain text and rendered as text. */\nexport function fill(template: string, values: Record<string, string | number>): string {\n  return template.replace(/\\{(\\w+)\\}/g, (match, key) =>\n    key in values ? String(values[key]) : match\n  );\n}\n","/**\n * Small pure helpers for <singlebase-uploader>: parsing and printing\n * sizes, matching an `accept` list, and the identity a duplicate is judged by.\n * Kept out of the element so they can be tested without a DOM.\n */\n\nconst UNITS: Record<string, number> = {\n  b: 1,\n  kb: 1024,\n  mb: 1024 * 1024,\n  gb: 1024 * 1024 * 1024\n};\n\n/** \"25MB\" / \"500 kb\" / \"1048576\" → bytes. 0 means \"no limit\". */\nexport function parseSize(value: string | number | null | undefined): number {\n  if (typeof value === \"number\") return value > 0 ? value : 0;\n  if (!value) return 0;\n  const match = String(value)\n    .trim()\n    .toLowerCase()\n    .match(/^([\\d.]+)\\s*(b|kb|mb|gb)?$/);\n  if (!match) return 0;\n  const amount = Number.parseFloat(match[1]);\n  if (!Number.isFinite(amount) || amount <= 0) return 0;\n  return Math.round(amount * (UNITS[match[2] ?? \"b\"] ?? 1));\n}\n\nexport function formatSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;\n  if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;\n}\n\n/** The extension in lowercase, without the dot. \"\" when there is none. */\nexport function fileExtension(filename: string): string {\n  const dot = filename.lastIndexOf(\".\");\n  if (dot <= 0 || dot === filename.length - 1) return \"\";\n  return filename.slice(dot + 1).toLowerCase();\n}\n\n/** The extension, uppercased and clipped, for the little type chip. */\nexport function extensionOf(filename: string): string {\n  return fileExtension(filename).toUpperCase().slice(0, 4);\n}\n\n/**\n * Matches one file against an `accept` list, using the same vocabulary as the\n * attribute on `<input type=\"file\">`: extensions (\".pdf\"), exact MIME types\n * (\"application/pdf\") and wildcards (\"image/*\"). An empty list accepts\n * everything.\n *\n * This is a convenience, not a security control — the browser's own file\n * dialog filter and this check are both trivially bypassed by a drop, so the\n * server remains the authority on what it will store.\n */\nexport function acceptsFile(accept: string, name: string, type: string): boolean {\n  const rules = accept\n    .split(\",\")\n    .map((rule) => rule.trim().toLowerCase())\n    .filter(Boolean);\n  if (!rules.length) return true;\n\n  const lowerName = name.toLowerCase();\n  const lowerType = (type || \"\").toLowerCase();\n\n  return rules.some((rule) => {\n    if (rule.startsWith(\".\")) return lowerName.endsWith(rule);\n    if (rule.endsWith(\"/*\")) return lowerType.startsWith(rule.slice(0, -1));\n    return lowerType === rule;\n  });\n}\n\n/** Human list of accepted kinds for the hint line: \".pdf,image/png\" → \"PDF, PNG\". */\nexport function acceptSummary(accept: string): string {\n  const parts = accept\n    .split(\",\")\n    .map((rule) => rule.trim())\n    .filter(Boolean)\n    .map((rule) => {\n      if (rule.startsWith(\".\")) return rule.slice(1).toUpperCase();\n      if (rule.endsWith(\"/*\")) return rule.slice(0, -2).toUpperCase();\n      const slash = rule.indexOf(\"/\");\n      return (slash >= 0 ? rule.slice(slash + 1) : rule).toUpperCase();\n    });\n  return [...new Set(parts)].join(\", \");\n}\n\n/**\n * Two picks are the same file when name, size and mtime all match. Content\n * hashing would be exact but means reading every byte before the user has\n * even pressed upload; this is what a file manager uses, and it is enough to\n * stop the common case of dropping the same batch twice.\n */\nexport function fileKey(file: { name: string; size: number; lastModified?: number }): string {\n  return `${file.name}:${file.size}:${file.lastModified ?? 0}`;\n}\n\n/** Replaces the base name, keeping the original extension. */\nexport function renameKeepingExtension(original: string, typed: string): string {\n  const clean = typed.trim().replace(/[/\\\\]/g, \"\");\n  if (!clean) return original;\n  const dot = original.lastIndexOf(\".\");\n  const extension = dot > 0 ? original.slice(dot) : \"\";\n  if (!extension) return clean;\n  return clean.toLowerCase().endsWith(extension.toLowerCase()) ? clean : clean + extension;\n}\n"],"names":["TOKEN_DEFAULTS","tokenDefaults","css","unsafeCSS","brandingStyles","DEFAULT_BRANDING_URL","renderBranding","show","text","fallbackText","url","nothing","href","html","defaultUploadMessages","resolveUploadMessages","overrides","fill","template","values","match","key","UNITS","parseSize","value","amount","formatSize","bytes","fileExtension","filename","dot","extensionOf","acceptsFile","accept","name","type","rules","rule","lowerName","lowerType","acceptSummary","parts","slash","fileKey","file","renameKeepingExtension","original","typed","clean","extension"],"mappings":"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"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./display-CLDNNZQy.cjs"),t=require("./uploader-eFYKpk8b.cjs"),r=require("@singlebase/core");exports.AuthController=e.AuthController;exports.SettingsController=e.SettingsController;Object.defineProperty(exports,"SinglebaseAccountScreen",{enumerable:!0,get:()=>e.SinglebaseAccountScreen});Object.defineProperty(exports,"SinglebaseAuthButtons",{enumerable:!0,get:()=>e.SinglebaseAuthButtons});Object.defineProperty(exports,"SinglebaseAuthDisplay",{enumerable:!0,get:()=>e.SinglebaseAuthDisplay});Object.defineProperty(exports,"SinglebaseAuthGuard",{enumerable:!0,get:()=>e.SinglebaseAuthGuard});Object.defineProperty(exports,"SinglebaseAuthScreen",{enumerable:!0,get:()=>e.SinglebaseAuthScreen});exports.defaultMessages=e.defaultMessages;exports.fullNameOf=e.fullNameOf;exports.initialsOf=e.initialsOf;exports.isGuestScreen=e.isGuestScreen;exports.isProtectedScreen=e.isProtectedScreen;exports.isScreen=e.isScreen;exports.resolveMessages=e.resolveMessages;Object.defineProperty(exports,"SinglebaseUploader",{enumerable:!0,get:()=>t.SinglebaseUploader});exports.TOKEN_DEFAULTS=t.TOKEN_DEFAULTS;exports.defaultUploadMessages=t.defaultUploadMessages;exports.inspectFile=t.inspectFile;exports.isInspectable=t.isInspectable;exports.resolveRedirectTarget=t.resolveRedirectTarget;exports.resolveUploadMessages=t.resolveUploadMessages;Object.defineProperty(exports,"OPERATORS",{enumerable:!0,get:()=>r.OPERATORS});Object.defineProperty(exports,"matchesPredicate",{enumerable:!0,get:()=>r.matchesPredicate});Object.defineProperty(exports,"validatePredicate",{enumerable:!0,get:()=>r.validatePredicate});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./authui-display-aWNht0cW.cjs"),r=require("./uploader-660JIgIN.cjs"),s=require("@singlebase/core"),a=require("./files-DyxcjZsx.cjs"),t=require("./chat-C-gsskho.cjs");exports.AuthController=e.AuthController;exports.SettingsController=e.SettingsController;Object.defineProperty(exports,"SinglebaseAccountScreen",{enumerable:!0,get:()=>e.SinglebaseAccountScreen});Object.defineProperty(exports,"SinglebaseAuthButtons",{enumerable:!0,get:()=>e.SinglebaseAuthButtons});Object.defineProperty(exports,"SinglebaseAuthDisplay",{enumerable:!0,get:()=>e.SinglebaseAuthDisplay});Object.defineProperty(exports,"SinglebaseAuthGuard",{enumerable:!0,get:()=>e.SinglebaseAuthGuard});Object.defineProperty(exports,"SinglebaseAuthScreen",{enumerable:!0,get:()=>e.SinglebaseAuthScreen});exports.defaultMessages=e.defaultMessages;exports.fullNameOf=e.fullNameOf;exports.initialsOf=e.initialsOf;exports.isGuestScreen=e.isGuestScreen;exports.isProtectedScreen=e.isProtectedScreen;exports.isScreen=e.isScreen;exports.resolveMessages=e.resolveMessages;Object.defineProperty(exports,"SinglebaseUploader",{enumerable:!0,get:()=>r.SinglebaseUploader});exports.inspectFile=r.inspectFile;exports.isInspectable=r.isInspectable;exports.resolveRedirectTarget=r.resolveRedirectTarget;Object.defineProperty(exports,"OPERATORS",{enumerable:!0,get:()=>s.OPERATORS});Object.defineProperty(exports,"matchesPredicate",{enumerable:!0,get:()=>s.matchesPredicate});Object.defineProperty(exports,"validatePredicate",{enumerable:!0,get:()=>s.validatePredicate});exports.TOKEN_DEFAULTS=a.TOKEN_DEFAULTS;exports.defaultUploadMessages=a.defaultUploadMessages;exports.resolveUploadMessages=a.resolveUploadMessages;Object.defineProperty(exports,"SinglebaseChat",{enumerable:!0,get:()=>t.SinglebaseChat});exports.adaptBlocks=t.adaptBlocks;exports.citedNumbers=t.citedNumbers;exports.defaultChatMessages=t.defaultChatMessages;exports.describeSource=t.describeSource;exports.parseInline=t.parseInline;exports.parseMarkdown=t.parseMarkdown;exports.resolveChatMessages=t.resolveChatMessages;exports.settleStreaming=t.settleStreaming;exports.splitFollowups=t.splitFollowups;exports.svgDataUrl=t.svgDataUrl;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 /**
- * `@singlebase/elements` — every element. Import `./authui` or `./uploader`
- * instead to take only one family.
+ * `@singlebase/elements` — every element. Import `./authui`, `./uploader` or
+ * `./chat` instead to take only one family.
  */
 export * from "./authui.js";
 export * from "./uploader.js";
+export * from "./chat.js";
 export { TOKEN_DEFAULTS } from "./styles/tokens.js";

package/dist/index.js

@@ -1,30 +1,43 @@
-import { A as a, S as t, a as r, b as l, c as i, d as n, e as o, f as S, g as c, i as d, h as g, j as u, k as b, r as f } from "./display-8HEcKYR4.js";
-import { S as A, T as h, d as m, i as O, a as T, r as v, b as M } from "./uploader-D-Da1trc.js";
-import { OPERATORS as U, matchesPredicate as x, validatePredicate as E } from "@singlebase/core";
+import { A as a, S as r, a as t, b as l, c as i, d as o, e as n, f as c, g as S, i as d, h as g, j as p, k as u, r as f } from "./authui-display-CKfGK5va.js";
+import { S as h, i as m, a as A, r as M } from "./uploader-vfczkX51.js";
+import { OPERATORS as x, matchesPredicate as C, validatePredicate as O } from "@singlebase/core";
+import { T as U, d as P, r as k } from "./files-DDJWPzZW.js";
+import { S as E, a as F, c as N, d as R, b as w, p as B, e as G, r as I, s as j, f as y, g as K } from "./chat-CEh6RygY.js";
 export {
   a as AuthController,
-  U as OPERATORS,
-  t as SettingsController,
-  r as SinglebaseAccountScreen,
+  x as OPERATORS,
+  r as SettingsController,
+  t as SinglebaseAccountScreen,
   l as SinglebaseAuthButtons,
   i as SinglebaseAuthDisplay,
-  n as SinglebaseAuthGuard,
-  o as SinglebaseAuthScreen,
-  A as SinglebaseUploader,
-  h as TOKEN_DEFAULTS,
-  S as defaultMessages,
-  m as defaultUploadMessages,
-  c as fullNameOf,
+  o as SinglebaseAuthGuard,
+  n as SinglebaseAuthScreen,
+  E as SinglebaseChat,
+  h as SinglebaseUploader,
+  U as TOKEN_DEFAULTS,
+  F as adaptBlocks,
+  N as citedNumbers,
+  R as defaultChatMessages,
+  c as defaultMessages,
+  P as defaultUploadMessages,
+  w as describeSource,
+  S as fullNameOf,
   d as initialsOf,
-  O as inspectFile,
+  m as inspectFile,
   g as isGuestScreen,
-  T as isInspectable,
-  u as isProtectedScreen,
-  b as isScreen,
-  x as matchesPredicate,
+  A as isInspectable,
+  p as isProtectedScreen,
+  u as isScreen,
+  C as matchesPredicate,
+  B as parseInline,
+  G as parseMarkdown,
+  I as resolveChatMessages,
   f as resolveMessages,
-  v as resolveRedirectTarget,
-  M as resolveUploadMessages,
-  E as validatePredicate
+  M as resolveRedirectTarget,
+  k as resolveUploadMessages,
+  j as settleStreaming,
+  y as splitFollowups,
+  K as svgDataUrl,
+  O as validatePredicate
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}