@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/dist/primitives/code-block.cjs

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkVKIGJNJRcjs = require('../chunk-VKIGJNJR.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-4LXN6GLZ.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/code-block.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var HEIGHTS = {
+  none: "",
+  sm: "max-h-40 overflow-y-auto",
+  md: "max-h-64 overflow-y-auto",
+  lg: "max-h-96 overflow-y-auto",
+  viewport: "min-h-[55vh] max-h-[65vh] overflow-y-auto"
+};
+function CodeBlock({
+  children,
+  copy,
+  copyLabel,
+  wrap = false,
+  maxHeight = "none",
+  className
+}) {
+  const copyText = typeof copy === "string" ? copy : children;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "relative", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "pre",
+      {
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "rounded-md border border-border bg-muted/40 p-3 font-mono text-xs leading-relaxed",
+          wrap ? "whitespace-pre-wrap break-words" : "overflow-x-auto",
+          HEIGHTS[maxHeight],
+          copy ? "pr-12" : void 0
+        ),
+        children
+      }
+    ),
+    copy ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkVKIGJNJRcjs.CopyButton,
+      {
+        text: copyText,
+        label: copyLabel,
+        size: "sm",
+        variant: "ghost",
+        className: "absolute right-1.5 top-1.5"
+      }
+    ) : null
+  ] });
+}
+
+
+exports.CodeBlock = CodeBlock;

package/dist/primitives/code-block.d.cts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type CodeBlockHeight = "none" | "sm" | "md" | "lg" | "viewport";
+interface CodeBlockProps {
+    /** The text. A string so it can also be handed to the copy button. */
+    children: string;
+    /**
+     * Show a copy button in the top-right. Pass a string to copy something
+     * other than what is displayed — a command without its shell prompt, say.
+     */
+    copy?: boolean | string;
+    /** Label on the copy button. Omit for icon-only. */
+    copyLabel?: ReactNode;
+    /**
+     * Wrap long lines instead of scrolling sideways. On for prose a person is
+     * meant to read (a prompt), off for commands, where a wrapped line is
+     * easy to mis-copy.
+     */
+    wrap?: boolean;
+    /** Cap the height and scroll inside. Defaults to `none`. */
+    maxHeight?: CodeBlockHeight;
+    className?: string;
+}
+/**
+ * A block of code, a command, or a prompt to be copied.
+ *
+ * Exists because three primitives had each hand-rolled the same `<pre>` with
+ * a slightly different set of classes, and every app consuming the kit had
+ * done it again — which is how a design system ends up with four kinds of
+ * code block that nobody chose between.
+ */
+declare function CodeBlock({ children, copy, copyLabel, wrap, maxHeight, className, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+export { CodeBlock, type CodeBlockHeight, type CodeBlockProps };

package/dist/primitives/code-block.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type CodeBlockHeight = "none" | "sm" | "md" | "lg" | "viewport";
+interface CodeBlockProps {
+    /** The text. A string so it can also be handed to the copy button. */
+    children: string;
+    /**
+     * Show a copy button in the top-right. Pass a string to copy something
+     * other than what is displayed — a command without its shell prompt, say.
+     */
+    copy?: boolean | string;
+    /** Label on the copy button. Omit for icon-only. */
+    copyLabel?: ReactNode;
+    /**
+     * Wrap long lines instead of scrolling sideways. On for prose a person is
+     * meant to read (a prompt), off for commands, where a wrapped line is
+     * easy to mis-copy.
+     */
+    wrap?: boolean;
+    /** Cap the height and scroll inside. Defaults to `none`. */
+    maxHeight?: CodeBlockHeight;
+    className?: string;
+}
+/**
+ * A block of code, a command, or a prompt to be copied.
+ *
+ * Exists because three primitives had each hand-rolled the same `<pre>` with
+ * a slightly different set of classes, and every app consuming the kit had
+ * done it again — which is how a design system ends up with four kinds of
+ * code block that nobody chose between.
+ */
+declare function CodeBlock({ children, copy, copyLabel, wrap, maxHeight, className, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+export { CodeBlock, type CodeBlockHeight, type CodeBlockProps };

package/dist/primitives/code-block.js

@@ -0,0 +1,56 @@
+"use client";
+import {
+  CopyButton
+} from "../chunk-NW3OWKBN.js";
+import "../chunk-HQRWRRZJ.js";
+import "../chunk-ZWZAAGQF.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/code-block.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var HEIGHTS = {
+  none: "",
+  sm: "max-h-40 overflow-y-auto",
+  md: "max-h-64 overflow-y-auto",
+  lg: "max-h-96 overflow-y-auto",
+  viewport: "min-h-[55vh] max-h-[65vh] overflow-y-auto"
+};
+function CodeBlock({
+  children,
+  copy,
+  copyLabel,
+  wrap = false,
+  maxHeight = "none",
+  className
+}) {
+  const copyText = typeof copy === "string" ? copy : children;
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx(
+      "pre",
+      {
+        className: cn(
+          "rounded-md border border-border bg-muted/40 p-3 font-mono text-xs leading-relaxed",
+          wrap ? "whitespace-pre-wrap break-words" : "overflow-x-auto",
+          HEIGHTS[maxHeight],
+          copy ? "pr-12" : void 0
+        ),
+        children
+      }
+    ),
+    copy ? /* @__PURE__ */ jsx(
+      CopyButton,
+      {
+        text: copyText,
+        label: copyLabel,
+        size: "sm",
+        variant: "ghost",
+        className: "absolute right-1.5 top-1.5"
+      }
+    ) : null
+  ] });
+}
+export {
+  CodeBlock
+};

