@epicbagel/saas-kit 1.31.0 → 1.33.0

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/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;

package/dist/primitives/dotted-list.d.cts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { Sentiment } from './sentiment-dot.cjs';
+import '../lib/status-colors.cjs';
+
+interface DottedListItem {
+    sentiment: Sentiment;
+    /** Primary text of the bullet. */
+    text: ReactNode;
+    /** Dimmed trailing fragment — typically the matched field / source. */
+    meta?: ReactNode;
+}
+interface DottedListProps {
+    items: DottedListItem[];
+    /** Maximum items to render. Extra items collapse to a "+ N more" tail. */
+    maxItems?: number;
+    /** Label shown next to the count when the list is truncated. */
+    moreSuffix?: string;
+    className?: string;
+}
+/**
+ * Compact bullet list where each item leads with a coloured sentiment
+ * dot. Designed for "summary bullets" and "signal" surfaces where the
+ * dot conveys positive / negative / warn / neutral at a glance.
+ */
+declare function DottedList({ items, maxItems, moreSuffix, className, }: DottedListProps): react_jsx_runtime.JSX.Element;
+
+export { DottedList, type DottedListItem, type DottedListProps };

package/dist/primitives/dotted-list.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { Sentiment } from './sentiment-dot.js';
+import '../lib/status-colors.js';
+
+interface DottedListItem {
+    sentiment: Sentiment;
+    /** Primary text of the bullet. */
+    text: ReactNode;
+    /** Dimmed trailing fragment — typically the matched field / source. */
+    meta?: ReactNode;
+}
+interface DottedListProps {
+    items: DottedListItem[];
+    /** Maximum items to render. Extra items collapse to a "+ N more" tail. */
+    maxItems?: number;
+    /** Label shown next to the count when the list is truncated. */
+    moreSuffix?: string;
+    className?: string;
+}
+/**
+ * Compact bullet list where each item leads with a coloured sentiment
+ * dot. Designed for "summary bullets" and "signal" surfaces where the
+ * dot conveys positive / negative / warn / neutral at a glance.
+ */
+declare function DottedList({ items, maxItems, moreSuffix, className, }: DottedListProps): react_jsx_runtime.JSX.Element;
+
+export { DottedList, type DottedListItem, type DottedListProps };

package/dist/primitives/dotted-list.js

@@ -0,0 +1,41 @@
+"use client";
+import {
+  SentimentDot
+} from "../chunk-YWAQRAXP.js";
+import "../chunk-F7JHSZNT.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/dotted-list.tsx
+import { jsx, jsxs } from "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__ */ jsxs("ul", { className: cn("mt-2 space-y-0.5", className), children: [
+    visible.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "text-xs flex items-start gap-2 text-foreground/80", children: [
+      /* @__PURE__ */ jsx(SentimentDot, { sentiment: item.sentiment }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        item.text,
+        item.meta && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          " \u2014 ",
+          item.meta
+        ] })
+      ] })
+    ] }, i)),
+    overflow > 0 && /* @__PURE__ */ jsxs("li", { className: "text-[11px] text-muted-foreground pl-4", children: [
+      "+ ",
+      overflow,
+      " ",
+      moreSuffix
+    ] })
+  ] });
+}
+export {
+  DottedList
+};

package/dist/primitives/drawer.d.cts

@@ -1,6 +1,6 @@
 import * as vaul from 'vaul';
 import { Drawer as Drawer$1 } from 'vaul';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
@@ -10,10 +10,10 @@ declare const Drawer: {
     }): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DrawerPortal: typeof vaul.Portal;
-declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof Drawer$1.Content> {
     height?: "auto" | "viewport-lg";
     overflow?: "visible" | "hidden" | "auto";
@@ -30,7 +30,7 @@ declare const DrawerFooter: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
 export { Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/primitives/drawer.d.ts

@@ -1,6 +1,6 @@
 import * as vaul from 'vaul';
 import { Drawer as Drawer$1 } from 'vaul';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
@@ -10,10 +10,10 @@ declare const Drawer: {
     }): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DrawerPortal: typeof vaul.Portal;
-declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof Drawer$1.Content> {
     height?: "auto" | "viewport-lg";
     overflow?: "visible" | "hidden" | "auto";
@@ -30,7 +30,7 @@ declare const DrawerFooter: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
-declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
 export { Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/primitives/field.cjs

@@ -13,9 +13,9 @@
 
 
 
-var _chunkZJFYOXSMcjs = require('../chunk-ZJFYOXSM.cjs');
-require('../chunk-NQK5ZWC7.cjs');
+var _chunkSRVRNHCXcjs = require('../chunk-SRVRNHCX.cjs');
 require('../chunk-IQZLUT2Y.cjs');
+require('../chunk-NQK5ZWC7.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 
@@ -30,4 +30,4 @@ require('../chunk-KWLSBTB2.cjs');
 
 
 
-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;
+exports.Field = _chunkSRVRNHCXcjs.Field; exports.FieldContent = _chunkSRVRNHCXcjs.FieldContent; exports.FieldDescription = _chunkSRVRNHCXcjs.FieldDescription; exports.FieldError = _chunkSRVRNHCXcjs.FieldError; exports.FieldGrid = _chunkSRVRNHCXcjs.FieldGrid; exports.FieldGroup = _chunkSRVRNHCXcjs.FieldGroup; exports.FieldLabel = _chunkSRVRNHCXcjs.FieldLabel; exports.FieldLegend = _chunkSRVRNHCXcjs.FieldLegend; exports.FieldSeparator = _chunkSRVRNHCXcjs.FieldSeparator; exports.FieldSet = _chunkSRVRNHCXcjs.FieldSet; exports.FieldTitle = _chunkSRVRNHCXcjs.FieldTitle; exports.FormField = _chunkSRVRNHCXcjs.FormField;

package/dist/primitives/field.js

@@ -13,9 +13,9 @@ import {
   FieldSet,
   FieldTitle,
   FormField
-} from "../chunk-TWCJMFST.js";
-import "../chunk-HYTILYE5.js";
+} from "../chunk-O42YC6ZQ.js";
 import "../chunk-E2TQMDO7.js";
+import "../chunk-HYTILYE5.js";
 import "../chunk-G6SRSWXB.js";
 export {
   Field,

package/dist/primitives/file-dropzone.cjs

@@ -5,9 +5,9 @@
 
 
 
-var _chunkZLEM2SAUcjs = require('../chunk-ZLEM2SAU.cjs');
-require('../chunk-U2NES7VR.cjs');
+var _chunkZ3JJSNR5cjs = require('../chunk-Z3JJSNR5.cjs');
 require('../chunk-373W6VAD.cjs');
+require('../chunk-U2NES7VR.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
@@ -15,4 +15,4 @@ require('../chunk-KWLSBTB2.cjs');
 
 
 
-exports.FileDropArea = _chunkZLEM2SAUcjs.FileDropArea; exports.FileDropzone = _chunkZLEM2SAUcjs.FileDropzone; exports.installFileDropGuard = _chunkZLEM2SAUcjs.installFileDropGuard; exports.useFileDropGuard = _chunkZLEM2SAUcjs.useFileDropGuard;
+exports.FileDropArea = _chunkZ3JJSNR5cjs.FileDropArea; exports.FileDropzone = _chunkZ3JJSNR5cjs.FileDropzone; exports.installFileDropGuard = _chunkZ3JJSNR5cjs.installFileDropGuard; exports.useFileDropGuard = _chunkZ3JJSNR5cjs.useFileDropGuard;

package/dist/primitives/file-dropzone.js

@@ -5,9 +5,9 @@ import {
   FileDropzone,
   installFileDropGuard,
   useFileDropGuard
-} from "../chunk-WHDHUYS6.js";
-import "../chunk-ZRLUUZHK.js";
+} from "../chunk-HBRVOGLA.js";
 import "../chunk-EIY5LLSP.js";
+import "../chunk-ZRLUUZHK.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
 export {

package/dist/primitives/file-preview.cjs

@@ -18,8 +18,9 @@ require('../chunk-ELPV44S6.cjs');
 require('../chunk-2BHI5ZWJ.cjs');
 
 
-var _chunkBGCNGYPLcjs = require('../chunk-BGCNGYPL.cjs');
-require('../chunk-FARCLWLU.cjs');
+var _chunkPTMZTP3Vcjs = require('../chunk-PTMZTP3V.cjs');
+require('../chunk-HHF5DEKM.cjs');
+require('../chunk-4LXN6GLZ.cjs');
 
 
 var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
@@ -30,7 +31,6 @@ var _chunkT2ZFSPE4cjs = require('../chunk-T2ZFSPE4.cjs');
 
 var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
-require('../chunk-4LXN6GLZ.cjs');
 
 // src/primitives/file-preview.tsx
 var _lucidereact = require('lucide-react');
@@ -281,7 +281,7 @@ function FilePreviewBody({
       kind === "markdown" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKENBU3NVcjs.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__ */ _jsxruntime.jsx.call(void 0, _chunkBGCNGYPLcjs.CodeBlock, { wrap: true, className: "[&>pre]:leading-5", children: text.text })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPTMZTP3Vcjs.CodeBlock, { wrap: true, className: "[&>pre]:leading-5", children: text.text })
       )
     ] });
   }

package/dist/primitives/file-preview.js

@@ -18,8 +18,9 @@ import "../chunk-INNGGLMZ.js";
 import "../chunk-4HWCNRK4.js";
 import {
   CodeBlock
-} from "../chunk-HTPPNW74.js";
-import "../chunk-DILYV4FI.js";
+} from "../chunk-AWCXVYPL.js";
+import "../chunk-7ZRFXJVN.js";
+import "../chunk-ZWZAAGQF.js";
 import {
   Text
 } from "../chunk-EIY5LLSP.js";
