@epicbagel/saas-kit 0.0.0-stage → 1.1.0

package/dist/chunk-E2TQMDO7.js

@@ -0,0 +1,34 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/label.tsx
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var labelVariants = cva(
+  "font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  {
+    variants: {
+      size: { sm: "text-sm", xs: "text-xs" },
+      appearance: { default: "", eyebrow: "font-mono text-[10px] uppercase tracking-wider text-muted-foreground" },
+      display: { block: "", "inline-flex": "inline-flex items-center gap-2" }
+    },
+    defaultVariants: { size: "sm", appearance: "default", display: "block" }
+  }
+);
+var Label = React.forwardRef(({ className, size, appearance, display, ...props }, ref) => /* @__PURE__ */ jsx(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants({ size, appearance, display }), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export {
+  Label
+};

package/dist/chunk-EIY5LLSP.js

@@ -0,0 +1,82 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/text.tsx
+import { forwardRef } from "react";
+import { jsx } from "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 = forwardRef(
+  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 = as ?? "p";
+    return /* @__PURE__ */ jsx(Tag, { ref, className: cn(
+      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 });
+  }
+);
+
+export {
+  Text
+};

package/dist/chunk-EJP2L5QV.cjs

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/lib/status-colors.ts
+var statusColors = {
+  success: {
+    bg: "bg-green-100 dark:bg-green-900/20",
+    text: "text-green-800 dark:text-green-400",
+    border: "border-green-200 dark:border-green-800",
+    icon: "text-green-600 dark:text-green-400"
+  },
+  warning: {
+    bg: "bg-yellow-100 dark:bg-yellow-900/20",
+    text: "text-yellow-800 dark:text-yellow-400",
+    border: "border-yellow-200 dark:border-yellow-800",
+    icon: "text-yellow-600 dark:text-yellow-400"
+  },
+  error: {
+    bg: "bg-red-100 dark:bg-red-900/20",
+    text: "text-red-800 dark:text-red-400",
+    border: "border-red-200 dark:border-red-800",
+    icon: "text-red-600 dark:text-red-400"
+  },
+  neutral: {
+    bg: "bg-gray-100 dark:bg-gray-800",
+    text: "text-gray-800 dark:text-gray-300",
+    border: "border-gray-200 dark:border-gray-700",
+    icon: "text-gray-600 dark:text-gray-400"
+  },
+  info: {
+    bg: "bg-blue-100 dark:bg-blue-900/20",
+    text: "text-blue-800 dark:text-blue-400",
+    border: "border-blue-200 dark:border-blue-800",
+    icon: "text-blue-600 dark:text-blue-400"
+  }
+};
+var statusFill = {
+  success: "bg-emerald-500",
+  warning: "bg-amber-500",
+  error: "bg-red-500",
+  neutral: "bg-gray-400",
+  info: "bg-blue-500"
+};
+function getStatusColors(status) {
+  return statusColors[status];
+}
+function getStatusBadgeClasses(status, className) {
+  const colors = statusColors[status];
+  return _chunkKWLSBTB2cjs.cn.call(void 0, 
+    colors.bg,
+    colors.text,
+    "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold",
+    className
+  );
+}
+function getStatusTextClasses(status, className) {
+  const colors = statusColors[status];
+  return _chunkKWLSBTB2cjs.cn.call(void 0, colors.text, className);
+}
+function getStatusIconClasses(status, className) {
+  const colors = statusColors[status];
+  return _chunkKWLSBTB2cjs.cn.call(void 0, colors.icon, className);
+}
+
+
+
+
+
+
+
+
+exports.statusColors = statusColors; exports.statusFill = statusFill; exports.getStatusColors = getStatusColors; exports.getStatusBadgeClasses = getStatusBadgeClasses; exports.getStatusTextClasses = getStatusTextClasses; exports.getStatusIconClasses = getStatusIconClasses;

package/dist/chunk-ELPV44S6.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/rich-text.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function RichText({ size = "sm", tone = "default", className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "rich-text",
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        size === "sm" ? "text-sm" : "text-base",
+        tone === "soft" && "text-foreground/90",
+        tone === "muted" && "text-muted-foreground",
+        "leading-relaxed",
+        "[&_p]:mb-2 [&_p:last-child]:mb-0",
+        "[&_a]:font-medium [&_a]:underline [&_a]:underline-offset-4",
+        "[&_strong]:font-semibold",
+        "[&_h1]:mb-3 [&_h1]:mt-6 [&_h1]:text-xl [&_h1]:font-semibold [&_h1]:tracking-tight [&_h1:first-child]:mt-0",
+        "[&_h2]:mb-2 [&_h2]:mt-5 [&_h2]:text-base [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2:first-child]:mt-0",
+        "[&_h3]:mb-2 [&_h3]:mt-4 [&_h3]:font-semibold [&_h3:first-child]:mt-0",
+        "[&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5",
+        "[&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5",
+        "[&_li]:my-1 [&_li>p]:mb-0",
+        "[&_blockquote]:my-3 [&_blockquote]:border-l-2 [&_blockquote]:border-border [&_blockquote]:pl-4 [&_blockquote]:text-muted-foreground",
+        "[&_hr]:my-4 [&_hr]:border-border",
+        "[&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.875em]",
+        "[&_pre]:my-3 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:border-border [&_pre]:bg-muted/40 [&_pre]:p-3",
+        "[&_pre_code]:bg-transparent [&_pre_code]:p-0",
+        "[&_table]:my-3 [&_table]:w-full [&_table]:border-collapse [&_table]:text-left",
+        "[&_th]:border-b [&_th]:border-border [&_th]:px-2 [&_th]:py-1.5 [&_th]:font-semibold",
+        "[&_td]:border-b [&_td]:border-border/70 [&_td]:px-2 [&_td]:py-1.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+
+
+exports.RichText = RichText;

package/dist/chunk-EOUO3ORO.cjs

@@ -0,0 +1,244 @@
+"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; } } 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";
+
+
+var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/voice-dictation-button.tsx
+
+
+
+
+
+var _react = require('react');
+var _reactdialog = require('@radix-ui/react-dialog'); var DialogPrimitive = _interopRequireWildcard(_reactdialog);
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function VoiceDictationButton({
+  onCommit,
+  onCancel,
+  title = "Dictate your message",
+  caption = "listening",
+  lang = "en-US",
+  continuous = true,
+  className,
+  size = "sm",
+  showLabel = false,
+  children,
+  disabled = false,
+  visibility = "visible",
+  shrink = true
+}) {
+  const [supported, setSupported] = _react.useState.call(void 0, false);
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  const [transcript, setTranscript] = _react.useState.call(void 0, "");
+  const [interim, setInterim] = _react.useState.call(void 0, "");
+  const [errored, setErrored] = _react.useState.call(void 0, false);
+  const recognitionRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    const w = window;
+    const Ctor = _nullishCoalesce(w.SpeechRecognition, () => ( w.webkitSpeechRecognition));
+    setSupported(typeof Ctor === "function");
+  }, []);
+  const stop = _react.useCallback.call(void 0, () => {
+    _optionalChain([recognitionRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.stop, 'call', _3 => _3()]);
+    recognitionRef.current = null;
+  }, []);
+  const startRecognition = _react.useCallback.call(void 0, () => {
+    const w = window;
+    const Ctor = _nullishCoalesce(w.SpeechRecognition, () => ( w.webkitSpeechRecognition));
+    if (!Ctor) return;
+    const rec = new Ctor();
+    rec.continuous = continuous;
+    rec.interimResults = true;
+    rec.lang = lang;
+    rec.onresult = (event) => {
+      let finalChunk = "";
+      let interimChunk = "";
+      for (let i = event.resultIndex; i < event.results.length; i++) {
+        const r = event.results[i];
+        if (!r) continue;
+        if (r.isFinal) finalChunk += r[0].transcript;
+        else interimChunk += r[0].transcript;
+      }
+      if (finalChunk) {
+        setTranscript((prev) => prev ? prev + " " + finalChunk : finalChunk);
+        setInterim("");
+      } else if (interimChunk) {
+        setInterim(interimChunk);
+      }
+    };
+    rec.onerror = () => {
+      setErrored(true);
+    };
+    rec.onend = () => {
+      recognitionRef.current = null;
+    };
+    recognitionRef.current = rec;
+    setErrored(false);
+    rec.start();
+  }, [continuous, lang]);
+  const openOverlay = _react.useCallback.call(void 0, () => {
+    setTranscript("");
+    setInterim("");
+    setOpen(true);
+    startRecognition();
+  }, [startRecognition]);
+  const closeOverlay = _react.useCallback.call(void 0, () => {
+    stop();
+    setOpen(false);
+    setInterim("");
+  }, [stop]);
+  const handleDone = _react.useCallback.call(void 0, () => {
+    const final = `${transcript} ${interim}`.trim();
+    closeOverlay();
+    if (final) onCommit(final);
+    else _optionalChain([onCancel, 'optionalCall', _4 => _4()]);
+  }, [transcript, interim, onCommit, onCancel, closeOverlay]);
+  const handleCancel = _react.useCallback.call(void 0, () => {
+    closeOverlay();
+    _optionalChain([onCancel, 'optionalCall', _5 => _5()]);
+  }, [closeOverlay, onCancel]);
+  _react.useEffect.call(void 0, () => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Enter" && !e.shiftKey) handleDone();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [open, handleDone]);
+  _react.useEffect.call(void 0, () => {
+    return () => {
+      _optionalChain([recognitionRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.abort, 'call', _8 => _8()]);
+    };
+  }, []);
+  if (!supported) return null;
+  const displayTranscript = `${transcript}${interim ? (transcript ? " " : "") + interim : ""}`;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        onClick: openOverlay,
+        disabled,
+        "aria-label": "Start dictation",
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, visibility === "hidden" && "hidden", className),
+        children
+      }
+    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkL4DH72UFcjs.Button,
+      {
+        type: "button",
+        onClick: openOverlay,
+        disabled,
+        variant: "outline",
+        size,
+        "aria-label": "Start dictation",
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, "transition-colors", visibility === "hidden" && "hidden", !shrink && "shrink-0", className),
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center justify-center gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Mic, { className: "h-4 w-4" }),
+          showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Speak" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      DialogPrimitive.Root,
+      {
+        open,
+        onOpenChange: (next) => {
+          if (!next) closeOverlay();
+        },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          DialogPrimitive.Content,
+          {
+            "aria-label": "Voice dictation",
+            onOpenAutoFocus: (e) => e.preventDefault(),
+            onMouseDown: (e) => {
+              if (e.target === e.currentTarget) handleCancel();
+            },
+            className: "fixed inset-0 z-[200] flex flex-col bg-background outline-hidden md:items-center md:justify-center md:bg-black/40 md:backdrop-blur-sm",
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Title, { className: "sr-only", children: "Voice dictation" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 md:flex-initial w-full md:max-w-lg md:rounded-xl bg-background flex flex-col md:max-h-[80vh] md:shadow-2xl md:border md:border-border", children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between px-4 py-3 border-b border-border md:rounded-t-xl", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-mono text-xs uppercase tracking-wider text-muted-foreground", children: caption }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleCancel,
+                      "aria-label": "Cancel",
+                      className: "p-1 -m-1 rounded-sm hover:bg-muted/60 transition-colors",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "h-4 w-4" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 flex flex-col items-center justify-center px-6 text-center", children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative w-24 h-24 mb-10 flex items-center justify-center", children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "span",
+                      {
+                        "aria-hidden": true,
+                        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                          "absolute inset-0 rounded-full",
+                          errored ? "bg-destructive/20" : "bg-destructive/20 animate-ping"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "span",
+                      {
+                        "aria-hidden": true,
+                        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                          "absolute inset-2 rounded-full",
+                          errored ? "bg-destructive/40" : "bg-destructive/40"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Mic, { className: "relative h-9 w-9 text-destructive-foreground" })
+                  ] }),
+                  title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-base font-medium text-muted-foreground mb-3", children: title }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl md:text-2xl leading-relaxed min-h-[5rem] max-w-xl text-foreground", children: displayTranscript ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: transcript }),
+                    interim && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground", children: [
+                      transcript ? " " : "",
+                      interim
+                    ] })
+                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground italic text-base", children: "Start speaking \u2014 I'm listening." }) }),
+                  errored && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive mt-4", children: "Couldn't access the microphone. Check permissions." })
+                ] }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "border-t border-border px-4 py-4 pb-[calc(1rem+env(safe-area-inset-bottom))] md:pb-4 md:rounded-b-xl flex flex-col items-stretch gap-2", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunkL4DH72UFcjs.Button,
+                    {
+                      size: "lg",
+                      className: "h-12 w-full",
+                      onClick: handleDone,
+                      disabled: !displayTranscript.trim(),
+                      children: "Done"
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleCancel,
+                      className: "text-sm text-muted-foreground hover:text-foreground py-1",
+                      children: "Cancel"
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        ) })
+      }
+    )
+  ] });
+}
+
+
+
+exports.VoiceDictationButton = VoiceDictationButton;