package/dist/primitives/collapsible-section.cjs

@@ -0,0 +1,69 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+var _chunkW5HPHEE7cjs = require('../chunk-W5HPHEE7.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/collapsible-section.tsx
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function CollapsibleSection({
+  title,
+  children,
+  defaultOpen = false,
+  open,
+  onOpenChange,
+  className,
+  triggerClassName,
+  contentClassName,
+  density = "default",
+  divided = true,
+  inset = "default"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkW5HPHEE7cjs.Collapsible,
+    {
+      defaultOpen,
+      open,
+      onOpenChange,
+      className,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _chunkW5HPHEE7cjs.CollapsibleTrigger,
+          {
+            className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+              "group flex w-full items-center justify-between text-left font-medium hover:bg-muted/40 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+              divided && "border-t",
+              inset === "default" && "px-4",
+              inset === "roomy" && "px-5",
+              density === "compact" && "py-1 text-sm",
+              density === "default" && "py-2.5 text-xs",
+              density === "roomy" && "py-5 text-sm",
+              triggerClassName
+            ),
+            children: [
+              title,
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW5HPHEE7cjs.CollapsibleContent, { className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "space-y-4",
+          inset === "default" && "px-4",
+          inset === "roomy" && "px-5",
+          density === "compact" && "pt-4",
+          density === "default" && "pb-3 pt-1",
+          density === "roomy" && "pb-5",
+          contentClassName
+        ), children })
+      ]
+    }
+  );
+}
+
+
+exports.CollapsibleSection = CollapsibleSection;

package/dist/primitives/collapsible-section.d.cts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface CollapsibleSectionProps {
+    title: ReactNode;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    density?: "compact" | "default" | "roomy";
+    divided?: boolean;
+    inset?: "none" | "default" | "roomy";
+}
+/**
+ * A compact titled region that expands in place. It owns the trigger,
+ * divider, chevron state and content inset while leaving domain content to
+ * the consumer.
+ */
+declare function CollapsibleSection({ title, children, defaultOpen, open, onOpenChange, className, triggerClassName, contentClassName, density, divided, inset, }: CollapsibleSectionProps): react_jsx_runtime.JSX.Element;
+
+export { CollapsibleSection, type CollapsibleSectionProps };

package/dist/primitives/collapsible-section.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface CollapsibleSectionProps {
+    title: ReactNode;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    density?: "compact" | "default" | "roomy";
+    divided?: boolean;
+    inset?: "none" | "default" | "roomy";
+}
+/**
+ * A compact titled region that expands in place. It owns the trigger,
+ * divider, chevron state and content inset while leaving domain content to
+ * the consumer.
+ */
+declare function CollapsibleSection({ title, children, defaultOpen, open, onOpenChange, className, triggerClassName, contentClassName, density, divided, inset, }: CollapsibleSectionProps): react_jsx_runtime.JSX.Element;
+
+export { CollapsibleSection, type CollapsibleSectionProps };

package/dist/primitives/collapsible-section.js

