@epicbagel/saas-kit 1.2.3 → 1.3.0

package/dist/primitives/file-preview.js

@@ -0,0 +1,327 @@
+"use client";
+"use client";
+import {
+  Image
+} from "../chunk-QEJ2STIV.js";
+import {
+  PreviewDialog,
+  PreviewLoading,
+  PreviewNotice,
+  PreviewStage
+} from "../chunk-2TKLS73N.js";
+import "../chunk-JTI4244T.js";
+import "../chunk-4HWCNRK4.js";
+import "../chunk-3QT5VYZ3.js";
+import {
+  CodeBlock
+} from "../chunk-HHV4G77I.js";
+import "../chunk-NW3OWKBN.js";
+import {
+  LazyMarkdown
+} from "../chunk-VY5U4VGV.js";
+import "../chunk-INNGGLMZ.js";
+import {
+  Text
+} from "../chunk-EIY5LLSP.js";
+import {
+  Icon
+} from "../chunk-KN4RPX35.js";
+import {
+  Button
+} from "../chunk-HQRWRRZJ.js";
+import "../chunk-ZWZAAGQF.js";
+import "../chunk-G6SRSWXB.js";
+
+// src/primitives/file-preview.tsx
+import { Download, FileQuestion, FileWarning, Loader2 } from "lucide-react";
+import { useEffect, useLayoutEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var UNTYPED = /* @__PURE__ */ new Set([
+  "",
+  "application/octet-stream",
+  "binary/octet-stream",
+  "application/binary",
+  "application/unknown",
+  "application/x-download",
+  "application/force-download"
+]);
+var TYPE_KINDS = {
+  "application/pdf": "pdf",
+  "application/x-pdf": "pdf",
+  "image/apng": "image",
+  "image/avif": "image",
+  "image/bmp": "image",
+  "image/gif": "image",
+  "image/jpeg": "image",
+  "image/jpg": "image",
+  "image/pjpeg": "image",
+  "image/png": "image",
+  "image/svg+xml": "image",
+  "image/vnd.microsoft.icon": "image",
+  "image/webp": "image",
+  "image/x-icon": "image",
+  "text/markdown": "markdown",
+  "text/x-markdown": "markdown",
+  // RTF is text/*, but its source is control words, not the document.
+  "text/rtf": "none",
+  "application/ecmascript": "text",
+  "application/graphql": "text",
+  "application/javascript": "text",
+  "application/json": "text",
+  "application/sql": "text",
+  "application/toml": "text",
+  "application/typescript": "text",
+  "application/x-httpd-php": "text",
+  "application/x-javascript": "text",
+  "application/x-ndjson": "text",
+  "application/x-sh": "text",
+  "application/x-typescript": "text",
+  "application/x-yaml": "text",
+  "application/xml": "text",
+  "application/yaml": "text",
+  "audio/aac": "audio",
+  "audio/flac": "audio",
+  "audio/mp3": "audio",
+  "audio/mp4": "audio",
+  "audio/mpeg": "audio",
+  "audio/ogg": "audio",
+  "audio/opus": "audio",
+  "audio/wav": "audio",
+  "audio/wave": "audio",
+  "audio/webm": "audio",
+  "audio/x-flac": "audio",
+  "audio/x-m4a": "audio",
+  "audio/x-wav": "audio",
+  "video/mp4": "video",
+  "video/ogg": "video",
+  "video/quicktime": "video",
+  "video/webm": "video",
+  "video/x-m4v": "video"
+};
+var EXTENSION_KINDS = new Map(
+  [
+    ["pdf", "pdf"],
+    ["image", "apng avif bmp gif ico jfif jpeg jpg png svg webp"],
+    ["markdown", "markdown md mdown mkd"],
+    ["audio", "aac flac m4a mp3 oga ogg opus wav weba"],
+    ["video", "m4v mov mp4 ogv webm"],
+    [
+      "text",
+      "adoc bash bat c cc cfg cjs clj conf cpp cs css csv cts cxx dart diff env erl ex exs fish go gql graphql h hpp hs htm html ini java js json jsonc jsonl jsx kt kts less log lua mjs mts ndjson patch php pl properties ps1 py r rb rs rst sass scala scss sh sql srt svelte swift tex text toml ts tsv tsx txt vtt vue xml yaml yml zsh"
+    ]
+  ].flatMap(
+    ([kind, extensions]) => extensions.split(" ").map((extension) => [extension, kind])
+  )
+);
+function kindOfName(name) {
+  const base = (name ?? "").trim().toLowerCase().split(/[\\/]/).pop() ?? "";
+  const dot = base.lastIndexOf(".");
+  return dot >= 0 ? EXTENSION_KINDS.get(base.slice(dot + 1)) : void 0;
+}
+function kindOfType(type) {
+  const known = TYPE_KINDS[type];
+  if (known) return known;
+  if (type.startsWith("text/")) return "text";
+  if (/^application\/[\w.-]+\+(?:json|xml)$/.test(type)) return "text";
+  return void 0;
+}
+function filePreviewKind({ name, mediaType }) {
+  const type = (mediaType ?? "").split(";", 1)[0].trim().toLowerCase();
+  const byName = kindOfName(name);
+  if (UNTYPED.has(type)) return byName ?? "none";
+  const byType = kindOfType(type);
+  if (byType === "text" && byName === "markdown") return "markdown";
+  if (byType) return byType;
+  return byName === "text" || byName === "markdown" ? byName : "none";
+}
+function FilePreview({
+  open,
+  onOpenChange,
+  title,
+  mediaType,
+  kind,
+  file,
+  src,
+  loading = false,
+  error,
+  onDownload,
+  downloading = false,
+  downloadLabel = "Download file",
+  fallback,
+  markdownComponents,
+  loadingLabel = "Loading preview\u2026",
+  unavailableLabel = "No preview for this file.",
+  failedLabel = "This file couldn't be shown here.",
+  truncatedLabel = "Showing the start of this file. Download it to see the rest."
+}) {
+  return /* @__PURE__ */ jsx(
+    PreviewDialog,
+    {
+      open,
+      onOpenChange,
+      title,
+      onDownload,
+      downloading,
+      downloadLabel,
+      children: /* @__PURE__ */ jsx(
+        FilePreviewBody,
+        {
+          kind: kind ?? filePreviewKind({ name: title, mediaType: mediaType ?? file?.type }),
+          title,
+          file: file ?? null,
+          src: src ?? null,
+          loading,
+          error: error ?? null,
+          fallback,
+          download: onDownload ? (
+            // Under a muted message: the action keeps the foreground colour.
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                className: "text-foreground",
+                onClick: onDownload,
+                disabled: downloading,
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { icon: downloading ? Loader2 : Download, size: "sm", spin: downloading }),
+                  downloadLabel
+                ]
+              }
+            )
+          ) : null,
+          markdownComponents,
+          loadingLabel,
+          unavailableLabel,
+          failedLabel,
+          truncatedLabel
+        }
+      )
+    }
+  );
+}
+var TEXT_PREVIEW_LIMIT = 5e5;
+function NewTabLink({ node: _node, ...props }) {
+  return /* @__PURE__ */ jsx("a", { ...props, target: "_blank", rel: "noopener noreferrer" });
+}
+function startOf(text) {
+  if (text.length <= TEXT_PREVIEW_LIMIT) return { text, truncated: false };
+  const end = text.lastIndexOf("\n", TEXT_PREVIEW_LIMIT);
+  return { text: text.slice(0, end > 0 ? end : TEXT_PREVIEW_LIMIT), truncated: true };
+}
+function useFileText(file, src) {
+  const source = file ?? src;
+  const [read, setRead] = useState(null);
+  useEffect(() => {
+    if (!source) return void 0;
+    let current = true;
+    const controller = new AbortController();
+    const text = typeof source === "string" ? fetch(source, { signal: controller.signal }).then((response) => {
+      if (!response.ok) throw new Error(`HTTP ${response.status}`);
+      return response.text();
+    }) : source.text();
+    text.then(
+      (value) => {
+        if (current) setRead({ source, result: { status: "read", ...startOf(value) } });
+      },
+      () => {
+        if (current) setRead({ source, result: { status: "failed" } });
+      }
+    );
+    return () => {
+      current = false;
+      controller.abort();
+    };
+  }, [source]);
+  if (!source) return null;
+  return read?.source === source ? read.result : { status: "reading" };
+}
+function useObjectUrl(file, type) {
+  const [made, setMade] = useState(null);
+  useLayoutEffect(() => {
+    if (!file) return void 0;
+    const url = URL.createObjectURL(type && file.type !== type ? new Blob([file], { type }) : file);
+    setMade({ file, type, url });
+    return () => URL.revokeObjectURL(url);
+  }, [file, type]);
+  return file && made?.file === file && made.type === type ? made.url : null;
+}
+function FilePreviewBody({
+  kind,
+  title,
+  file,
+  src,
+  loading,
+  error,
+  fallback,
+  download,
+  markdownComponents,
+  loadingLabel,
+  unavailableLabel,
+  failedLabel,
+  truncatedLabel
+}) {
+  const ready = !loading && !error && kind !== "none";
+  const reads = kind === "text" || kind === "markdown";
+  const text = useFileText(ready && reads ? file : null, ready && reads ? src : null);
+  const objectUrl = useObjectUrl(ready && !reads ? file : null, kind === "pdf" ? "application/pdf" : void 0);
+  const pending = /* @__PURE__ */ jsx(PreviewStage, { children: /* @__PURE__ */ jsx(PreviewLoading, { label: loadingLabel }) });
+  const failed = (message) => /* @__PURE__ */ jsx(PreviewStage, { children: /* @__PURE__ */ jsx(PreviewNotice, { icon: FileWarning, alert: true, message, children: fallback ?? download }) });
+  if (loading) return pending;
+  if (error) return failed(error);
+  if (kind === "none" || !file && !src) {
+    return /* @__PURE__ */ jsx(PreviewStage, { children: fallback ?? /* @__PURE__ */ jsx(PreviewNotice, { icon: FileQuestion, message: unavailableLabel, children: download }) });
+  }
+  if (reads) {
+    if (!text || text.status === "reading") return pending;
+    if (text.status === "failed") return failed(failedLabel);
+    return /* @__PURE__ */ jsxs(PreviewStage, { layout: "scroll", label: `Preview of ${title}`, children: [
+      text.truncated && /* @__PURE__ */ jsx(Text, { variant: "caption", marginBottom: "sm", children: truncatedLabel }),
+      kind === "markdown" ? /* @__PURE__ */ jsx(LazyMarkdown, { components: { a: NewTabLink, ...markdownComponents }, children: text.text }) : (
+        // The theme's relaxed leading is a fixed 1.8rem, which spaces a
+        // file's small monospace lines apart; read it at 20px lines.
+        /* @__PURE__ */ jsx(CodeBlock, { wrap: true, className: "[&>pre]:leading-5", children: text.text })
+      )
+    ] });
+  }
+  const url = file ? objectUrl : src;
+  if (!url) return pending;
+  return /* @__PURE__ */ jsx(ShownFile, { kind, url, title, failed: failed(failedLabel) }, url);
+}
+function ShownFile({
+  kind,
+  url,
+  title,
+  failed
+}) {
+  const [broken, setBroken] = useState(false);
+  if (broken) return failed;
+  const fail = () => setBroken(true);
+  const label = `Preview of ${title}`;
+  if (kind === "image") {
+    return /* @__PURE__ */ jsx(PreviewStage, { children: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center p-4", children: /* @__PURE__ */ jsx(Image, { src: url, alt: title, fit: "contain", radius: "sm", className: "max-h-full max-w-full", onError: fail }) }) });
+  }
+  if (kind === "audio") {
+    return /* @__PURE__ */ jsx(PreviewStage, { children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-md p-6", children: /* @__PURE__ */ jsx("audio", { src: url, controls: true, preload: "metadata", "aria-label": label, className: "w-full", onError: fail }) }) });
+  }
+  if (kind === "video") {
+    return /* @__PURE__ */ jsx(PreviewStage, { children: /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center p-4", children: /* @__PURE__ */ jsx(
+      "video",
+      {
+        src: url,
+        controls: true,
+        playsInline: true,
+        preload: "metadata",
+        "aria-label": label,
+        className: "max-h-full max-w-full rounded-sm",
+        onError: fail
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsx(PreviewStage, { children: /* @__PURE__ */ jsx("iframe", { src: url, title: label, referrerPolicy: "no-referrer", className: "h-full w-full border-0 bg-background" }) });
+}
+export {
+  FilePreview,
+  filePreviewKind
+};

package/dist/primitives/filter-bar.cjs

@@ -2,19 +2,19 @@
 "use client";
 
 
-var _chunkCYH63OCLcjs = require('../chunk-CYH63OCL.cjs');
+var _chunkSGW4FWBXcjs = require('../chunk-SGW4FWBX.cjs');
 require('../chunk-PPX2VPGI.cjs');
 require('../chunk-WNXVGUBF.cjs');
 require('../chunk-IQZLUT2Y.cjs');
+require('../chunk-R5L4CM6V.cjs');
 require('../chunk-JH4GAGOQ.cjs');
 require('../chunk-V5SPFLKW.cjs');
-require('../chunk-R5L4CM6V.cjs');
-require('../chunk-R35FT53G.cjs');
 require('../chunk-PQUSJEXL.cjs');
 require('../chunk-VGTINL5Q.cjs');
 require('../chunk-I6GUOEBO.cjs');
 require('../chunk-L4DH72UF.cjs');
+require('../chunk-R35FT53G.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 
-exports.FilterBar = _chunkCYH63OCLcjs.FilterBar;
+exports.FilterBar = _chunkSGW4FWBXcjs.FilterBar;

package/dist/primitives/filter-bar.js

@@ -2,18 +2,18 @@
 "use client";
 import {
   FilterBar
-} from "../chunk-PVZ4JGDU.js";
+} from "../chunk-MLHNYRFX.js";
 import "../chunk-G76JANB4.js";
 import "../chunk-YG7FBJRM.js";
 import "../chunk-E2TQMDO7.js";
+import "../chunk-RRRD5EUI.js";
 import "../chunk-OICAYRVH.js";
 import "../chunk-J6NXDZR5.js";
-import "../chunk-RRRD5EUI.js";
-import "../chunk-PIU5SSUV.js";
 import "../chunk-QMA3WVB7.js";
 import "../chunk-H7TETFLB.js";
 import "../chunk-D4ZL2OEQ.js";
 import "../chunk-HQRWRRZJ.js";
+import "../chunk-PIU5SSUV.js";
 import "../chunk-G6SRSWXB.js";
 export {
   FilterBar

package/dist/primitives/image.cjs

@@ -1,52 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+var _chunk4UUTKR3Vcjs = require('../chunk-4UUTKR3V.cjs');
+require('../chunk-KWLSBTB2.cjs');
 
-// src/primitives/image.tsx
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-var fitStyles = { cover: "object-cover", contain: "object-contain" };
-var radiusStyles = { none: "", sm: "rounded-sm", md: "rounded-md", xl: "rounded-xl", full: "rounded-full" };
-var Image = _react.forwardRef.call(void 0, function Image2({ fit = "cover", frameHeight, radius = "none", width = "auto", align = "start", border = false, shadow = "none", emphasis = "full", loadingIndicator = "none", className, onLoad, onError, src, ...props }, ref) {
-  const [loaded, setLoaded] = _react.useState.call(void 0, loadingIndicator === "none" || !src);
-  _react.useEffect.call(void 0, () => {
-    setLoaded(loadingIndicator === "none" || !src);
-  }, [loadingIndicator, src]);
-  const loading = loadingIndicator === "pulse" && !loaded;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "img",
-    {
-      ref,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        fitStyles[fit],
-        radiusStyles[radius],
-        frameHeight === "sm" && "h-16",
-        frameHeight === "md" && "h-28",
-        width === "full" && "w-full",
-        width === "preview" && "w-full max-w-[380px]",
-        width === "preview-lg" && "w-full max-w-[440px]",
-        align === "center" && "mx-auto",
-        border && "border",
-        shadow === "subtle" && "shadow-xs",
-        loading && "animate-pulse bg-muted",
-        emphasis === "soft-until-parent-hover" && "transition-opacity duration-200 md:opacity-70 md:group-hover:opacity-100",
-        className
-      ),
-      src,
-      ...props,
-      "aria-busy": loading || void 0,
-      onLoad: (event) => {
-        setLoaded(true);
-        _optionalChain([onLoad, 'optionalCall', _ => _(event)]);
-      },
-      onError: (event) => {
-        setLoaded(true);
-        _optionalChain([onError, 'optionalCall', _2 => _2(event)]);
-      }
-    }
-  );
-});
 
-
-exports.Image = Image;
+exports.Image = _chunk4UUTKR3Vcjs.Image;

package/dist/primitives/image.js

@@ -1,52 +1,8 @@
 "use client";
 import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/image.tsx
-import { forwardRef, useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var fitStyles = { cover: "object-cover", contain: "object-contain" };
-var radiusStyles = { none: "", sm: "rounded-sm", md: "rounded-md", xl: "rounded-xl", full: "rounded-full" };
-var Image = forwardRef(function Image2({ fit = "cover", frameHeight, radius = "none", width = "auto", align = "start", border = false, shadow = "none", emphasis = "full", loadingIndicator = "none", className, onLoad, onError, src, ...props }, ref) {
-  const [loaded, setLoaded] = useState(loadingIndicator === "none" || !src);
-  useEffect(() => {
-    setLoaded(loadingIndicator === "none" || !src);
-  }, [loadingIndicator, src]);
-  const loading = loadingIndicator === "pulse" && !loaded;
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      ref,
-      className: cn(
-        fitStyles[fit],
-        radiusStyles[radius],
-        frameHeight === "sm" && "h-16",
-        frameHeight === "md" && "h-28",
-        width === "full" && "w-full",
-        width === "preview" && "w-full max-w-[380px]",
-        width === "preview-lg" && "w-full max-w-[440px]",
-        align === "center" && "mx-auto",
-        border && "border",
-        shadow === "subtle" && "shadow-xs",
-        loading && "animate-pulse bg-muted",
-        emphasis === "soft-until-parent-hover" && "transition-opacity duration-200 md:opacity-70 md:group-hover:opacity-100",
-        className
-      ),
-      src,
-      ...props,
-      "aria-busy": loading || void 0,
-      onLoad: (event) => {
-        setLoaded(true);
-        onLoad?.(event);
-      },
-      onError: (event) => {
-        setLoaded(true);
-        onError?.(event);
-      }
-    }
-  );
-});
+  Image
+} from "../chunk-QEJ2STIV.js";
+import "../chunk-G6SRSWXB.js";
 export {
   Image
 };

package/dist/primitives/resource-list.cjs

@@ -2,27 +2,27 @@
 "use client";
 
 
-var _chunkN6V3DDKUcjs = require('../chunk-N6V3DDKU.cjs');
+var _chunkIH3COANJcjs = require('../chunk-IH3COANJ.cjs');
 require('../chunk-PNWNU6JW.cjs');
 require('../chunk-FNDBM67K.cjs');
-require('../chunk-CYH63OCL.cjs');
+require('../chunk-SGW4FWBX.cjs');
 require('../chunk-PPX2VPGI.cjs');
 require('../chunk-WNXVGUBF.cjs');
 require('../chunk-IQZLUT2Y.cjs');
+require('../chunk-LELBCBDT.cjs');
+require('../chunk-R5L4CM6V.cjs');
 require('../chunk-U2NES7VR.cjs');
 require('../chunk-JH4GAGOQ.cjs');
-require('../chunk-LELBCBDT.cjs');
 require('../chunk-YYFVG5A6.cjs');
 require('../chunk-XLIAY56V.cjs');
 require('../chunk-V5SPFLKW.cjs');
-require('../chunk-R5L4CM6V.cjs');
-require('../chunk-R35FT53G.cjs');
 require('../chunk-PQUSJEXL.cjs');
 require('../chunk-VGTINL5Q.cjs');
 require('../chunk-I6GUOEBO.cjs');
 require('../chunk-VBPPFC7X.cjs');
 require('../chunk-L4DH72UF.cjs');
+require('../chunk-R35FT53G.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 
-exports.ResourceList = _chunkN6V3DDKUcjs.ResourceList;
+exports.ResourceList = _chunkIH3COANJcjs.ResourceList;

package/dist/primitives/resource-list.js

@@ -2,26 +2,26 @@
 "use client";
 import {
   ResourceList
-} from "../chunk-KYQPX754.js";
+} from "../chunk-HRLP4BHJ.js";
 import "../chunk-LI5EOSQG.js";
 import "../chunk-J3GQXM37.js";
-import "../chunk-PVZ4JGDU.js";
+import "../chunk-MLHNYRFX.js";
 import "../chunk-G76JANB4.js";
 import "../chunk-YG7FBJRM.js";
 import "../chunk-E2TQMDO7.js";
+import "../chunk-H2O6NMLZ.js";
+import "../chunk-RRRD5EUI.js";
 import "../chunk-ZRLUUZHK.js";
 import "../chunk-OICAYRVH.js";
-import "../chunk-H2O6NMLZ.js";
 import "../chunk-62UTAG2C.js";
 import "../chunk-LELFPLTE.js";
 import "../chunk-J6NXDZR5.js";
-import "../chunk-RRRD5EUI.js";
-import "../chunk-PIU5SSUV.js";
 import "../chunk-QMA3WVB7.js";
 import "../chunk-H7TETFLB.js";
 import "../chunk-D4ZL2OEQ.js";
 import "../chunk-YEW65ASC.js";
 import "../chunk-HQRWRRZJ.js";
+import "../chunk-PIU5SSUV.js";
 import "../chunk-G6SRSWXB.js";
 export {
   ResourceList