@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/chunk-2HTYXBDU.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkI6GUOEBOcjs = require('./chunk-I6GUOEBO.cjs');
+
+// src/primitives/status-badge.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var statusBadgeVariants = {
+  neutral: "neutral",
+  active: "destructive",
+  success: "success",
+  warning: "warning",
+  error: "error",
+  info: "info"
+};
+function StatusBadge({ tone = "neutral", ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkI6GUOEBOcjs.Badge,
+    {
+      "data-slot": "status-badge",
+      variant: statusBadgeVariants[tone],
+      size: "micro",
+      padding: "roomy",
+      weight: "semibold",
+      shrink: true,
+      transform: "uppercase",
+      ...props
+    }
+  );
+}
+
+
+
+exports.StatusBadge = StatusBadge;

package/dist/chunk-2HV2KKOE.cjs

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/textarea.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Textarea = React.forwardRef(
+  ({ className, textSize = "sm", resize = "vertical", grow = false, font = "sans", height = "auto", ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "textarea",
+      {
+        "data-slot": "textarea",
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          // Entered text keeps the iOS-safe floor. The shared stylesheet sizes
+          // placeholder copy independently at the compact 14px base scale.
+          textSize === "sm" ? "text-[16px] md:text-sm" : "text-[16px] md:text-xs",
+          resize === "none" && "resize-none",
+          grow && "flex-1",
+          font === "mono" && "font-mono",
+          height === "panel" && "h-32",
+          height === "editor" && "h-72",
+          height === "editor-lg" && "h-80",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+
+
+exports.Textarea = Textarea;

package/dist/chunk-2KFZQJH5.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/action-dock.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var ActionDock = _react.forwardRef.call(void 0, 
+  function ActionDock2({ shrink = true, className, ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "aside",
+      {
+        ref,
+        "data-slot": "action-dock",
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "w-full border-t border-border bg-background/85 backdrop-blur-sm supports-backdrop-filter:bg-background/70 pb-[env(safe-area-inset-bottom)]",
+          !shrink && "shrink-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+
+
+exports.ActionDock = ActionDock;

package/dist/chunk-2XDFTB2W.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/switch.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactswitch = require('@radix-ui/react-switch'); var SwitchPrimitives = _interopRequireWildcard(_reactswitch);
+var _jsxruntime = require('react/jsx-runtime');
+var Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  SwitchPrimitives.Root,
+  {
+    "data-slot": "switch",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      SwitchPrimitives.Thumb,
+      {
+        "data-slot": "switch-thumb",
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+
+
+exports.Switch = Switch;

package/dist/chunk-32Q4XOTU.cjs

@@ -0,0 +1,204 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/attachment.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+var attachmentVariants = _classvarianceauthority.cva.call(void 0, 
+  "cn-attachment group/attachment relative flex max-w-full min-w-0 shrink-0 flex-wrap border bg-card text-card-foreground transition-colors has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed",
+  {
+    variants: {
+      size: {
+        default: "cn-attachment-size-default",
+        sm: "cn-attachment-size-sm",
+        xs: "cn-attachment-size-xs"
+      },
+      orientation: {
+        horizontal: "cn-attachment-orientation-horizontal items-center",
+        vertical: "cn-attachment-orientation-vertical flex-col"
+      }
+    }
+  }
+);
+function Attachment({
+  className,
+  state = "done",
+  size = "default",
+  orientation = "horizontal",
+  ...props
+}) {
+  const resolvedOrientation = _nullishCoalesce(orientation, () => ( "horizontal"));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "attachment",
+      "data-state": state,
+      "data-size": size,
+      "data-orientation": resolvedOrientation,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, attachmentVariants({ size, orientation }), className),
+      ...props
+    }
+  );
+}
+var attachmentMediaVariants = _classvarianceauthority.cva.call(void 0, 
+  "cn-attachment-media relative flex aspect-square shrink-0 items-center justify-center overflow-hidden group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        icon: "cn-attachment-media-variant-icon",
+        image: "cn-attachment-media-variant-image *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "icon"
+    }
+  }
+);
+function AttachmentMedia({
+  className,
+  variant = "icon",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "attachment-media",
+      "data-variant": variant,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, attachmentMediaVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AttachmentContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "attachment-content",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-attachment-content max-w-full min-w-0 flex-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AttachmentTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "attachment-title",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-attachment-title block max-w-full min-w-0 truncate group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AttachmentDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "attachment-description",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-attachment-description block min-w-0 truncate text-muted-foreground group-data-[state=error]/attachment:text-destructive/80",
+        "max-w-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AttachmentActions({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "attachment-actions",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-attachment-actions flex shrink-0 items-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AttachmentAction({
+  className,
+  variant,
+  size = "icon-xs",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkL4DH72UFcjs.Button,
+    {
+      "data-slot": "attachment-action",
+      variant: _nullishCoalesce(variant, () => ( "ghost")),
+      size,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, "cn-attachment-action", className),
+      ...props
+    }
+  );
+}
+function AttachmentTrigger({
+  className,
+  asChild = false,
+  type,
+  ...props
+}) {
+  const Comp = asChild ? _radixui.Slot.Root : "button";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "attachment-trigger",
+      type: asChild ? void 0 : _nullishCoalesce(type, () => ( "button")),
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-attachment-trigger absolute inset-0 z-10 outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AttachmentGroup({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "attachment-group",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "cn-attachment-group flex min-w-0 scroll-fade-x snap-x snap-mandatory scrollbar-none overflow-x-auto overscroll-x-contain *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.Attachment = Attachment; exports.AttachmentMedia = AttachmentMedia; exports.AttachmentContent = AttachmentContent; exports.AttachmentTitle = AttachmentTitle; exports.AttachmentDescription = AttachmentDescription; exports.AttachmentActions = AttachmentActions; exports.AttachmentAction = AttachmentAction; exports.AttachmentTrigger = AttachmentTrigger; exports.AttachmentGroup = AttachmentGroup;

package/dist/chunk-35YMAIEL.js

@@ -0,0 +1,135 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/card.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Card = forwardRef(
+  ({ className, padding = "none", overflow = "visible", align = "start", radius = "lg", spacing = "none", width = "auto", surface = "card", marginBottom = "none", printMode = "default", textSize = "inherit", interaction = "none", borderStyle = "solid", divided = false, mobileTreatment = "card", ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card",
+      "data-surface": surface,
+      "data-radius": radius,
+      className: cn(
+        "border text-card-foreground shadow-xs",
+        surface === "card" ? "bg-card" : "bg-muted/40",
+        radius === "md" ? "rounded-md" : radius === "lg" ? "rounded-lg" : "rounded-xl",
+        padding === "xs" && "p-[14px]",
+        padding === "compact" && "p-3",
+        padding === "row" && "px-4 py-3",
+        padding === "sm" && "p-[22px]",
+        padding === "md" && "p-[26px]",
+        padding === "lg" && "p-[30px]",
+        padding === "responsive" && "p-6 md:p-8",
+        borderStyle === "dashed" && "border-2 border-dashed",
+        overflow === "hidden" && "overflow-hidden",
+        align === "center" && "text-center",
+        spacing === "md" && "space-y-4",
+        spacing === "compact" && "space-y-3",
+        width === "full" && "w-full",
+        marginBottom === "md" && "mb-4",
+        marginBottom === "lg" && "mb-8",
+        printMode === "flat" && "print:border-0 print:shadow-none",
+        textSize === "xs" && "text-xs",
+        interaction === "group" && "group",
+        divided && "divide-y",
+        mobileTreatment === "flat" && "flex flex-1 flex-col rounded-none border-0 p-0 shadow-none md:block md:flex-none md:rounded-lg md:border md:shadow-xs",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = forwardRef(
+  ({ className, paddingBottom = "default", padding = "default", direction = "column", justify = "start", border = "none", ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-header",
+      className: cn(
+        "flex",
+        padding === "default" ? "p-6" : "p-8",
+        direction === "column" ? "flex-col space-y-1.5" : "flex-row items-center",
+        paddingBottom === "compact" && "pb-3",
+        justify === "between" && "justify-between",
+        border === "bottom" && "border-b border-border",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = forwardRef(({ className, size = "default", display = "block", ...props }, ref) => /* @__PURE__ */ jsx(
+  "h3",
+  {
+    ref,
+    "data-slot": "card-title",
+    className: cn(
+      "font-semibold leading-none tracking-tight",
+      size === "default" ? "text-2xl" : size === "section" ? "text-lg" : size === "base" ? "text-base" : "text-sm",
+      display === "inline-flex" && "inline-flex items-center gap-2",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = forwardRef(({ className, marginTop = "none", ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    "data-slot": "card-description",
+    className: cn("text-sm text-muted-foreground", marginTop === "xs" && "mt-1", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = forwardRef(
+  ({ className, padding = "default", textSize = "inherit", align = "start", spacing = "none", layout = "block", ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "card-content", className: cn(
+    padding === "default" && "p-6 pt-0",
+    padding === "compact" && "p-4",
+    padding === "spacious" && "p-8",
+    textSize === "sm" && "text-sm",
+    align === "center" && "text-center",
+    spacing === "md" && "space-y-4",
+    spacing === "compact" && "space-y-3",
+    spacing === "lg" && "space-y-5",
+    layout === "empty-state" && "flex flex-col items-center gap-3 py-16 text-center",
+    className
+  ), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = forwardRef(
+  ({ className, justify = "start", border = "none", padding = "default", printVisibility = "visible", ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-footer",
+      className: cn(
+        "flex items-center",
+        padding === "default" ? "p-6 pt-0" : "p-4",
+        justify === "center" && "justify-center",
+        border === "top" && "border-t border-border",
+        printVisibility === "hidden" && "print:hidden",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+
+export {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter
+};

package/dist/chunk-373W6VAD.cjs

@@ -0,0 +1,82 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/text.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var variantStyles = {
+  default: "text-base leading-relaxed",
+  muted: "text-base leading-relaxed text-muted-foreground",
+  lead: "text-lg leading-relaxed",
+  small: "text-sm leading-relaxed",
+  caption: "text-sm leading-relaxed text-muted-foreground",
+  micro: "text-[11px] leading-snug",
+  eyebrow: "font-mono text-xs uppercase tracking-[0.18em] text-muted-foreground",
+  inherit: ""
+};
+var sizeStyles = { inherit: "", micro: "text-[11px]", xs: "text-xs", sm: "text-sm", base: "text-base", lg: "text-lg" };
+var toneStyles = { inherit: "", muted: "text-muted-foreground", subtle: "text-muted-foreground/60", soft: "text-foreground/90", primary: "text-primary", success: "text-emerald-600 dark:text-emerald-400", warning: "text-amber-600 dark:text-amber-400", destructive: "text-destructive" };
+var weightStyles = { normal: "font-normal", medium: "font-medium", semibold: "font-semibold" };
+var displayStyles = { inline: "inline", block: "block", "inline-flex": "inline-flex items-center gap-1.5" };
+var leadingStyles = { normal: "leading-relaxed", none: "leading-none", snug: "leading-snug" };
+var Text = _react.forwardRef.call(void 0, 
+  function Text2({ variant = "default", size = "inherit", tone = "inherit", weight = "normal", display, truncate, grow = false, minWidth = "auto", font = "sans", align = "start", transform = "none", whitespace = "normal", marginTop = "none", marginBottom = "none", marginStart = "none", padding = "none", paddingY = "none", marginEnd = "none", italic = false, shrink = true, lineClamp, responsiveVisibility = "always", opacity = "full", marginTopNegative = "none", paddingX = "none", numeric = "normal", leading = "normal", decoration = "none", maxWidth = "none", as, className, ...props }, ref) {
+    const Tag = _nullishCoalesce(as, () => ( "p"));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tag, { ref, className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      variantStyles[variant],
+      sizeStyles[size],
+      (leading !== "normal" || variant !== "inherit") && leadingStyles[leading],
+      toneStyles[tone],
+      weightStyles[weight],
+      display && displayStyles[display],
+      truncate && "truncate",
+      grow && "flex-1",
+      minWidth === "zero" && "min-w-0",
+      font === "mono" && "font-mono",
+      align === "center" && "text-center",
+      align === "end" && "text-right",
+      transform === "uppercase" && "uppercase",
+      transform === "capitalize" && "capitalize",
+      whitespace === "pre-wrap" && "whitespace-pre-wrap",
+      whitespace === "pre-line" && "whitespace-pre-line",
+      whitespace === "nowrap" && "whitespace-nowrap",
+      marginTop === "tight" && "mt-0.5",
+      marginTop === "xs" && "mt-1",
+      marginTop === "sm" && "mt-2",
+      marginTop === "md" && "mt-4",
+      marginTop === "lg" && "mt-6",
+      marginBottom === "xs" && "mb-1",
+      marginBottom === "sm" && "mb-2",
+      marginBottom === "md" && "mb-4",
+      marginBottom === "lg" && "mb-6",
+      marginStart === "sm" && "ml-1.5",
+      padding === "md" && "p-4",
+      paddingY === "sm" && "py-2",
+      paddingY === "lg" && "py-6",
+      marginEnd === "xs" && "mr-0.5",
+      marginEnd === "md" && "mr-2",
+      italic && "italic",
+      !shrink && "shrink-0",
+      lineClamp === 1 && "line-clamp-1",
+      lineClamp === 2 && "line-clamp-2",
+      lineClamp === 3 && "line-clamp-3",
+      responsiveVisibility === "desktop" && "hidden sm:inline",
+      opacity === "soft" && "opacity-70",
+      marginTopNegative === "xs" && "-mt-1",
+      paddingX === "sm" && "px-2",
+      paddingX === "md" && "px-3",
+      numeric === "tabular" && "tabular-nums",
+      decoration === "line-through" && "line-through",
+      maxWidth === "sm" && "max-w-36",
+      maxWidth === "md" && "max-w-md",
+      maxWidth === "lg" && "max-w-lg",
+      className
+    ), ...props });
+  }
+);
+
+
+
+exports.Text = Text;

package/dist/chunk-3BZ4CQHW.js

@@ -0,0 +1,94 @@
+"use client";
+import {
+  StatusIcon
+} from "./chunk-V7542UGX.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/timeline.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Timeline({ children, spacing = "normal", className }) {
+  const spacingClass = spacing === "tight" ? "space-y-1" : spacing === "loose" ? "space-y-3" : "space-y-2";
+  return /* @__PURE__ */ jsx("div", { className: cn(spacingClass, className), children });
+}
+var TimelineMarker = forwardRef(
+  function TimelineMarker2({ active = false, placement = "inline", tone = "neutral", className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        "aria-hidden": true,
+        className: cn(
+          "block h-2 w-2 shrink-0 rounded-full",
+          placement === "guide" && "absolute left-[-21px] top-1.5",
+          active && "ring-2 ring-emerald-500/30",
+          tone === "neutral" && (active ? "bg-emerald-500" : "bg-muted-foreground/40"),
+          tone === "info" && "bg-sky-500",
+          tone === "success" && "bg-emerald-500",
+          tone === "accent" && "bg-violet-500",
+          tone === "destructive" && "bg-red-500",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var TimelineRow = forwardRef(function TimelineRow2({
+  status,
+  icon,
+  title,
+  subtitle,
+  timestamp,
+  error,
+  children,
+  interactive,
+  as,
+  className,
+  surface = "muted",
+  radius = "md",
+  ...rest
+}, ref) {
+  const Component = as ?? "div";
+  return /* @__PURE__ */ jsxs(
+    Component,
+    {
+      ref,
+      className: cn(
+        "flex items-start gap-2 p-2",
+        radius === "md" && "rounded-md",
+        surface === "muted" && "bg-muted/50",
+        interactive && "transition-colors hover:bg-accent/50 cursor-pointer",
+        className
+      ),
+      ...rest,
+      children: [
+        icon ?? (status != null && /* @__PURE__ */ jsx(StatusIcon, { status })),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: title }),
+            timestamp != null && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground shrink-0", children: timestamp })
+          ] }),
+          subtitle != null && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: subtitle }),
+          error != null && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-xs text-destructive mt-1 line-clamp-2",
+              title: typeof error === "string" ? error : void 0,
+              children: error
+            }
+          ),
+          children
+        ] })
+      ]
+    }
+  );
+});
+
+export {
+  Timeline,
+  TimelineMarker,
+  TimelineRow
+};