@@ -0,0 +1,69 @@
+"use client";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "../chunk-NBUWGRQO.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/collapsible-section.tsx
+import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CollapsibleSection({
+  title,
+  children,
+  defaultOpen = false,
+  open,
+  onOpenChange,
+  className,
+  triggerClassName,
+  contentClassName,
+  density = "default",
+  divided = true,
+  inset = "default"
+}) {
+  return /* @__PURE__ */ jsxs(
+    Collapsible,
+    {
+      defaultOpen,
+      open,
+      onOpenChange,
+      className,
+      children: [
+        /* @__PURE__ */ jsxs(
+          CollapsibleTrigger,
+          {
+            className: cn(
+              "group flex w-full items-center justify-between text-left font-medium hover:bg-muted/40 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+              divided && "border-t",
+              inset === "default" && "px-4",
+              inset === "roomy" && "px-5",
+              density === "compact" && "py-1 text-sm",
+              density === "default" && "py-2.5 text-xs",
+              density === "roomy" && "py-5 text-sm",
+              triggerClassName
+            ),
+            children: [
+              title,
+              /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(CollapsibleContent, { className: cn(
+          "space-y-4",
+          inset === "default" && "px-4",
+          inset === "roomy" && "px-5",
+          density === "compact" && "pt-4",
+          density === "default" && "pb-3 pt-1",
+          density === "roomy" && "pb-5",
+          contentClassName
+        ), children })
+      ]
+    }
+  );
+}
+export {
+  CollapsibleSection
+};

package/dist/primitives/collapsible.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+var _chunkW5HPHEE7cjs = require('../chunk-W5HPHEE7.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+
+
+exports.Collapsible = _chunkW5HPHEE7cjs.Collapsible; exports.CollapsibleContent = _chunkW5HPHEE7cjs.CollapsibleContent; exports.CollapsibleTrigger = _chunkW5HPHEE7cjs.CollapsibleTrigger;

package/dist/primitives/collapsible.d.cts

@@ -0,0 +1,14 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as React from 'react';
+
+declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+interface CollapsibleTriggerProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger> {
+    appearance?: "unstyled" | "section-row" | "inline-muted";
+}
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface CollapsibleContentProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent> {
+    padding?: "none" | "compact" | "top";
+}
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, type CollapsibleTriggerProps };

package/dist/primitives/collapsible.d.ts

@@ -0,0 +1,14 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as React from 'react';
+
+declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+interface CollapsibleTriggerProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger> {
+    appearance?: "unstyled" | "section-row" | "inline-muted";
+}
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface CollapsibleContentProps extends React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent> {
+    padding?: "none" | "compact" | "top";
+}
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Collapsible, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, type CollapsibleTriggerProps };

package/dist/primitives/collapsible.js

@@ -0,0 +1,12 @@
+"use client";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "../chunk-NBUWGRQO.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+};

package/dist/primitives/compact-app-shell.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkRSFEKQDRcjs = require('../chunk-RSFEKQDR.cjs');
+
+
+var _chunkLELBCBDTcjs = require('../chunk-LELBCBDT.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/compact-app-shell.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var widths = {
+  sm: "w-[320px]",
+  md: "w-[360px]"
+};
+var CompactAppShell = _react.forwardRef.call(void 0, 
+  function CompactAppShell2({ title, description, width = "md", className, children, ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "main",
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, "min-h-0 bg-background p-4 text-foreground", widths[width], className),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRSFEKQDRcjs.Stack, { gap: "md", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRSFEKQDRcjs.Stack, { gap: "xs", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELBCBDTcjs.Heading, { level: 1, className: "text-base", children: title }),
+            description
+          ] }),
+          children
+        ] })
+      }
+    );
+  }
+);
+
+
+exports.CompactAppShell = CompactAppShell;

package/dist/primitives/compact-app-shell.d.cts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface CompactAppShellProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    title: ReactNode;
+    description?: ReactNode;
+    width?: "sm" | "md";
+}
+/** A dense, self-contained application surface for popovers and browser-extension windows. */
+declare const CompactAppShell: React.ForwardRefExoticComponent<CompactAppShellProps & React.RefAttributes<HTMLElement>>;
+
+export { CompactAppShell, type CompactAppShellProps };

package/dist/primitives/compact-app-shell.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface CompactAppShellProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    title: ReactNode;
+    description?: ReactNode;
+    width?: "sm" | "md";
+}
+/** A dense, self-contained application surface for popovers and browser-extension windows. */
+declare const CompactAppShell: React.ForwardRefExoticComponent<CompactAppShellProps & React.RefAttributes<HTMLElement>>;
+
+export { CompactAppShell, type CompactAppShellProps };

package/dist/primitives/compact-app-shell.js

@@ -0,0 +1,40 @@
+"use client";
+import {
+  Stack
+} from "../chunk-6RVPQGYS.js";
+import {
+  Heading
+} from "../chunk-H2O6NMLZ.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/compact-app-shell.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var widths = {
+  sm: "w-[320px]",
+  md: "w-[360px]"
+};
+var CompactAppShell = forwardRef(
+  function CompactAppShell2({ title, description, width = "md", className, children, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "main",
+      {
+        ref,
+        className: cn("min-h-0 bg-background p-4 text-foreground", widths[width], className),
+        ...props,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+            /* @__PURE__ */ jsx(Heading, { level: 1, className: "text-base", children: title }),
+            description
+          ] }),
+          children
+        ] })
+      }
+    );
+  }
+);
+export {
+  CompactAppShell
+};