@@ -30,7 +31,6 @@ import {
   Button
 } from "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
-import "../chunk-ZWZAAGQF.js";
 
 // src/primitives/file-preview.tsx
 import { Download, FileQuestion, FileWarning, Loader2 } from "lucide-react";

package/dist/primitives/filter-bar.cjs

@@ -2,19 +2,19 @@
 "use client";
 
 
-var _chunkMW67PHAQcjs = require('../chunk-MW67PHAQ.cjs');
-require('../chunk-PPX2VPGI.cjs');
+var _chunkGUVQAWUWcjs = require('../chunk-GUVQAWUW.cjs');
 require('../chunk-WNXVGUBF.cjs');
 require('../chunk-IQZLUT2Y.cjs');
 require('../chunk-JH4GAGOQ.cjs');
 require('../chunk-V5SPFLKW.cjs');
 require('../chunk-VOTCYG3F.cjs');
+require('../chunk-PPX2VPGI.cjs');
+require('../chunk-R35FT53G.cjs');
 require('../chunk-PQUSJEXL.cjs');
 require('../chunk-VGTINL5Q.cjs');
 require('../chunk-I6GUOEBO.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
-require('../chunk-R35FT53G.cjs');
 
 
-exports.FilterBar = _chunkMW67PHAQcjs.FilterBar;
+exports.FilterBar = _chunkGUVQAWUWcjs.FilterBar;

package/dist/primitives/filter-bar.js

@@ -2,19 +2,19 @@
 "use client";
 import {
   FilterBar
-} from "../chunk-UFFHGKI7.js";
-import "../chunk-G76JANB4.js";
+} from "../chunk-SW4T3O7M.js";
 import "../chunk-YG7FBJRM.js";
 import "../chunk-E2TQMDO7.js";
 import "../chunk-OICAYRVH.js";
 import "../chunk-J6NXDZR5.js";
 import "../chunk-H2CCBRVG.js";
+import "../chunk-G76JANB4.js";
+import "../chunk-PIU5SSUV.js";
 import "../chunk-QMA3WVB7.js";
 import "../chunk-H7TETFLB.js";
 import "../chunk-D4ZL2OEQ.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
-import "../chunk-PIU5SSUV.js";
 export {
   FilterBar
 };

package/dist/primitives/fixed-action-bar.cjs

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/fixed-action-bar.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var widthStyles = {
+  compact: "max-w-2xl",
+  narrow: "max-w-3xl",
+  wide: "max-w-5xl",
+  full: "max-w-none"
+};
+function FixedActionBar({
+  title,
+  description,
+  children,
+  width = "narrow",
+  actionsWidth = "auto",
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "aside",
+    {
+      "aria-label": "Page action",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "fixed inset-x-0 bottom-0 z-40 border-t border-border bg-background/95 backdrop-blur-sm",
+        "pb-[env(safe-area-inset-bottom)] supports-backdrop-filter:bg-background/80",
+        className
+      ),
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "mx-auto flex items-center gap-4 px-4 py-3 md:px-6", title ? "justify-between" : "justify-end", widthStyles[width]), children: [
+        title && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { className: "truncate font-medium", children: title }),
+          description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { variant: "muted", className: "text-sm", children: description })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "shrink-0", actionsWidth === "full" && "w-full"), children })
+      ] })
+    }
+  );
+}
+
+
+exports.FixedActionBar = FixedActionBar;

package/dist/primitives/fixed-action-bar.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface FixedActionBarProps {
+    title?: ReactNode;
+    description?: ReactNode;
+    children: ReactNode;
+    width?: "compact" | "narrow" | "wide" | "full";
+    actionsWidth?: "auto" | "full";
+    className?: string;
+}
+/** Persistent bottom context and action for read-only or transactional pages. */
+declare function FixedActionBar({ title, description, children, width, actionsWidth, className, }: FixedActionBarProps): react_jsx_runtime.JSX.Element;
+
+export { FixedActionBar, type FixedActionBarProps };