@epicbagel/saas-kit 1.0.0 → 1.1.0

package/dist/chunk-F366BHWH.js

@@ -0,0 +1,116 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/bubble.tsx
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+function BubbleGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "bubble-group",
+      className: cn("cn-bubble-group flex min-w-0 flex-col", className),
+      ...props
+    }
+  );
+}
+var bubbleVariants = cva(
+  "cn-bubble group/bubble relative flex w-fit min-w-0 flex-col",
+  {
+    variants: {
+      variant: {
+        default: "cn-bubble-variant-default",
+        secondary: "cn-bubble-variant-secondary",
+        muted: "cn-bubble-variant-muted",
+        tinted: "cn-bubble-variant-tinted",
+        outline: "cn-bubble-variant-outline",
+        ghost: "cn-bubble-variant-ghost",
+        destructive: "cn-bubble-variant-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Bubble({
+  variant = "default",
+  align = "start",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "bubble",
+      "data-variant": variant,
+      "data-align": align,
+      className: cn(bubbleVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function BubbleContent({
+  asChild = false,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "bubble-content",
+      className: cn(
+        "cn-bubble-content w-fit max-w-full min-w-0 overflow-hidden wrap-break-word [button]:text-left [button,a]:transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var bubbleReactionsVariants = cva(
+  "cn-bubble-reactions absolute z-10 flex w-fit items-center justify-center",
+  {
+    variants: {
+      side: {
+        top: "cn-bubble-reactions-side-top",
+        bottom: "cn-bubble-reactions-side-bottom"
+      },
+      align: {
+        start: "cn-bubble-reactions-align-start",
+        end: "cn-bubble-reactions-align-end"
+      }
+    },
+    defaultVariants: {
+      side: "bottom",
+      align: "end"
+    }
+  }
+);
+function BubbleReactions({
+  side = "bottom",
+  align = "end",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "bubble-reactions",
+      "data-align": align,
+      "data-side": side,
+      className: cn(bubbleReactionsVariants({ side, align }), className),
+      ...props
+    }
+  );
+}
+
+export {
+  BubbleGroup,
+  Bubble,
+  BubbleContent,
+  BubbleReactions
+};

package/dist/chunk-GFG2R5BZ.js

@@ -0,0 +1,132 @@
+"use client";
+import {
+  Button
+} from "./chunk-HQRWRRZJ.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/message-scroller.tsx
+import {
+  MessageScroller as MessageScrollerPrimitive,
+  useMessageScroller,
+  useMessageScrollerScrollable,
+  useMessageScrollerVisibility
+} from "@shadcn/react/message-scroller";
+import { ArrowDown } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function MessageScrollerProvider(props) {
+  return /* @__PURE__ */ jsx(MessageScrollerPrimitive.Provider, { ...props });
+}
+function MessageScroller({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MessageScrollerPrimitive.Root,
+    {
+      "data-slot": "message-scroller",
+      className: cn(
+        "cn-message-scroller group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageScrollerViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MessageScrollerPrimitive.Viewport,
+    {
+      "data-slot": "message-scroller-viewport",
+      className: cn(
+        // @shadcn/react 0.3: while an automatic scroll runs the scrollbar goes
+        // transparent rather than away (so the gutter, and the text, never
+        // shift), and the viewport stays invisible until its opening scroll
+        // position is applied, so a long thread never flashes its first turn.
+        "cn-message-scroller-viewport size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent data-pending-scroll:invisible",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageScrollerContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MessageScrollerPrimitive.Content,
+    {
+      "data-slot": "message-scroller-content",
+      className: cn(
+        "cn-message-scroller-content flex h-max min-h-full flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageScrollerItem({
+  className,
+  scrollAnchor = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MessageScrollerPrimitive.Item,
+    {
+      "data-slot": "message-scroller-item",
+      scrollAnchor,
+      className: cn(
+        "cn-message-scroller-item min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MessageScrollerButton({
+  direction = "end",
+  className,
+  children,
+  render,
+  variant = "secondary",
+  size = "icon-sm",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    MessageScrollerPrimitive.Button,
+    {
+      "data-slot": "message-scroller-button",
+      "data-direction": direction,
+      "data-variant": variant,
+      "data-size": size,
+      direction,
+      className: cn(
+        "cn-message-scroller-button absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180",
+        className
+      ),
+      render: render ?? /* @__PURE__ */ jsx(Button, { variant, size }),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(ArrowDown, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: direction === "end" ? "Scroll to end" : "Scroll to start" })
+      ] })
+    }
+  );
+}
+
+export {
+  useMessageScroller,
+  useMessageScrollerScrollable,
+  useMessageScrollerVisibility,
+  MessageScrollerProvider,
+  MessageScroller,
+  MessageScrollerViewport,
+  MessageScrollerContent,
+  MessageScrollerItem,
+  MessageScrollerButton
+};

package/dist/chunk-HAC32ALJ.js

@@ -0,0 +1,244 @@
+"use client";
+import {
+  Button
+} from "./chunk-HQRWRRZJ.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/voice-dictation-button.tsx
+import {
+  useCallback,
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { Mic, X } from "lucide-react";
+import { Fragment, jsx, jsxs } from "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] = useState(false);
+  const [open, setOpen] = useState(false);
+  const [transcript, setTranscript] = useState("");
+  const [interim, setInterim] = useState("");
+  const [errored, setErrored] = useState(false);
+  const recognitionRef = useRef(null);
+  useEffect(() => {
+    const w = window;
+    const Ctor = w.SpeechRecognition ?? w.webkitSpeechRecognition;
+    setSupported(typeof Ctor === "function");
+  }, []);
+  const stop = useCallback(() => {
+    recognitionRef.current?.stop();
+    recognitionRef.current = null;
+  }, []);
+  const startRecognition = useCallback(() => {
+    const w = window;
+    const Ctor = 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 = useCallback(() => {
+    setTranscript("");
+    setInterim("");
+    setOpen(true);
+    startRecognition();
+  }, [startRecognition]);
+  const closeOverlay = useCallback(() => {
+    stop();
+    setOpen(false);
+    setInterim("");
+  }, [stop]);
+  const handleDone = useCallback(() => {
+    const final = `${transcript} ${interim}`.trim();
+    closeOverlay();
+    if (final) onCommit(final);
+    else onCancel?.();
+  }, [transcript, interim, onCommit, onCancel, closeOverlay]);
+  const handleCancel = useCallback(() => {
+    closeOverlay();
+    onCancel?.();
+  }, [closeOverlay, onCancel]);
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Enter" && !e.shiftKey) handleDone();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [open, handleDone]);
+  useEffect(() => {
+    return () => {
+      recognitionRef.current?.abort();
+    };
+  }, []);
+  if (!supported) return null;
+  const displayTranscript = `${transcript}${interim ? (transcript ? " " : "") + interim : ""}`;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: openOverlay,
+        disabled,
+        "aria-label": "Start dictation",
+        className: cn(visibility === "hidden" && "hidden", className),
+        children
+      }
+    ) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        onClick: openOverlay,
+        disabled,
+        variant: "outline",
+        size,
+        "aria-label": "Start dictation",
+        className: cn("transition-colors", visibility === "hidden" && "hidden", !shrink && "shrink-0", className),
+        children: /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-2", children: [
+          /* @__PURE__ */ jsx(Mic, { className: "h-4 w-4" }),
+          showLabel && /* @__PURE__ */ jsx("span", { children: "Speak" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Root,
+      {
+        open,
+        onOpenChange: (next) => {
+          if (!next) closeOverlay();
+        },
+        children: /* @__PURE__ */ jsx(DialogPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+          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__ */ jsx(DialogPrimitive.Title, { className: "sr-only", children: "Voice dictation" }),
+              /* @__PURE__ */ jsxs("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__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border md:rounded-t-xl", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-mono text-xs uppercase tracking-wider text-muted-foreground", children: caption }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleCancel,
+                      "aria-label": "Cancel",
+                      className: "p-1 -m-1 rounded-sm hover:bg-muted/60 transition-colors",
+                      children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center px-6 text-center", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "relative w-24 h-24 mb-10 flex items-center justify-center", children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "aria-hidden": true,
+                        className: cn(
+                          "absolute inset-0 rounded-full",
+                          errored ? "bg-destructive/20" : "bg-destructive/20 animate-ping"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "aria-hidden": true,
+                        className: cn(
+                          "absolute inset-2 rounded-full",
+                          errored ? "bg-destructive/40" : "bg-destructive/40"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Mic, { className: "relative h-9 w-9 text-destructive-foreground" })
+                  ] }),
+                  title && /* @__PURE__ */ jsx("div", { className: "text-base font-medium text-muted-foreground mb-3", children: title }),
+                  /* @__PURE__ */ jsx("p", { className: "text-xl md:text-2xl leading-relaxed min-h-[5rem] max-w-xl text-foreground", children: displayTranscript ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("span", { children: transcript }),
+                    interim && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                      transcript ? " " : "",
+                      interim
+                    ] })
+                  ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground italic text-base", children: "Start speaking \u2014 I'm listening." }) }),
+                  errored && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive mt-4", children: "Couldn't access the microphone. Check permissions." })
+                ] }),
+                /* @__PURE__ */ jsxs("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__ */ jsx(
+                    Button,
+                    {
+                      size: "lg",
+                      className: "h-12 w-full",
+                      onClick: handleDone,
+                      disabled: !displayTranscript.trim(),
+                      children: "Done"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleCancel,
+                      className: "text-sm text-muted-foreground hover:text-foreground py-1",
+                      children: "Cancel"
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        ) })
+      }
+    )
+  ] });
+}
+
+export {
+  VoiceDictationButton
+};

package/dist/chunk-I5UQSBBZ.cjs

@@ -0,0 +1,118 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+var _chunk373W6VADcjs = require('./chunk-373W6VAD.cjs');
+
+
+
+
+var _chunkU2NES7VRcjs = require('./chunk-U2NES7VR.cjs');
+
+
+var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/file-dropzone.tsx
+var _lucidereact = require('lucide-react');
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function FileDropzone({
+  onFile,
+  onFiles,
+  multiple = false,
+  accept,
+  disabled = false,
+  busy: externalBusy = false,
+  label = "Drop a file, or choose one",
+  description,
+  busyLabel = "Reading file\u2026",
+  icon,
+  variant = "dropzone",
+  className
+}) {
+  const inputRef = _react.useRef.call(void 0, null);
+  const [dragging, setDragging] = _react.useState.call(void 0, false);
+  const [internalBusy, setInternalBusy] = _react.useState.call(void 0, false);
+  const busy = externalBusy || internalBusy;
+  async function select(files) {
+    if (files.length === 0 || disabled || busy) return;
+    setInternalBusy(true);
+    try {
+      if (multiple) {
+        await _optionalChain([onFiles, 'optionalCall', _ => _(files)]);
+      } else {
+        const first = files[0];
+        if (first) await _optionalChain([onFile, 'optionalCall', _2 => _2(first)]);
+      }
+    } finally {
+      setInternalBusy(false);
+      if (inputRef.current) inputRef.current.value = "";
+    }
+  }
+  function onDrop(event) {
+    event.preventDefault();
+    setDragging(false);
+    void select(Array.from(_nullishCoalesce(event.dataTransfer.files, () => ( []))));
+  }
+  const trigger = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkL4DH72UFcjs.Button,
+    {
+      type: "button",
+      "data-file-dropzone": "true",
+      variant: "outline",
+      size: variant === "icon" ? "icon" : "default",
+      "aria-label": variant === "icon" ? String(busy ? busyLabel : label) : void 0,
+      disabled: disabled || busy,
+      onClick: () => _optionalChain([inputRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.click, 'call', _5 => _5()]),
+      onDragEnter: (event) => {
+        event.preventDefault();
+        setDragging(true);
+      },
+      onDragOver: (event) => {
+        event.preventDefault();
+        setDragging(true);
+      },
+      onDragLeave: () => setDragging(false),
+      onDrop,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        variant === "dropzone" ? "h-auto w-full flex-col whitespace-normal border-2 border-dashed px-6 py-8 text-center" : variant === "button" ? "w-fit" : "",
+        dragging && "border-primary bg-primary/5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "flex items-center justify-center text-muted-foreground",
+          variant === "dropzone" && "mb-2 h-10 w-10 rounded-full bg-muted"
+        ), children: busy ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-5 w-5 animate-spin" }) : _nullishCoalesce(icon, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.FileUp, { className: "h-5 w-5" }))) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: variant === "icon" ? "sr-only" : "font-medium", children: busy ? busyLabel : label }),
+        description && variant === "dropzone" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { variant: "muted", className: "mt-1 max-w-md text-xs", children: description })
+      ]
+    }
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        accept,
+        multiple,
+        disabled: disabled || busy,
+        onChange: (event) => void select(Array.from(_nullishCoalesce(event.target.files, () => ( [])))),
+        className: "sr-only",
+        tabIndex: -1,
+        "aria-hidden": "true"
+      }
+    ),
+    variant === "icon" && description ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU2NES7VRcjs.Tooltip, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2NES7VRcjs.TooltipTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2NES7VRcjs.TooltipContent, { children: description })
+    ] }) : trigger
+  ] });
+}
+
+
+
+exports.FileDropzone = FileDropzone;

package/dist/chunk-INNGGLMZ.js

@@ -0,0 +1,44 @@
+"use client";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/rich-text.tsx
+import { jsx } from "react/jsx-runtime";
+function RichText({ size = "sm", tone = "default", className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "rich-text",
+      className: cn(
+        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
+    }
+  );
+}
+
+export {
+  RichText
+};