package/dist/primitives/compact-log.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/compact-log.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var CompactLog = _react.forwardRef.call(void 0, 
+  function CompactLog2({ className, items, emptyText = "No activity yet", children, ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "max-h-48 overflow-auto rounded-md border font-mono text-[11px] leading-relaxed",
+          "[&_[data-slot=row]]:flex [&_[data-slot=row]]:gap-1.5 [&_[data-slot=row]]:border-b [&_[data-slot=row]]:px-2 [&_[data-slot=row]]:py-1 [&_[data-slot=row]:last-child]:border-b-0",
+          "[&_[data-slot=time]]:shrink-0 [&_[data-slot=time]]:text-muted-foreground",
+          "[&_[data-slot=kind]]:shrink-0 [&_[data-slot=kind]]:font-semibold",
+          "[&_[data-slot=success]]:shrink-0 [&_[data-slot=success]]:text-emerald-600",
+          "[&_[data-slot=error]]:shrink-0 [&_[data-slot=error]]:text-destructive",
+          "[&_[data-slot=detail]]:min-w-0 [&_[data-slot=detail]]:truncate [&_[data-slot=detail]]:text-muted-foreground",
+          "[&_[data-slot=empty]]:p-3 [&_[data-slot=empty]]:text-center [&_[data-slot=empty]]:text-muted-foreground",
+          className
+        ),
+        ...props,
+        children: items ? items.length ? items.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-slot": "row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "time", children: item.time }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "kind", children: item.kind }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": item.tone, children: item.status }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "detail", children: item.detail })
+        ] }, item.id)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "empty", children: emptyText }) : children
+      }
+    );
+  }
+);
+
+
+exports.CompactLog = CompactLog;

package/dist/primitives/compact-log.d.cts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+interface CompactLogItem {
+    id: string;
+    time: string;
+    kind: string;
+    status: string | number;
+    tone: "success" | "error";
+    detail?: string;
+}
+interface CompactLogProps extends HTMLAttributes<HTMLDivElement> {
+    items?: CompactLogItem[];
+    emptyText?: string;
+}
+/** Dense, scrollable diagnostic/event log for constrained application surfaces. */
+declare const CompactLog: React.ForwardRefExoticComponent<CompactLogProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CompactLog, type CompactLogItem, type CompactLogProps };

package/dist/primitives/compact-log.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+interface CompactLogItem {
+    id: string;
+    time: string;
+    kind: string;
+    status: string | number;
+    tone: "success" | "error";
+    detail?: string;
+}
+interface CompactLogProps extends HTMLAttributes<HTMLDivElement> {
+    items?: CompactLogItem[];
+    emptyText?: string;
+}
+/** Dense, scrollable diagnostic/event log for constrained application surfaces. */
+declare const CompactLog: React.ForwardRefExoticComponent<CompactLogProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CompactLog, type CompactLogItem, type CompactLogProps };

package/dist/primitives/compact-log.js

@@ -0,0 +1,39 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/compact-log.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CompactLog = forwardRef(
+  function CompactLog2({ className, items, emptyText = "No activity yet", children, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "max-h-48 overflow-auto rounded-md border font-mono text-[11px] leading-relaxed",
+          "[&_[data-slot=row]]:flex [&_[data-slot=row]]:gap-1.5 [&_[data-slot=row]]:border-b [&_[data-slot=row]]:px-2 [&_[data-slot=row]]:py-1 [&_[data-slot=row]:last-child]:border-b-0",
+          "[&_[data-slot=time]]:shrink-0 [&_[data-slot=time]]:text-muted-foreground",
+          "[&_[data-slot=kind]]:shrink-0 [&_[data-slot=kind]]:font-semibold",
+          "[&_[data-slot=success]]:shrink-0 [&_[data-slot=success]]:text-emerald-600",
+          "[&_[data-slot=error]]:shrink-0 [&_[data-slot=error]]:text-destructive",
+          "[&_[data-slot=detail]]:min-w-0 [&_[data-slot=detail]]:truncate [&_[data-slot=detail]]:text-muted-foreground",
+          "[&_[data-slot=empty]]:p-3 [&_[data-slot=empty]]:text-center [&_[data-slot=empty]]:text-muted-foreground",
+          className
+        ),
+        ...props,
+        children: items ? items.length ? items.map((item) => /* @__PURE__ */ jsxs("span", { "data-slot": "row", children: [
+          /* @__PURE__ */ jsx("span", { "data-slot": "time", children: item.time }),
+          /* @__PURE__ */ jsx("span", { "data-slot": "kind", children: item.kind }),
+          /* @__PURE__ */ jsx("span", { "data-slot": item.tone, children: item.status }),
+          /* @__PURE__ */ jsx("span", { "data-slot": "detail", children: item.detail })
+        ] }, item.id)) : /* @__PURE__ */ jsx("span", { "data-slot": "empty", children: emptyText }) : children
+      }
+    );
+  }
+);
+export {
+  CompactLog
+};