package/dist/chunk-EZCKWTH7.js

@@ -0,0 +1,204 @@
+"use client";
+import {
+  Button
+} from "./chunk-HQRWRRZJ.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/attachment.tsx
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+var attachmentVariants = cva(
+  "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 = orientation ?? "horizontal";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "attachment",
+      "data-state": state,
+      "data-size": size,
+      "data-orientation": resolvedOrientation,
+      className: cn(attachmentVariants({ size, orientation }), className),
+      ...props
+    }
+  );
+}
+var attachmentMediaVariants = cva(
+  "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__ */ jsx(
+    "div",
+    {
+      "data-slot": "attachment-media",
+      "data-variant": variant,
+      className: cn(attachmentMediaVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AttachmentContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "attachment-content",
+      className: cn(
+        "cn-attachment-content max-w-full min-w-0 flex-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AttachmentTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "attachment-title",
+      className: cn(
+        "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__ */ jsx(
+    "span",
+    {
+      "data-slot": "attachment-description",
+      className: cn(
+        "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__ */ jsx(
+    "div",
+    {
+      "data-slot": "attachment-actions",
+      className: cn(
+        "cn-attachment-actions flex shrink-0 items-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AttachmentAction({
+  className,
+  variant,
+  size = "icon-xs",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      "data-slot": "attachment-action",
+      variant: variant ?? "ghost",
+      size,
+      className: cn("cn-attachment-action", className),
+      ...props
+    }
+  );
+}
+function AttachmentTrigger({
+  className,
+  asChild = false,
+  type,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "attachment-trigger",
+      type: asChild ? void 0 : type ?? "button",
+      className: cn(
+        "cn-attachment-trigger absolute inset-0 z-10 outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AttachmentGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "attachment-group",
+      className: cn(
+        "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
+    }
+  );
+}
+
+export {
+  Attachment,
+  AttachmentMedia,
+  AttachmentContent,
+  AttachmentTitle,
+  AttachmentDescription,
+  AttachmentActions,
+  AttachmentAction,
+  AttachmentTrigger,
+  AttachmentGroup
+};