@epicbagel/saas-kit 1.32.0 → 1.34.0

package/dist/primitives/context-bar.cjs

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/context-bar.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var TONES = {
+  /** Inverted/solid — the strongest "you are in a special mode" signal (preview, impersonation). */
+  dark: "bg-foreground text-background",
+  /** Quiet, in-flow notice. */
+  muted: "bg-muted text-muted-foreground",
+  /** Caution — staging, destructive context, "this is live data". */
+  warning: "bg-amber-500 text-black",
+  /** Branded/informational. */
+  info: "bg-primary text-primary-foreground"
+};
+function ContextBar({
+  label,
+  icon,
+  children,
+  actions,
+  tone = "dark",
+  sticky = false,
+  frosted = false,
+  className,
+  maxWidth
+}) {
+  const frostedMuted = frosted && tone === "muted";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "context-bar",
+      "data-frosted-surface": frostedMuted ? "muted" : void 0,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "w-full", frostedMuted ? "text-foreground" : TONES[tone], sticky && "sticky top-0 z-40", className),
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+            "mx-auto flex w-full items-center gap-x-3 gap-y-2 px-4 py-3 sm:px-6",
+            maxWidth
+          ),
+          children: [
+            icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex shrink-0 items-center opacity-80 [&_svg]:size-4", children: icon }),
+            label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 font-mono text-xs font-medium uppercase tracking-[0.2em]", children: label }),
+            children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "min-w-0 flex-1 truncate text-sm", !frostedMuted && "opacity-90"), children }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1" }),
+            actions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex shrink-0 items-center gap-2", children: actions })
+          ]
+        }
+      )
+    }
+  );
+}
+
+
+exports.ContextBar = ContextBar;

package/dist/primitives/context-bar.d.cts

@@ -0,0 +1,50 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare const TONES: {
+    /** Inverted/solid — the strongest "you are in a special mode" signal (preview, impersonation). */
+    readonly dark: "bg-foreground text-background";
+    /** Quiet, in-flow notice. */
+    readonly muted: "bg-muted text-muted-foreground";
+    /** Caution — staging, destructive context, "this is live data". */
+    readonly warning: "bg-amber-500 text-black";
+    /** Branded/informational. */
+    readonly info: "bg-primary text-primary-foreground";
+};
+interface ContextBarProps {
+    /**
+     * Short tag rendered in mono uppercase, e.g. `"Preview"`, `"Staging"`, `"Viewing as"`. The "what
+     * mode is this" label.
+     */
+    label?: ReactNode;
+    /** Leading icon (sized to 1rem). */
+    icon?: ReactNode;
+    /** The message — a sentence explaining the context. */
+    children?: ReactNode;
+    /** Right-aligned controls — a toggle, a button, a dismiss. */
+    actions?: ReactNode;
+    /** Visual tone. Default `"dark"` (inverted). */
+    tone?: keyof typeof TONES;
+    /** Pin to the top of the scroll container. Default `false`. */
+    sticky?: boolean;
+    /** Blurred translucent muted tone; warning, info and dark tones stay solid for contrast. */
+    frosted?: boolean;
+    className?: string;
+    /** Constrain the inner row to a max width (else full-bleed). e.g. `"max-w-5xl"`. */
+    maxWidth?: string;
+}
+/**
+ * A full-width bar that announces the **current mode/context** of a view — a preview, an
+ * impersonation session, a staging environment, a draft — with an optional label, message, and
+ * right-aligned actions. App-agnostic: the booking preview is one use; "Viewing as {user}",
+ * "Staging — not real data", and "Draft — unpublished" are others.
+ *
+ * ```tsx
+ * <ContextBar tone="dark" icon={<Eye />} label="Preview" actions={<CopyButton … />}>
+ *   This is exactly what your recipient sees — nothing is booked here.
+ * </ContextBar>
+ * ```
+ */
+declare function ContextBar({ label, icon, children, actions, tone, sticky, frosted, className, maxWidth, }: ContextBarProps): react_jsx_runtime.JSX.Element;
+
+export { ContextBar, type ContextBarProps };

package/dist/primitives/context-bar.d.ts

