@epicbagel/saas-kit 1.2.3 → 1.4.0

package/dist/primitives/field.cjs

@@ -1,255 +1,22 @@
-"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";
 "use client";
 
 
-var _chunkNQK5ZWC7cjs = require('../chunk-NQK5ZWC7.cjs');
 
 
-var _chunkIQZLUT2Ycjs = require('../chunk-IQZLUT2Y.cjs');
 
 
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
 
-// src/primitives/field.tsx
-var _react = require('react');
-var _classvarianceauthority = require('class-variance-authority');
-var _jsxruntime = require('react/jsx-runtime');
-function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "fieldset",
-    {
-      "data-slot": "field-set",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "flex flex-col gap-6",
-        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldLegend({
-  className,
-  variant = "legend",
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "legend",
-    {
-      "data-slot": "field-legend",
-      "data-variant": variant,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "mb-3 font-medium",
-        "data-[variant=legend]:text-base",
-        "data-[variant=label]:text-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "field-group",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var fieldVariants = _classvarianceauthority.cva.call(void 0, 
-  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
-  {
-    variants: {
-      orientation: {
-        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-        horizontal: [
-          "flex-row items-center",
-          "[&>[data-slot=field-label]]:flex-auto",
-          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-        ],
-        responsive: [
-          "flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
-          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-        ]
-      }
-    },
-    defaultVariants: { orientation: "vertical" }
-  }
-);
-function Field({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      role: "group",
-      "data-slot": "field",
-      "data-orientation": orientation,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, fieldVariants({ orientation }), className),
-      ...props
-    }
-  );
-}
-function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "field-content",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkIQZLUT2Ycjs.Label,
-    {
-      "data-slot": "field-label",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
-        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
-        "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "field-label",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "p",
-    {
-      "data-slot": "field-description",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance",
-        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
-        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldSeparator({
-  children,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      "data-slot": "field-separator",
-      "data-content": !!children,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNQK5ZWC7cjs.Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "span",
-          {
-            className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
-            "data-slot": "field-separator-content",
-            children
-          }
-        )
-      ]
-    }
-  );
-}
-function FieldError({
-  className,
-  children,
-  errors,
-  ...props
-}) {
-  const content = _react.useMemo.call(void 0, () => {
-    if (children) return children;
-    if (!_optionalChain([errors, 'optionalAccess', _ => _.length])) return null;
-    const uniqueErrors = [
-      ...new Map(errors.map((error) => [_optionalChain([error, 'optionalAccess', _2 => _2.message]), error])).values()
-    ];
-    if (uniqueErrors.length === 1) return _optionalChain([uniqueErrors, 'access', _3 => _3[0], 'optionalAccess', _4 => _4.message]);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => _optionalChain([error, 'optionalAccess', _5 => _5.message]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: error.message }, index)
-    ) });
-  }, [children, errors]);
-  if (!content) return null;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      role: "alert",
-      "data-slot": "field-error",
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, "text-sm font-normal text-destructive", className),
-      ...props,
-      children: content
-    }
-  );
-}
-function FormField({
-  label,
-  htmlFor,
-  actions,
-  description,
-  children,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "space-y-1.5", className), ...props, children: [
-    (label || actions) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-2", children: [
-      typeof label === "string" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIQZLUT2Ycjs.Label, { htmlFor, children: label }) : label,
-      actions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-1", children: actions })
-    ] }),
-    children,
-    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm leading-relaxed text-muted-foreground", children: description })
-  ] });
-}
-var columnStyles = {
-  1: "grid-cols-1",
-  2: "grid-cols-1 sm:grid-cols-2",
-  3: "grid-cols-1 sm:grid-cols-3"
-};
-function FieldGrid({ columns = 2, gap = "default", className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, "grid", gap === "default" ? "gap-4" : "gap-8", columnStyles[columns], className),
-      ...props
-    }
-  );
-}
 
 
 
 
 
 
+var _chunkZJFYOXSMcjs = require('../chunk-ZJFYOXSM.cjs');
+require('../chunk-NQK5ZWC7.cjs');
+require('../chunk-IQZLUT2Y.cjs');
+require('../chunk-KWLSBTB2.cjs');
 
 
 
