@epicbagel/saas-kit 1.2.3 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +59 -0
- package/dist/chunk-2TKLS73N.js +121 -0
- package/dist/chunk-4UUTKR3V.cjs +53 -0
- package/dist/chunk-BTHYGHOH.cjs +143 -0
- package/dist/chunk-GRY77463.cjs +121 -0
- package/dist/chunk-HHV4G77I.js +55 -0
- package/dist/{chunk-KYQPX754.js → chunk-HRLP4BHJ.js} +7 -7
- package/dist/{chunk-N6V3DDKU.cjs → chunk-IH3COANJ.cjs} +7 -7
- package/dist/chunk-JTI4244T.js +143 -0
- package/dist/chunk-QEJ2STIV.js +53 -0
- package/dist/chunk-VLXPLKFR.cjs +55 -0
- package/dist/primitives/activity-feed.cjs +3 -3
- package/dist/primitives/activity-feed.js +4 -4
- package/dist/primitives/board-view.cjs +6 -6
- package/dist/primitives/board-view.js +5 -5
- package/dist/primitives/chat.cjs +14 -14
- package/dist/primitives/chat.js +12 -12
- package/dist/primitives/code-block.cjs +5 -50
- package/dist/primitives/code-block.js +5 -50
- package/dist/primitives/connection.cjs +6 -6
- package/dist/primitives/connection.js +7 -7
- package/dist/primitives/copy-button.cjs +3 -3
- package/dist/primitives/copy-button.js +2 -2
- package/dist/primitives/document-preview.cjs +54 -0
- package/dist/primitives/document-preview.d.cts +30 -0
- package/dist/primitives/document-preview.d.ts +30 -0
- package/dist/primitives/document-preview.js +54 -0
- package/dist/primitives/editable-list.cjs +1 -1
- package/dist/primitives/editable-list.js +1 -1
- package/dist/primitives/file-dropzone.cjs +3 -3
- package/dist/primitives/file-dropzone.js +2 -2
- package/dist/primitives/file-preview-internals.cjs +20 -0
- package/dist/primitives/file-preview-internals.d.cts +44 -0
- package/dist/primitives/file-preview-internals.d.ts +44 -0
- package/dist/primitives/file-preview-internals.js +20 -0
- package/dist/primitives/file-preview.cjs +327 -0
- package/dist/primitives/file-preview.d.cts +92 -0
- package/dist/primitives/file-preview.d.ts +92 -0
- package/dist/primitives/file-preview.js +327 -0
- package/dist/primitives/filter-bar.cjs +4 -4
- package/dist/primitives/filter-bar.js +3 -3
- package/dist/primitives/image.cjs +4 -48
- package/dist/primitives/image.js +3 -47
- package/dist/primitives/resource-list.cjs +6 -6
- package/dist/primitives/resource-list.js +5 -5
- package/dist/primitives/responsive-dialog.cjs +26 -142
- package/dist/primitives/responsive-dialog.js +13 -129
- package/dist/primitives/section.cjs +2 -2
- package/dist/primitives/section.js +3 -3
- package/dist/primitives/switch-field.cjs +2 -2
- package/dist/primitives/switch-field.js +3 -3
- package/package.json +21 -1
- package/dist/{chunk-6OTAGP2I.cjs → chunk-KADJ56AH.cjs} +2 -2
- package/dist/{chunk-EHKMVJ6O.js → chunk-M7FYGAGO.js} +3 -3
- package/dist/{chunk-PVZ4JGDU.js → chunk-MLHNYRFX.js} +6 -6
- package/dist/{chunk-PWOQMTPX.js → chunk-NW3OWKBN.js} +3 -3
- package/dist/{chunk-CYH63OCL.cjs → chunk-SGW4FWBX.cjs} +6 -6
- package/dist/{chunk-ENJNZ323.cjs → chunk-VKIGJNJR.cjs} +2 -2
|
@@ -12,17 +12,13 @@ import {
|
|
|
12
12
|
DialogHeader,
|
|
13
13
|
DialogTitle
|
|
14
14
|
} from "../chunk-3QT5VYZ3.js";
|
|
15
|
-
import "../chunk-V4LE2HWP.js";
|
|
16
|
-
import {
|
|
17
|
-
Text
|
|
18
|
-
} from "../chunk-EIY5LLSP.js";
|
|
19
15
|
import {
|
|
20
16
|
Callout
|
|
21
17
|
} from "../chunk-GL5CV4FF.js";
|
|
18
|
+
import "../chunk-V4LE2HWP.js";
|
|
22
19
|
import {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
} from "../chunk-R4AIM3BQ.js";
|
|
20
|
+
Text
|
|
21
|
+
} from "../chunk-EIY5LLSP.js";
|
|
26
22
|
import "../chunk-D4ZL2OEQ.js";
|
|
27
23
|
import {
|
|
28
24
|
AlertDialog,
|
|
@@ -37,6 +33,10 @@ import {
|
|
|
37
33
|
import {
|
|
38
34
|
buttonVariants
|
|
39
35
|
} from "../chunk-HQRWRRZJ.js";
|
|
36
|
+
import {
|
|
37
|
+
Alert,
|
|
38
|
+
AlertDescription
|
|
39
|
+
} from "../chunk-R4AIM3BQ.js";
|
|
40
40
|
import {
|
|
41
41
|
cn
|
|
42
42
|
} from "../chunk-G6SRSWXB.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-4LXN6GLZ.cjs');
|
|
4
|
+
var _chunkVKIGJNJRcjs = require('../chunk-VKIGJNJR.cjs');
|
|
6
5
|
require('../chunk-L4DH72UF.cjs');
|
|
6
|
+
require('../chunk-4LXN6GLZ.cjs');
|
|
7
7
|
require('../chunk-KWLSBTB2.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
exports.CopyButton =
|
|
10
|
+
exports.CopyButton = _chunkVKIGJNJRcjs.CopyButton;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
var _chunkGRY77463cjs = require('../chunk-GRY77463.cjs');
|
|
9
|
+
require('../chunk-BTHYGHOH.cjs');
|
|
10
|
+
require('../chunk-2BHI5ZWJ.cjs');
|
|
11
|
+
require('../chunk-WDXEJDMO.cjs');
|
|
12
|
+
require('../chunk-T2ZFSPE4.cjs');
|
|
13
|
+
require('../chunk-L4DH72UF.cjs');
|
|
14
|
+
require('../chunk-KWLSBTB2.cjs');
|
|
15
|
+
|
|
16
|
+
// src/primitives/document-preview.tsx
|
|
17
|
+
var _lucidereact = require('lucide-react');
|
|
18
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
19
|
+
function DocumentPreview({
|
|
20
|
+
open,
|
|
21
|
+
onOpenChange,
|
|
22
|
+
title,
|
|
23
|
+
src,
|
|
24
|
+
loading = false,
|
|
25
|
+
error,
|
|
26
|
+
onDownload,
|
|
27
|
+
downloading = false,
|
|
28
|
+
downloadLabel = "Download document",
|
|
29
|
+
fallback
|
|
30
|
+
}) {
|
|
31
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
32
|
+
_chunkGRY77463cjs.PreviewDialog,
|
|
33
|
+
{
|
|
34
|
+
open,
|
|
35
|
+
onOpenChange,
|
|
36
|
+
title,
|
|
37
|
+
onDownload,
|
|
38
|
+
downloading,
|
|
39
|
+
downloadLabel,
|
|
40
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRY77463cjs.PreviewStage, { children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRY77463cjs.PreviewLoading, { label: "Loading preview\u2026" }) : error ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRY77463cjs.PreviewNotice, { icon: _lucidereact.FileWarning, alert: true, message: error, children: fallback }) : src ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
41
|
+
"iframe",
|
|
42
|
+
{
|
|
43
|
+
src,
|
|
44
|
+
title: `Preview of ${title}`,
|
|
45
|
+
referrerPolicy: "no-referrer",
|
|
46
|
+
className: "h-full w-full border-0 bg-background"
|
|
47
|
+
}
|
|
48
|
+
) : _nullishCoalesce(fallback, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-6 text-center text-sm text-muted-foreground", children: "Preview unavailable." }))) })
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
exports.DocumentPreview = DocumentPreview;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
interface DocumentPreviewProps {
|
|
5
|
+
open: boolean;
|
|
6
|
+
onOpenChange: (open: boolean) => void;
|
|
7
|
+
title: string;
|
|
8
|
+
src?: string | null;
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
error?: string | null;
|
|
11
|
+
onDownload?: () => void;
|
|
12
|
+
downloading?: boolean;
|
|
13
|
+
downloadLabel?: string;
|
|
14
|
+
fallback?: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Responsive, presentation-only shell for a browser-renderable document.
|
|
18
|
+
*
|
|
19
|
+
* The consumer owns authentication and URL acquisition; `src` is expected to
|
|
20
|
+
* be a short-lived or otherwise safe URL. Desktop uses the kit's large preview
|
|
21
|
+
* dialog and mobile uses its near-full-height drawer. PDF rendering is left to
|
|
22
|
+
* the browser so this primitive adds no PDF engine to every consuming app.
|
|
23
|
+
*
|
|
24
|
+
* Every `src` opens in the browser's own viewer. For a file that may be an
|
|
25
|
+
* image, text, Markdown or media, use `FilePreview`
|
|
26
|
+
* (`primitives/file-preview`): the same dialog, showing each type its own way.
|
|
27
|
+
*/
|
|
28
|
+
declare function DocumentPreview({ open, onOpenChange, title, src, loading, error, onDownload, downloading, downloadLabel, fallback, }: DocumentPreviewProps): react_jsx_runtime.JSX.Element;
|
|
29
|
+
|
|
30
|
+
export { DocumentPreview, type DocumentPreviewProps };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
interface DocumentPreviewProps {
|
|
5
|
+
open: boolean;
|
|
6
|
+
onOpenChange: (open: boolean) => void;
|
|
7
|
+
title: string;
|
|
8
|
+
src?: string | null;
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
error?: string | null;
|
|
11
|
+
onDownload?: () => void;
|
|
12
|
+
downloading?: boolean;
|
|
13
|
+
downloadLabel?: string;
|
|
14
|
+
fallback?: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Responsive, presentation-only shell for a browser-renderable document.
|
|
18
|
+
*
|
|
19
|
+
* The consumer owns authentication and URL acquisition; `src` is expected to
|
|
20
|
+
* be a short-lived or otherwise safe URL. Desktop uses the kit's large preview
|
|
21
|
+
* dialog and mobile uses its near-full-height drawer. PDF rendering is left to
|
|
22
|
+
* the browser so this primitive adds no PDF engine to every consuming app.
|
|
23
|
+
*
|
|
24
|
+
* Every `src` opens in the browser's own viewer. For a file that may be an
|
|
25
|
+
* image, text, Markdown or media, use `FilePreview`
|
|
26
|
+
* (`primitives/file-preview`): the same dialog, showing each type its own way.
|
|
27
|
+
*/
|
|
28
|
+
declare function DocumentPreview({ open, onOpenChange, title, src, loading, error, onDownload, downloading, downloadLabel, fallback, }: DocumentPreviewProps): react_jsx_runtime.JSX.Element;
|
|
29
|
+
|
|
30
|
+
export { DocumentPreview, type DocumentPreviewProps };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
import {
|
|
4
|
+
PreviewDialog,
|
|
5
|
+
PreviewLoading,
|
|
6
|
+
PreviewNotice,
|
|
7
|
+
PreviewStage
|
|
8
|
+
} from "../chunk-2TKLS73N.js";
|
|
9
|
+
import "../chunk-JTI4244T.js";
|
|
10
|
+
import "../chunk-4HWCNRK4.js";
|
|
11
|
+
import "../chunk-3QT5VYZ3.js";
|
|
12
|
+
import "../chunk-KN4RPX35.js";
|
|
13
|
+
import "../chunk-HQRWRRZJ.js";
|
|
14
|
+
import "../chunk-G6SRSWXB.js";
|
|
15
|
+
|
|
16
|
+
// src/primitives/document-preview.tsx
|
|
17
|
+
import { FileWarning } from "lucide-react";
|
|
18
|
+
import { jsx } from "react/jsx-runtime";
|
|
19
|
+
function DocumentPreview({
|
|
20
|
+
open,
|
|
21
|
+
onOpenChange,
|
|
22
|
+
title,
|
|
23
|
+
src,
|
|
24
|
+
loading = false,
|
|
25
|
+
error,
|
|
26
|
+
onDownload,
|
|
27
|
+
downloading = false,
|
|
28
|
+
downloadLabel = "Download document",
|
|
29
|
+
fallback
|
|
30
|
+
}) {
|
|
31
|
+
return /* @__PURE__ */ jsx(
|
|
32
|
+
PreviewDialog,
|
|
33
|
+
{
|
|
34
|
+
open,
|
|
35
|
+
onOpenChange,
|
|
36
|
+
title,
|
|
37
|
+
onDownload,
|
|
38
|
+
downloading,
|
|
39
|
+
downloadLabel,
|
|
40
|
+
children: /* @__PURE__ */ jsx(PreviewStage, { children: loading ? /* @__PURE__ */ jsx(PreviewLoading, { label: "Loading preview\u2026" }) : error ? /* @__PURE__ */ jsx(PreviewNotice, { icon: FileWarning, alert: true, message: error, children: fallback }) : src ? /* @__PURE__ */ jsx(
|
|
41
|
+
"iframe",
|
|
42
|
+
{
|
|
43
|
+
src,
|
|
44
|
+
title: `Preview of ${title}`,
|
|
45
|
+
referrerPolicy: "no-referrer",
|
|
46
|
+
className: "h-full w-full border-0 bg-background"
|
|
47
|
+
}
|
|
48
|
+
) : fallback ?? /* @__PURE__ */ jsx("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "Preview unavailable." }) })
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
export {
|
|
53
|
+
DocumentPreview
|
|
54
|
+
};
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
var _chunkW5I4FN7Gcjs = require('../chunk-W5I4FN7G.cjs');
|
|
5
|
-
require('../chunk-EJP2L5QV.cjs');
|
|
6
5
|
|
|
7
6
|
|
|
8
7
|
var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
|
|
@@ -12,6 +11,7 @@ var _chunkPQUSJEXLcjs = require('../chunk-PQUSJEXL.cjs');
|
|
|
12
11
|
|
|
13
12
|
|
|
14
13
|
var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
|
|
14
|
+
require('../chunk-EJP2L5QV.cjs');
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import {
|
|
3
3
|
SentimentDot
|
|
4
4
|
} from "../chunk-YWAQRAXP.js";
|
|
5
|
-
import "../chunk-F7JHSZNT.js";
|
|
6
5
|
import {
|
|
7
6
|
Text
|
|
8
7
|
} from "../chunk-EIY5LLSP.js";
|
|
@@ -12,6 +11,7 @@ import {
|
|
|
12
11
|
import {
|
|
13
12
|
Button
|
|
14
13
|
} from "../chunk-HQRWRRZJ.js";
|
|
14
|
+
import "../chunk-F7JHSZNT.js";
|
|
15
15
|
import {
|
|
16
16
|
cn
|
|
17
17
|
} from "../chunk-G6SRSWXB.js";
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
9
|
-
require('../chunk-U2NES7VR.cjs');
|
|
8
|
+
var _chunkKADJ56AHcjs = require('../chunk-KADJ56AH.cjs');
|
|
10
9
|
require('../chunk-373W6VAD.cjs');
|
|
10
|
+
require('../chunk-U2NES7VR.cjs');
|
|
11
11
|
require('../chunk-L4DH72UF.cjs');
|
|
12
12
|
require('../chunk-KWLSBTB2.cjs');
|
|
13
13
|
|
|
@@ -15,4 +15,4 @@ require('../chunk-KWLSBTB2.cjs');
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
exports.FileDropArea =
|
|
18
|
+
exports.FileDropArea = _chunkKADJ56AHcjs.FileDropArea; exports.FileDropzone = _chunkKADJ56AHcjs.FileDropzone; exports.installFileDropGuard = _chunkKADJ56AHcjs.installFileDropGuard; exports.useFileDropGuard = _chunkKADJ56AHcjs.useFileDropGuard;
|
|
@@ -5,9 +5,9 @@ import {
|
|
|
5
5
|
FileDropzone,
|
|
6
6
|
installFileDropGuard,
|
|
7
7
|
useFileDropGuard
|
|
8
|
-
} from "../chunk-
|
|
9
|
-
import "../chunk-ZRLUUZHK.js";
|
|
8
|
+
} from "../chunk-M7FYGAGO.js";
|
|
10
9
|
import "../chunk-EIY5LLSP.js";
|
|
10
|
+
import "../chunk-ZRLUUZHK.js";
|
|
11
11
|
import "../chunk-HQRWRRZJ.js";
|
|
12
12
|
import "../chunk-G6SRSWXB.js";
|
|
13
13
|
export {
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
var _chunkGRY77463cjs = require('../chunk-GRY77463.cjs');
|
|
9
|
+
require('../chunk-BTHYGHOH.cjs');
|
|
10
|
+
require('../chunk-2BHI5ZWJ.cjs');
|
|
11
|
+
require('../chunk-WDXEJDMO.cjs');
|
|
12
|
+
require('../chunk-T2ZFSPE4.cjs');
|
|
13
|
+
require('../chunk-L4DH72UF.cjs');
|
|
14
|
+
require('../chunk-KWLSBTB2.cjs');
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
exports.PreviewDialog = _chunkGRY77463cjs.PreviewDialog; exports.PreviewLoading = _chunkGRY77463cjs.PreviewLoading; exports.PreviewNotice = _chunkGRY77463cjs.PreviewNotice; exports.PreviewStage = _chunkGRY77463cjs.PreviewStage;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { LucideIcon } from 'lucide-react';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
4
|
+
|
|
5
|
+
interface PreviewDialogProps {
|
|
6
|
+
open: boolean;
|
|
7
|
+
onOpenChange: (open: boolean) => void;
|
|
8
|
+
title: string;
|
|
9
|
+
onDownload?: () => void;
|
|
10
|
+
downloading: boolean;
|
|
11
|
+
downloadLabel: string;
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* The kit's large preview dialog on desktop and its near-full-height drawer
|
|
16
|
+
* on mobile, with the file's name, a download action when there is one, and
|
|
17
|
+
* a close button in the header.
|
|
18
|
+
*/
|
|
19
|
+
declare function PreviewDialog({ open, onOpenChange, title, onDownload, downloading, downloadLabel, children, }: PreviewDialogProps): react_jsx_runtime.JSX.Element;
|
|
20
|
+
/**
|
|
21
|
+
* The area under the header. `center` holds one thing in the middle (a
|
|
22
|
+
* frame, an image, a player, a message); `scroll` is a page of text that
|
|
23
|
+
* scrolls inside the dialog, a named region that takes focus so the keyboard
|
|
24
|
+
* can scroll it too.
|
|
25
|
+
*/
|
|
26
|
+
declare function PreviewStage({ layout, label, children, }: {
|
|
27
|
+
layout?: "center" | "scroll";
|
|
28
|
+
/** The scrolling region's accessible name. */
|
|
29
|
+
label?: string;
|
|
30
|
+
children: ReactNode;
|
|
31
|
+
}): react_jsx_runtime.JSX.Element;
|
|
32
|
+
declare function PreviewLoading({ label }: {
|
|
33
|
+
label: string;
|
|
34
|
+
}): react_jsx_runtime.JSX.Element;
|
|
35
|
+
/** A message in place of the preview: why there is none, with what to do instead under it. */
|
|
36
|
+
declare function PreviewNotice({ icon, alert, message, children, }: {
|
|
37
|
+
icon: LucideIcon;
|
|
38
|
+
/** Announce it: the preview failed. */
|
|
39
|
+
alert?: boolean;
|
|
40
|
+
message: ReactNode;
|
|
41
|
+
children?: ReactNode;
|
|
42
|
+
}): react_jsx_runtime.JSX.Element;
|
|
43
|
+
|
|
44
|
+
export { PreviewDialog, type PreviewDialogProps, PreviewLoading, PreviewNotice, PreviewStage };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { LucideIcon } from 'lucide-react';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
4
|
+
|
|
5
|
+
interface PreviewDialogProps {
|
|
6
|
+
open: boolean;
|
|
7
|
+
onOpenChange: (open: boolean) => void;
|
|
8
|
+
title: string;
|
|
9
|
+
onDownload?: () => void;
|
|
10
|
+
downloading: boolean;
|
|
11
|
+
downloadLabel: string;
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* The kit's large preview dialog on desktop and its near-full-height drawer
|
|
16
|
+
* on mobile, with the file's name, a download action when there is one, and
|
|
17
|
+
* a close button in the header.
|
|
18
|
+
*/
|
|
19
|
+
declare function PreviewDialog({ open, onOpenChange, title, onDownload, downloading, downloadLabel, children, }: PreviewDialogProps): react_jsx_runtime.JSX.Element;
|
|
20
|
+
/**
|
|
21
|
+
* The area under the header. `center` holds one thing in the middle (a
|
|
22
|
+
* frame, an image, a player, a message); `scroll` is a page of text that
|
|
23
|
+
* scrolls inside the dialog, a named region that takes focus so the keyboard
|
|
24
|
+
* can scroll it too.
|
|
25
|
+
*/
|
|
26
|
+
declare function PreviewStage({ layout, label, children, }: {
|
|
27
|
+
layout?: "center" | "scroll";
|
|
28
|
+
/** The scrolling region's accessible name. */
|
|
29
|
+
label?: string;
|
|
30
|
+
children: ReactNode;
|
|
31
|
+
}): react_jsx_runtime.JSX.Element;
|
|
32
|
+
declare function PreviewLoading({ label }: {
|
|
33
|
+
label: string;
|
|
34
|
+
}): react_jsx_runtime.JSX.Element;
|
|
35
|
+
/** A message in place of the preview: why there is none, with what to do instead under it. */
|
|
36
|
+
declare function PreviewNotice({ icon, alert, message, children, }: {
|
|
37
|
+
icon: LucideIcon;
|
|
38
|
+
/** Announce it: the preview failed. */
|
|
39
|
+
alert?: boolean;
|
|
40
|
+
message: ReactNode;
|
|
41
|
+
children?: ReactNode;
|
|
42
|
+
}): react_jsx_runtime.JSX.Element;
|
|
43
|
+
|
|
44
|
+
export { PreviewDialog, type PreviewDialogProps, PreviewLoading, PreviewNotice, PreviewStage };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
import {
|
|
4
|
+
PreviewDialog,
|
|
5
|
+
PreviewLoading,
|
|
6
|
+
PreviewNotice,
|
|
7
|
+
PreviewStage
|
|
8
|
+
} from "../chunk-2TKLS73N.js";
|
|
9
|
+
import "../chunk-JTI4244T.js";
|
|
10
|
+
import "../chunk-4HWCNRK4.js";
|
|
11
|
+
import "../chunk-3QT5VYZ3.js";
|
|
12
|
+
import "../chunk-KN4RPX35.js";
|
|
13
|
+
import "../chunk-HQRWRRZJ.js";
|
|
14
|
+
import "../chunk-G6SRSWXB.js";
|
|
15
|
+
export {
|
|
16
|
+
PreviewDialog,
|
|
17
|
+
PreviewLoading,
|
|
18
|
+
PreviewNotice,
|
|
19
|
+
PreviewStage
|
|
20
|
+
};
|