@@ -0,0 +1,50 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare const TONES: {
+    /** Inverted/solid — the strongest "you are in a special mode" signal (preview, impersonation). */
+    readonly dark: "bg-foreground text-background";
+    /** Quiet, in-flow notice. */
+    readonly muted: "bg-muted text-muted-foreground";
+    /** Caution — staging, destructive context, "this is live data". */
+    readonly warning: "bg-amber-500 text-black";
+    /** Branded/informational. */
+    readonly info: "bg-primary text-primary-foreground";
+};
+interface ContextBarProps {
+    /**
+     * Short tag rendered in mono uppercase, e.g. `"Preview"`, `"Staging"`, `"Viewing as"`. The "what
+     * mode is this" label.
+     */
+    label?: ReactNode;
+    /** Leading icon (sized to 1rem). */
+    icon?: ReactNode;
+    /** The message — a sentence explaining the context. */
+    children?: ReactNode;
+    /** Right-aligned controls — a toggle, a button, a dismiss. */
+    actions?: ReactNode;
+    /** Visual tone. Default `"dark"` (inverted). */
+    tone?: keyof typeof TONES;
+    /** Pin to the top of the scroll container. Default `false`. */
+    sticky?: boolean;
+    /** Blurred translucent muted tone; warning, info and dark tones stay solid for contrast. */
+    frosted?: boolean;
+    className?: string;
+    /** Constrain the inner row to a max width (else full-bleed). e.g. `"max-w-5xl"`. */
+    maxWidth?: string;
+}
+/**
+ * A full-width bar that announces the **current mode/context** of a view — a preview, an
+ * impersonation session, a staging environment, a draft — with an optional label, message, and
+ * right-aligned actions. App-agnostic: the booking preview is one use; "Viewing as {user}",
+ * "Staging — not real data", and "Draft — unpublished" are others.
+ *
+ * ```tsx
+ * <ContextBar tone="dark" icon={<Eye />} label="Preview" actions={<CopyButton … />}>
+ *   This is exactly what your recipient sees — nothing is booked here.
+ * </ContextBar>
+ * ```
+ */
+declare function ContextBar({ label, icon, children, actions, tone, sticky, frosted, className, maxWidth, }: ContextBarProps): react_jsx_runtime.JSX.Element;
+
+export { ContextBar, type ContextBarProps };

package/dist/primitives/context-bar.js

@@ -0,0 +1,57 @@
+"use client";
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/context-bar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TONES = {
+  /** Inverted/solid — the strongest "you are in a special mode" signal (preview, impersonation). */
+  dark: "bg-foreground text-background",
+  /** Quiet, in-flow notice. */
+  muted: "bg-muted text-muted-foreground",
+  /** Caution — staging, destructive context, "this is live data". */
+  warning: "bg-amber-500 text-black",
+  /** Branded/informational. */
+  info: "bg-primary text-primary-foreground"
+};
+function ContextBar({
+  label,
+  icon,
+  children,
+  actions,
+  tone = "dark",
+  sticky = false,
+  frosted = false,
+  className,
+  maxWidth
+}) {
+  const frostedMuted = frosted && tone === "muted";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "context-bar",
+      "data-frosted-surface": frostedMuted ? "muted" : void 0,
+      className: cn("w-full", frostedMuted ? "text-foreground" : TONES[tone], sticky && "sticky top-0 z-40", className),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "mx-auto flex w-full items-center gap-x-3 gap-y-2 px-4 py-3 sm:px-6",
+            maxWidth
+          ),
+          children: [
+            icon && /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center opacity-80 [&_svg]:size-4", children: icon }),
+            label && /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-xs font-medium uppercase tracking-[0.2em]", children: label }),
+            children ? /* @__PURE__ */ jsx("span", { className: cn("min-w-0 flex-1 truncate text-sm", !frostedMuted && "opacity-90"), children }) : /* @__PURE__ */ jsx("span", { className: "flex-1" }),
+            actions && /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center gap-2", children: actions })
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  ContextBar
+};

package/dist/primitives/cycling-prompt.cjs