@@ -257,4 +24,10 @@ function FieldGrid({ columns = 2, gap = "default", className, ...props }) {
 
 
 
-exports.Field = Field; exports.FieldContent = FieldContent; exports.FieldDescription = FieldDescription; exports.FieldError = FieldError; exports.FieldGrid = FieldGrid; exports.FieldGroup = FieldGroup; exports.FieldLabel = FieldLabel; exports.FieldLegend = FieldLegend; exports.FieldSeparator = FieldSeparator; exports.FieldSet = FieldSet; exports.FieldTitle = FieldTitle; exports.FormField = FormField;
+
+
+
+
+
+
+exports.Field = _chunkZJFYOXSMcjs.Field; exports.FieldContent = _chunkZJFYOXSMcjs.FieldContent; exports.FieldDescription = _chunkZJFYOXSMcjs.FieldDescription; exports.FieldError = _chunkZJFYOXSMcjs.FieldError; exports.FieldGrid = _chunkZJFYOXSMcjs.FieldGrid; exports.FieldGroup = _chunkZJFYOXSMcjs.FieldGroup; exports.FieldLabel = _chunkZJFYOXSMcjs.FieldLabel; exports.FieldLegend = _chunkZJFYOXSMcjs.FieldLegend; exports.FieldSeparator = _chunkZJFYOXSMcjs.FieldSeparator; exports.FieldSet = _chunkZJFYOXSMcjs.FieldSet; exports.FieldTitle = _chunkZJFYOXSMcjs.FieldTitle; exports.FormField = _chunkZJFYOXSMcjs.FormField;

package/dist/primitives/field.js

@@ -1,249 +1,22 @@
 "use client";
 "use client";
 import {
-  Separator
-} from "../chunk-HYTILYE5.js";
-import {
-  Label
-} from "../chunk-E2TQMDO7.js";
-import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/field.tsx
-import { useMemo } from "react";
-import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "fieldset",
-    {
-      "data-slot": "field-set",
-      className: cn(
-        "flex flex-col gap-6",
-        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldLegend({
-  className,
-  variant = "legend",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "legend",
-    {
-      "data-slot": "field-legend",
-      "data-variant": variant,
-      className: cn(
-        "mb-3 font-medium",
-        "data-[variant=legend]:text-base",
-        "data-[variant=label]:text-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "field-group",
-      className: cn(
-        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var fieldVariants = cva(
-  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
-  {
-    variants: {
-      orientation: {
-        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-        horizontal: [
-          "flex-row items-center",
-          "[&>[data-slot=field-label]]:flex-auto",
-          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-        ],
-        responsive: [
-          "flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
-          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-        ]
-      }
-    },
-    defaultVariants: { orientation: "vertical" }
-  }
-);
-function Field({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "group",
-      "data-slot": "field",
-      "data-orientation": orientation,
-      className: cn(fieldVariants({ orientation }), className),
-      ...props
-    }
-  );
-}
-function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "field-content",
-      className: cn(
-        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Label,
-    {
-      "data-slot": "field-label",
-      className: cn(
-        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
-        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
-        "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "field-label",
-      className: cn(
-        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      "data-slot": "field-description",
-      className: cn(
-        "text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance",
-        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
-        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function FieldSeparator({
-  children,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "field-separator",
-      "data-content": !!children,
-      className: cn(
-        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
-            "data-slot": "field-separator-content",
-            children
-          }
-        )
-      ]
-    }
-  );
-}
-function FieldError({
-  className,
-  children,
-  errors,
-  ...props
-}) {
-  const content = useMemo(() => {
-    if (children) return children;
-    if (!errors?.length) return null;
-    const uniqueErrors = [
-      ...new Map(errors.map((error) => [error?.message, error])).values()
-    ];
-    if (uniqueErrors.length === 1) return uniqueErrors[0]?.message;
-    return /* @__PURE__ */ jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index)
-    ) });
-  }, [children, errors]);
-  if (!content) return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "alert",
-      "data-slot": "field-error",
-      className: cn("text-sm font-normal text-destructive", className),
-      ...props,
-      children: content
-    }
-  );
-}
-function FormField({
-  label,
-  htmlFor,
-  actions,
-  description,
-  children,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-1.5", className), ...props, children: [
-    (label || actions) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      typeof label === "string" ? /* @__PURE__ */ jsx(Label, { htmlFor, children: label }) : label,
-      actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions })
-    ] }),
-    children,
-    description && /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: description })
-  ] });
-}
-var columnStyles = {
-  1: "grid-cols-1",
-  2: "grid-cols-1 sm:grid-cols-2",
-  3: "grid-cols-1 sm:grid-cols-3"
-};
-function FieldGrid({ columns = 2, gap = "default", className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("grid", gap === "default" ? "gap-4" : "gap-8", columnStyles[columns], className),
-      ...props
-    }
-  );
-}
+  Field,
+  FieldContent,
+  FieldDescription,
+  FieldError,
+  FieldGrid,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldTitle,
+  FormField
+} from "../chunk-TWCJMFST.js";
+import "../chunk-HYTILYE5.js";
+import "../chunk-E2TQMDO7.js";
+import "../chunk-G6SRSWXB.js";
 export {
   Field,
   FieldContent,

package/dist/primitives/file-dropzone.cjs

@@ -5,9 +5,9 @@
 
 
 
-var _chunk6OTAGP2Icjs = require('../chunk-6OTAGP2I.cjs');
-require('../chunk-U2NES7VR.cjs');
+var _chunkKADJ56AHcjs = require('../chunk-KADJ56AH.cjs');
 require('../chunk-373W6VAD.cjs');
+require('../chunk-U2NES7VR.cjs');
 require('../chunk-L4DH72UF.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
@@ -15,4 +15,4 @@ require('../chunk-KWLSBTB2.cjs');
 
 
 
-exports.FileDropArea = _chunk6OTAGP2Icjs.FileDropArea; exports.FileDropzone = _chunk6OTAGP2Icjs.FileDropzone; exports.installFileDropGuard = _chunk6OTAGP2Icjs.installFileDropGuard; exports.useFileDropGuard = _chunk6OTAGP2Icjs.useFileDropGuard;
+exports.FileDropArea = _chunkKADJ56AHcjs.FileDropArea; exports.FileDropzone = _chunkKADJ56AHcjs.FileDropzone; exports.installFileDropGuard = _chunkKADJ56AHcjs.installFileDropGuard; exports.useFileDropGuard = _chunkKADJ56AHcjs.useFileDropGuard;

package/dist/primitives/file-dropzone.js

@@ -5,9 +5,9 @@ import {
   FileDropzone,
   installFileDropGuard,
   useFileDropGuard
-} from "../chunk-EHKMVJ6O.js";
-import "../chunk-ZRLUUZHK.js";
+} from "../chunk-M7FYGAGO.js";
 import "../chunk-EIY5LLSP.js";
+import "../chunk-ZRLUUZHK.js";
 import "../chunk-HQRWRRZJ.js";
 import "../chunk-G6SRSWXB.js";
 export {

package/dist/primitives/file-preview-internals.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+
+
+
+var _chunkGRY77463cjs = require('../chunk-GRY77463.cjs');
+require('../chunk-BTHYGHOH.cjs');
+require('../chunk-2BHI5ZWJ.cjs');
+require('../chunk-WDXEJDMO.cjs');
+require('../chunk-T2ZFSPE4.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+
+exports.PreviewDialog = _chunkGRY77463cjs.PreviewDialog; exports.PreviewLoading = _chunkGRY77463cjs.PreviewLoading; exports.PreviewNotice = _chunkGRY77463cjs.PreviewNotice; exports.PreviewStage = _chunkGRY77463cjs.PreviewStage;

package/dist/primitives/file-preview-internals.d.cts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+import { ReactNode } from 'react';
+
+interface PreviewDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    onDownload?: () => void;
+    downloading: boolean;
+    downloadLabel: string;
+    children: ReactNode;
+}
+/**
+ * The kit's large preview dialog on desktop and its near-full-height drawer
+ * on mobile, with the file's name, a download action when there is one, and
+ * a close button in the header.
+ */
+declare function PreviewDialog({ open, onOpenChange, title, onDownload, downloading, downloadLabel, children, }: PreviewDialogProps): react_jsx_runtime.JSX.Element;
+/**
+ * The area under the header. `center` holds one thing in the middle (a
+ * frame, an image, a player, a message); `scroll` is a page of text that
+ * scrolls inside the dialog, a named region that takes focus so the keyboard
+ * can scroll it too.
+ */
+declare function PreviewStage({ layout, label, children, }: {
+    layout?: "center" | "scroll";
+    /** The scrolling region's accessible name. */
+    label?: string;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function PreviewLoading({ label }: {
+    label: string;
+}): react_jsx_runtime.JSX.Element;
+/** A message in place of the preview: why there is none, with what to do instead under it. */
+declare function PreviewNotice({ icon, alert, message, children, }: {
+    icon: LucideIcon;
+    /** Announce it: the preview failed. */
+    alert?: boolean;
+    message: ReactNode;
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { PreviewDialog, type PreviewDialogProps, PreviewLoading, PreviewNotice, PreviewStage };

package/dist/primitives/file-preview-internals.d.ts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+import { ReactNode } from 'react';
+
+interface PreviewDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    onDownload?: () => void;
+    downloading: boolean;
+    downloadLabel: string;
+    children: ReactNode;
+}
+/**
+ * The kit's large preview dialog on desktop and its near-full-height drawer
+ * on mobile, with the file's name, a download action when there is one, and
+ * a close button in the header.
+ */
+declare function PreviewDialog({ open, onOpenChange, title, onDownload, downloading, downloadLabel, children, }: PreviewDialogProps): react_jsx_runtime.JSX.Element;
+/**
+ * The area under the header. `center` holds one thing in the middle (a
+ * frame, an image, a player, a message); `scroll` is a page of text that
+ * scrolls inside the dialog, a named region that takes focus so the keyboard
+ * can scroll it too.
+ */
+declare function PreviewStage({ layout, label, children, }: {
+    layout?: "center" | "scroll";
+    /** The scrolling region's accessible name. */
+    label?: string;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function PreviewLoading({ label }: {
+    label: string;
+}): react_jsx_runtime.JSX.Element;
+/** A message in place of the preview: why there is none, with what to do instead under it. */
+declare function PreviewNotice({ icon, alert, message, children, }: {
+    icon: LucideIcon;
+    /** Announce it: the preview failed. */
+    alert?: boolean;
+    message: ReactNode;
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { PreviewDialog, type PreviewDialogProps, PreviewLoading, PreviewNotice, PreviewStage };