@@ -0,0 +1,102 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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 client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/cycling-prompt.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var TYPE_MS = 45;
+var DELETE_MS = 22;
+var HOLD_MS = 1800;
+function CyclingPrompt({
+  prompts,
+  className
+}) {
+  const [idx, setIdx] = _react.useState.call(void 0, 0);
+  const [text, setText] = _react.useState.call(void 0, "");
+  const [phase, setPhase] = _react.useState.call(void 0, 
+    "typing"
+  );
+  const [reducedMotion, setReducedMotion] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (typeof window === "undefined") return;
+    const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setReducedMotion(mq.matches);
+    const onChange = () => setReducedMotion(mq.matches);
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    if (reducedMotion || prompts.length === 0) return;
+    const current = _nullishCoalesce(prompts[idx], () => ( ""));
+    if (phase === "typing") {
+      if (text.length < current.length) {
+        const t2 = setTimeout(
+          () => setText(current.slice(0, text.length + 1)),
+          TYPE_MS
+        );
+        return () => clearTimeout(t2);
+      }
+      const t = setTimeout(() => setPhase("deleting"), HOLD_MS);
+      return () => clearTimeout(t);
+    }
+    if (phase === "deleting") {
+      if (text.length > 0) {
+        const t = setTimeout(() => setText(text.slice(0, -1)), DELETE_MS);
+        return () => clearTimeout(t);
+      }
+      setIdx((i) => (i + 1) % prompts.length);
+      setPhase("typing");
+    }
+  }, [text, phase, idx, reducedMotion, prompts]);
+  const display = reducedMotion ? _nullishCoalesce(prompts[0], () => ( "")) : text;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "inline-flex items-baseline", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: display }),
+    !reducedMotion && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        "aria-hidden": true,
+        className: "ml-0.5 inline-block h-[1em] w-[2px] translate-y-[0.15em] animate-pulse bg-current"
+      }
+    )
+  ] });
+}
+function TypewriterText({
+  text,
+  active = true,
+  speedMs = 24,
+  onComplete,
+  className
+}) {
+  const [length, setLength] = _react.useState.call(void 0, active ? 0 : text.length);
+  const completed = _react.useRef.call(void 0, false);
+  const onCompleteRef = _react.useRef.call(void 0, onComplete);
+  _react.useEffect.call(void 0, () => {
+    onCompleteRef.current = onComplete;
+  }, [onComplete]);
+  _react.useEffect.call(void 0, () => {
+    setLength(active ? 0 : text.length);
+    completed.current = false;
+  }, [active, text]);
+  _react.useEffect.call(void 0, () => {
+    if (!active || length >= text.length) {
+      if (length >= text.length && !completed.current) {
+        completed.current = true;
+        _optionalChain([onCompleteRef, 'access', _ => _.current, 'optionalCall', _2 => _2()]);
+      }
+      return;
+    }
+    const timer = window.setTimeout(() => setLength((value) => value + 1), speedMs);
+    return () => window.clearTimeout(timer);
+  }, [active, length, speedMs, text.length]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "whitespace-pre-wrap", className), "aria-label": text, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": true, children: text.slice(0, length) }),
+    active && length < text.length && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": true, className: "ml-0.5 inline-block h-[1em] w-px animate-pulse bg-current motion-reduce:hidden" })
+  ] });
+}
+
+
+
+exports.CyclingPrompt = CyclingPrompt; exports.TypewriterText = TypewriterText;

package/dist/primitives/cycling-prompt.d.cts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * CyclingPrompt — typewriter caption that types, holds, deletes, and
+ * advances through a list of phrases. Pure useEffect state machine.
+ * Honors prefers-reduced-motion by showing the first phrase statically.
+ *
+ * Phrases are caller-supplied so each app shows its own examples.
+ */
+declare function CyclingPrompt({ prompts, className, }: {
+    prompts: string[];
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+interface TypewriterTextProps {
+    text: string;
+    active?: boolean;
+    speedMs?: number;
+    onComplete?: () => void;
+    className?: string;
+}
+/** One-shot, accessible typewriter text for guided product demonstrations. */
+declare function TypewriterText({ text, active, speedMs, onComplete, className, }: TypewriterTextProps): react_jsx_runtime.JSX.Element;
+
+export { CyclingPrompt, TypewriterText, type TypewriterTextProps };

package/dist/primitives/cycling-prompt.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * CyclingPrompt — typewriter caption that types, holds, deletes, and
+ * advances through a list of phrases. Pure useEffect state machine.
+ * Honors prefers-reduced-motion by showing the first phrase statically.
+ *
+ * Phrases are caller-supplied so each app shows its own examples.
+ */
+declare function CyclingPrompt({ prompts, className, }: {
+    prompts: string[];
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+interface TypewriterTextProps {
+    text: string;
+    active?: boolean;
+    speedMs?: number;
+    onComplete?: () => void;
+    className?: string;
+}
+/** One-shot, accessible typewriter text for guided product demonstrations. */
+declare function TypewriterText({ text, active, speedMs, onComplete, className, }: TypewriterTextProps): react_jsx_runtime.JSX.Element;
+
+export { CyclingPrompt, TypewriterText, type TypewriterTextProps };

package/dist/primitives/cycling-prompt.js

@@ -0,0 +1,102 @@
+"use client";
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/cycling-prompt.tsx
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TYPE_MS = 45;
+var DELETE_MS = 22;
+var HOLD_MS = 1800;
+function CyclingPrompt({
+  prompts,
+  className
+}) {
+  const [idx, setIdx] = useState(0);
+  const [text, setText] = useState("");
+  const [phase, setPhase] = useState(
+    "typing"
+  );
+  const [reducedMotion, setReducedMotion] = useState(false);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setReducedMotion(mq.matches);
+    const onChange = () => setReducedMotion(mq.matches);
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, []);
+  useEffect(() => {
+    if (reducedMotion || prompts.length === 0) return;
+    const current = prompts[idx] ?? "";
+    if (phase === "typing") {
+      if (text.length < current.length) {
+        const t2 = setTimeout(
+          () => setText(current.slice(0, text.length + 1)),
+          TYPE_MS
+        );
+        return () => clearTimeout(t2);
+      }
+      const t = setTimeout(() => setPhase("deleting"), HOLD_MS);
+      return () => clearTimeout(t);
+    }
+    if (phase === "deleting") {
+      if (text.length > 0) {
+        const t = setTimeout(() => setText(text.slice(0, -1)), DELETE_MS);
+        return () => clearTimeout(t);
+      }
+      setIdx((i) => (i + 1) % prompts.length);
+      setPhase("typing");
+    }
+  }, [text, phase, idx, reducedMotion, prompts]);
+  const display = reducedMotion ? prompts[0] ?? "" : text;
+  return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-baseline", className), children: [
+    /* @__PURE__ */ jsx("span", { children: display }),
+    !reducedMotion && /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "ml-0.5 inline-block h-[1em] w-[2px] translate-y-[0.15em] animate-pulse bg-current"
+      }
+    )
+  ] });
+}
+function TypewriterText({
+  text,
+  active = true,
+  speedMs = 24,
+  onComplete,
+  className
+}) {
+  const [length, setLength] = useState(active ? 0 : text.length);
+  const completed = useRef(false);
+  const onCompleteRef = useRef(onComplete);
+  useEffect(() => {
+    onCompleteRef.current = onComplete;
+  }, [onComplete]);
+  useEffect(() => {
+    setLength(active ? 0 : text.length);
+    completed.current = false;
+  }, [active, text]);
+  useEffect(() => {
+    if (!active || length >= text.length) {
+      if (length >= text.length && !completed.current) {
+        completed.current = true;
+        onCompleteRef.current?.();
+      }
+      return;
+    }
+    const timer = window.setTimeout(() => setLength((value) => value + 1), speedMs);
+    return () => window.clearTimeout(timer);
+  }, [active, length, speedMs, text.length]);
+  return /* @__PURE__ */ jsxs("span", { className: cn("whitespace-pre-wrap", className), "aria-label": text, children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: text.slice(0, length) }),
+    active && length < text.length && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "ml-0.5 inline-block h-[1em] w-px animate-pulse bg-current motion-reduce:hidden" })
+  ] });
+}
+export {
+  CyclingPrompt,
+  TypewriterText
+};

package/dist/primitives/dialog.d.cts

@@ -1,13 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
 import * as React from 'react';
 
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+declare const Dialog: React.FC<SheetPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> {
     size?: "sm" | "md" | "lg" | "xl" | "2xl" | "wide";
     height?: "auto" | "viewport-md" | "viewport-lg";
     layout?: "grid" | "column";
@@ -30,13 +30,13 @@ declare const DialogFooter: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-interface DialogTitleProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {
+interface DialogTitleProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title> {
     visuallyHidden?: boolean;
     size?: "default" | "base";
     display?: "block" | "inline-flex";
 }
 declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-interface DialogDescriptionProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> {
+interface DialogDescriptionProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description> {
     visuallyHidden?: boolean;
 }
 declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/primitives/dialog.d.ts

@@ -1,13 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
 import * as React from 'react';
 
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+declare const Dialog: React.FC<SheetPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> {
     size?: "sm" | "md" | "lg" | "xl" | "2xl" | "wide";
     height?: "auto" | "viewport-md" | "viewport-lg";
     layout?: "grid" | "column";
@@ -30,13 +30,13 @@ declare const DialogFooter: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-interface DialogTitleProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {
+interface DialogTitleProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title> {
     visuallyHidden?: boolean;
     size?: "default" | "base";
     display?: "block" | "inline-flex";
 }
 declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-interface DialogDescriptionProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> {
+interface DialogDescriptionProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description> {
     visuallyHidden?: boolean;
 }
 declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/primitives/document-preview.cjs

@@ -5,10 +5,10 @@
 
 
 
-var _chunkE2UVQXBOcjs = require('../chunk-E2UVQXBO.cjs');
-require('../chunk-AO56ET4F.cjs');
-require('../chunk-WDXEJDMO.cjs');
+var _chunkTP74SBRHcjs = require('../chunk-TP74SBRH.cjs');
+require('../chunk-BTHYGHOH.cjs');
 require('../chunk-2BHI5ZWJ.cjs');
+require('../chunk-WDXEJDMO.cjs');
 require('../chunk-T2ZFSPE4.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
@@ -29,7 +29,7 @@ function DocumentPreview({
   fallback
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkE2UVQXBOcjs.PreviewDialog,
+    _chunkTP74SBRHcjs.PreviewDialog,
     {
       open,
       onOpenChange,
@@ -37,7 +37,7 @@ function DocumentPreview({
       onDownload,
       downloading,
       downloadLabel,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE2UVQXBOcjs.PreviewStage, { children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE2UVQXBOcjs.PreviewLoading, { label: "Loading preview\u2026" }) : error ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE2UVQXBOcjs.PreviewNotice, { icon: _lucidereact.FileWarning, alert: true, message: error, children: fallback }) : src ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTP74SBRHcjs.PreviewStage, { children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTP74SBRHcjs.PreviewLoading, { label: "Loading preview\u2026" }) : error ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTP74SBRHcjs.PreviewNotice, { icon: _lucidereact.FileWarning, alert: true, message: error, children: fallback }) : src ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "iframe",
         {
           src,

package/dist/primitives/document-preview.js

@@ -5,10 +5,10 @@ import {
   PreviewLoading,
   PreviewNotice,
   PreviewStage
-} from "../chunk-FPOJ2NGG.js";
-import "../chunk-CRZ4INEJ.js";
-import "../chunk-3QT5VYZ3.js";
+} from "../chunk-C3VZMTVB.js";
+import "../chunk-JTI4244T.js";
 import "../chunk-4HWCNRK4.js";
+import "../chunk-3QT5VYZ3.js";
 import "../chunk-KN4RPX35.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";

package/dist/primitives/dotted-list.cjs

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkW5I4FN7Gcjs = require('../chunk-W5I4FN7G.cjs');
+require('../chunk-EJP2L5QV.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/dotted-list.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function DottedList({
+  items,
+  maxItems,
+  moreSuffix = "more",
+  className
+}) {
+  const visible = maxItems != null ? items.slice(0, maxItems) : items;
+  const overflow = maxItems != null && items.length > maxItems ? items.length - maxItems : 0;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "ul", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "mt-2 space-y-0.5", className), children: [
+    visible.map((item, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: "text-xs flex items-start gap-2 text-foreground/80", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW5I4FN7Gcjs.SentimentDot, { sentiment: item.sentiment }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+        item.text,
+        item.meta && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground", children: [
+          " \u2014 ",
+          item.meta
+        ] })
+      ] })
+    ] }, i)),
+    overflow > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: "text-[11px] text-muted-foreground pl-4", children: [
+      "+ ",
+      overflow,
+      " ",
+      moreSuffix
+    ] })
+  ] });
+}
+
+
+exports.DottedList = DottedList;