@brainfish-ai/components 0.35.20 → 0.36.0

package/dist/esm/components/markdown/embeds/NativeVideo.js

@@ -0,0 +1,85 @@
+import * as React from 'react';
+import VideoTimeline from './VideoTimeline.js';
+import { parseTimeParams } from '../utils/urls.js';
+
+const NativeVideo = ({ attrs }) => {
+  const { href } = attrs;
+  const videoRef = React.useRef(null);
+  const { start: startTime, end: endTime } = parseTimeParams(href);
+  const [duration, setDuration] = React.useState(0);
+  const [currentTime, setCurrentTime] = React.useState(0);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const hasSetInitialTime = React.useRef(false);
+  React.useEffect(() => {
+    const video = videoRef.current;
+    if (!video) {
+      return;
+    }
+    const abortController = new AbortController();
+    const { signal } = abortController;
+    const handleLoadStart = () => {
+      setCurrentTime(0);
+      hasSetInitialTime.current = false;
+      setIsLoading(true);
+    };
+    const handleLoadedMetadata = () => {
+      setDuration(video.duration);
+    };
+    const handleCanPlay = () => {
+      setIsLoading(false);
+      if (startTime !== null && startTime !== void 0 && startTime >= 0 && !hasSetInitialTime.current) {
+        hasSetInitialTime.current = true;
+        video.currentTime = startTime;
+        setCurrentTime(startTime);
+      }
+    };
+    const handleTimeUpdate = () => {
+      setCurrentTime(video.currentTime);
+    };
+    video.addEventListener("loadstart", handleLoadStart, { signal });
+    video.addEventListener("loadedmetadata", handleLoadedMetadata, { signal });
+    video.addEventListener("canplay", handleCanPlay, { signal });
+    video.addEventListener("timeupdate", handleTimeUpdate, { signal });
+    return () => {
+      abortController.abort();
+    };
+  }, [startTime, endTime]);
+  return /* @__PURE__ */ React.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React.createElement(
+    "video",
+    {
+      ref: videoRef,
+      controls: true,
+      playsInline: true,
+      width: "100%",
+      height: "auto",
+      src: href,
+      title: "Native Video",
+      className: "overflow-hidden rounded-lg",
+      controlsList: "nodownload"
+    },
+    "Your browser does not support the video tag."
+  ), React.useMemo(() => {
+    if (duration > 0 && !isLoading && (startTime !== void 0 || endTime !== void 0)) {
+      return /* @__PURE__ */ React.createElement(
+        VideoTimeline,
+        {
+          duration,
+          currentTime,
+          startTime: startTime ?? null,
+          endTime: endTime ?? null
+        }
+      );
+    }
+    return null;
+  }, [duration, isLoading, startTime, endTime, currentTime]));
+};
+NativeVideo.isMatch = (href) => {
+  const [url] = href.split("?");
+  const videoExtensions = /\.(mp4|webm|ogg|mov|m4v|avi|flv|wmv|mkv)(?:\?.*|#.*)?$/i;
+  if (url && videoExtensions.test(url)) {
+    return true;
+  }
+  return false;
+};
+
+export { NativeVideo as default };

package/dist/esm/components/markdown/embeds/Supademo.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import Frame from '../Frame.js';
+
+function Supademo(props) {
+  return /* @__PURE__ */ React.createElement(Frame, { ...props, src: props.attrs.href, title: "Supademo Embed" });
+}
+Supademo.isMatch = (href) => {
+  const urlRegex = /^https:\/\/app\.supademo\.com\/embed\/(.*)$/;
+  return urlRegex.test(href);
+};
+
+export { Supademo as default };

package/dist/esm/components/markdown/embeds/Typeform.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import Frame from '../Frame.js';
+
+function Typeform(props) {
+  return /* @__PURE__ */ React.createElement(Frame, { ...props, src: props.attrs.href, title: "Typeform Embed" });
+}
+Typeform.isMatch = (href) => {
+  const urlRegex = /^https:\/\/([A-Za-z0-9](?:[A-Za-z0-9-]{0,61}[A-Za-z0-9])?)\.typeform\.com\/to\/(.*)$/;
+  return urlRegex.test(href);
+};
+
+export { Typeform as default };

package/dist/esm/components/markdown/embeds/VideoTimeline.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+
+function VideoTimeline({ duration, currentTime, startTime, endTime }) {
+  const formatTime = (seconds) => {
+    const mins = Math.floor(seconds / 60);
+    const secs = Math.floor(seconds % 60);
+    return `${mins}:${secs.toString().padStart(2, "0")}`;
+  };
+  const getPercentage = (time) => time / duration * 100;
+  return /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-0.5 left-2 right-2 p-2 overflow-visible z-[1000] pointer-events-none" }, /* @__PURE__ */ React.createElement("div", { className: "relative h-2 bg-white/30 rounded mb-2 overflow-visible" }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "absolute -top-1 w-4 h-4 bg-white rounded-full transform -translate-x-1/2 z-[1001] border-2 shadow-lg",
+      style: { left: `${getPercentage(currentTime)}%` }
+    }
+  ), startTime !== null && /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "absolute -top-1 w-1 h-4 bg-yellow-400 rounded-sm transform -translate-x-1/2 z-[1000]",
+      style: { left: `${getPercentage(startTime)}%` },
+      title: `Start: ${formatTime(startTime)}`
+    }
+  ), endTime !== null && /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "absolute -top-1 w-1 h-4 bg-yellow-400 rounded-sm transform -translate-x-1/2 z-[1000]",
+      style: { left: `${getPercentage(endTime)}%` },
+      title: `End: ${formatTime(endTime)}`
+    }
+  ), startTime !== null && endTime !== null && /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "absolute top-0 h-2 bg-emerald-400 rounded z-[1]",
+      style: {
+        left: `${getPercentage(startTime)}%`,
+        width: `${getPercentage(endTime - startTime)}%`
+      }
+    }
+  )));
+}
+
+export { VideoTimeline as default };

package/dist/esm/components/markdown/embeds/Vimeo.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import Frame from '../Frame.js';
+
+function Vimeo(props) {
+  const extractMatches = (href) => {
+    const regex = /(http|https)?:\/\/(www\.)?vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|)(\d+)(?:\/|\?)?([\d\w]+)?/;
+    return href.match(regex);
+  };
+  const matches = extractMatches(props.attrs.href);
+  if (!matches) return null;
+  const videoId = matches[4];
+  const hId = matches[5];
+  const embedUrl = `https://player.vimeo.com/video/${videoId}?byline=0${hId ? `&h=${hId}` : ""}`;
+  return /* @__PURE__ */ React.createElement(Frame, { ...props, src: embedUrl, title: `Vimeo Embed (${videoId})`, height: "412px", border: false });
+}
+Vimeo.isMatch = (href) => {
+  const regex = /^(https?):\/\/(www\.)?vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|)?(\d+)(\/)?(?:\?.*|#.*)?$/i;
+  return regex.test(href);
+};
+
+export { Vimeo as default };

package/dist/esm/components/markdown/embeds/Wistia.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import Frame from '../Frame.js';
+
+const WISTIA_REGEXES = [
+  /^(https?:\/\/)?[a-zA-Z0-9-_~]+\.wistia\.com\/medias\/([a-zA-Z0-9-_~]+)\/?(\?.*)?$/i,
+  /^(https?:\/\/)?[a-zA-Z0-9-_~]+\.wistia\.com\/embed\/iframe\/([a-zA-Z0-9-_~]+)\/?(\?.*)?$/i,
+  /^(https?:\/\/)?[a-zA-Z0-9-_~]+\.wistia\.net\/embed\/iframe\/([a-zA-Z0-9-_~]+)\/?(\?.*)?$/i
+];
+function Wistia(props) {
+  const matches = WISTIA_REGEXES.find((regex) => regex.test(props.attrs.href))?.exec(props.attrs.href);
+  if (!matches) return null;
+  const videoId = matches[2];
+  if (!videoId) return null;
+  const url = new URL(props.attrs.href.startsWith("http") ? props.attrs.href : `https://${props.attrs.href}`);
+  const isCustomDomain = !url.hostname.startsWith("fast.wistia.");
+  const embedUrl = isCustomDomain ? `https://${url.hostname}/embed/iframe/${videoId}?seo=true&videoFoam=false` : `https://${url.hostname}/embed/iframe/${videoId}`;
+  return /* @__PURE__ */ React.createElement(Frame, { ...props, src: embedUrl, border: true, title: `Wistia Embed (${videoId})` });
+}
+Wistia.isMatch = (href) => WISTIA_REGEXES.some((regex) => regex.test(href));
+
+export { Wistia as default };

package/dist/esm/components/markdown/embeds/Youtube.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import Frame from '../Frame.js';
+
+const YOUTUBE_URL_REGEX = /^(?:https?:\/\/)?(?:www\.)?(?:youtube(?:-nocookie)?\.com\/(?:watch\?v=|embed\/|v\/|shorts\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})(?:\/|[?&].*)?$/i;
+const extractTimestamp = (href) => {
+  try {
+    const url = new URL(href);
+    const t = url.searchParams.get("t");
+    if (!t) return null;
+    const seconds = parseInt(t, 10);
+    return Number.isNaN(seconds) ? null : seconds;
+  } catch {
+    return null;
+  }
+};
+function YouTube(props) {
+  const extractVideoId = (href) => {
+    const match = href.match(YOUTUBE_URL_REGEX);
+    return match ? match[1] : null;
+  };
+  const videoId = extractVideoId(props.attrs.href);
+  if (!videoId) {
+    return null;
+  }
+  const timestamp = extractTimestamp(props.attrs.href);
+  const embedUrl = `https://www.youtube.com/embed/${videoId}?modestbranding=1${timestamp ? `&start=${timestamp}` : ""}`;
+  return /* @__PURE__ */ React.createElement(Frame, { ...props, src: embedUrl, title: `YouTube Embed (${videoId})` });
+}
+YouTube.isMatch = (href) => {
+  return YOUTUBE_URL_REGEX.test(href);
+};
+
+export { YouTube as default };

package/dist/esm/components/markdown/embeds/index.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import Loom from './Loom.js';
+import NativeVideo from './NativeVideo.js';
+import Supademo from './Supademo.js';
+import Typeform from './Typeform.js';
+import Vimeo from './Vimeo.js';
+import Wistia from './Wistia.js';
+import YouTube from './Youtube.js';
+
+const syncEmbedComponents = [Loom, Supademo, Typeform, YouTube, Wistia, Vimeo, NativeVideo];
+const useMatchedComponent = (href, components) => {
+  return React.useMemo(() => {
+    try {
+      const match = components.find((Embed) => Embed.isMatch(href));
+      return match ? { Component: match } : null;
+    } catch (error) {
+      console.error("Error finding embed match:", error);
+      return null;
+    }
+  }, [href, components]);
+};
+const EmbedComponent = (props) => {
+  const { href } = props.attrs;
+  const { isAttachmentVideo } = props;
+  const matched = useMatchedComponent(href, syncEmbedComponents);
+  if (isAttachmentVideo) {
+    return /* @__PURE__ */ React.createElement(NativeVideo, { ...props });
+  }
+  if (matched) {
+    const { Component } = matched;
+    return /* @__PURE__ */ React.createElement(Component, { ...props });
+  }
+  return null;
+};
+
+export { EmbedComponent as default };

package/dist/esm/components/markdown/utils/codeblock.js

@@ -0,0 +1,36 @@
+const programmingLanguages = {
+  javascript: ".js",
+  python: ".py",
+  java: ".java",
+  c: ".c",
+  cpp: ".cpp",
+  "c++": ".cpp",
+  "c#": ".cs",
+  ruby: ".rb",
+  php: ".php",
+  swift: ".swift",
+  "objective-c": ".m",
+  kotlin: ".kt",
+  typescript: ".ts",
+  go: ".go",
+  perl: ".pl",
+  rust: ".rs",
+  scala: ".scala",
+  haskell: ".hs",
+  lua: ".lua",
+  shell: ".sh",
+  sql: ".sql",
+  html: ".html",
+  css: ".css"
+  // add more file extensions here, make sure the key is same as language prop in CodeBlock.tsx component
+};
+const generateRandomString = (length, lowercase = false) => {
+  const chars = "ABCDEFGHJKLMNPQRSTUVWXY3456789";
+  let result = "";
+  for (let i = 0; i < length; i += 1) {
+    result += chars.charAt(Math.floor(Math.random() * chars.length));
+  }
+  return lowercase ? result.toLowerCase() : result;
+};
+
+export { generateRandomString, programmingLanguages };

package/dist/esm/components/markdown/utils/stripNewLines.js

@@ -0,0 +1,3 @@
+const stripNewLines = (content) => content.replace(/^\n+|(\n+|\\)+$/g, "");
+
+export { stripNewLines };

package/dist/esm/components/markdown/utils/urls.js

@@ -0,0 +1,34 @@
+const hashSearchParams = (hash) => {
+  if (!hash) {
+    return new URLSearchParams();
+  }
+  return new URLSearchParams(hash.replace(/^#/, ""));
+};
+const getParam = (search, hash, key) => search.get(key) ?? hash.get(key);
+const parseTimeParams = (url) => {
+  try {
+    const urlObj = new URL(url, "https://example.com");
+    const search = urlObj.searchParams;
+    const hash = hashSearchParams(urlObj.hash);
+    const tParam = getParam(search, hash, "t");
+    if (tParam) {
+      const timeParts = tParam.split(",").map((t) => parseFloat(t));
+      return {
+        start: !isNaN(timeParts[0]) ? timeParts[0] : void 0,
+        end: !isNaN(timeParts[1]) ? timeParts[1] : void 0
+      };
+    }
+    const startParam = getParam(search, hash, "start");
+    const endParam = getParam(search, hash, "end");
+    const startVal = startParam ? parseFloat(startParam) : NaN;
+    const endVal = endParam ? parseFloat(endParam) : NaN;
+    return {
+      start: !isNaN(startVal) ? startVal : void 0,
+      end: !isNaN(endVal) ? endVal : void 0
+    };
+  } catch {
+    return {};
+  }
+};
+
+export { parseTimeParams };

package/dist/esm/components/markdown.js

@@ -1,2 +1,5 @@
-export{C as CodeBlock,F as FormattedMessage,M as MemoizedReactMarkdown,Z as ZoomableImage}from"../chunks/FormattedMessage.DXVhkV-z.js";export{MermaidDiagram}from"../chunks/MermaidDiagram.PRgXQ5Yh.js";
-//# sourceMappingURL=markdown.js.map
+export { CodeBlock } from './markdown/CodeBlock.js';
+export { FormattedMessage } from './markdown/FormattedMessage.js';
+export { MemoizedReactMarkdown } from './markdown/MemoizedReactMarkdown.js';
+export { MermaidDiagram } from './markdown/MermaidDiagram.js';
+export { ZoomableImage } from './markdown/ZoomableImage.js';

package/dist/esm/components/metric-card/metric-card.js

@@ -0,0 +1,29 @@
+import React__default from 'react';
+import { Trend, TrendValue } from '../trend-value/trend-value.js';
+import { Card, CardHeader, CardDescription, CardTitle, CardContent } from '../ui/card.js';
+import { Tooltip, TooltipTrigger, TooltipContent } from '../ui/tooltip.js';
+import { cn } from '../../lib/utils.js';
+import { formatNumber } from '../../lib/formatNumber.js';
+
+const description = "A card to display metrics and its trend";
+function MetricCard({ title, value, trend, trendValue, className }) {
+  let formattedValue = formatNumber(Number(value));
+  if (isNaN(Number(value))) {
+    formattedValue = value;
+  }
+  const showTooltip = Number(value) >= 1e3;
+  return /* @__PURE__ */ React__default.createElement(Card, { className: cn("p-4 shadow-none", className) }, /* @__PURE__ */ React__default.createElement(CardHeader, { className: "p-0 space-y-0", "data-name": "header" }, /* @__PURE__ */ React__default.createElement(CardDescription, { "data-name": "title", className: "uppercase font-geist heading-xxxs tracking-normal text-dark" }, title), /* @__PURE__ */ React__default.createElement(CardTitle, { className: "justify-start text-dark text-[64px] font-normal font-geist leading-[72px]" }, showTooltip ? /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement("span", null, formattedValue)), /* @__PURE__ */ React__default.createElement(TooltipContent, null, value)) : /* @__PURE__ */ React__default.createElement("span", null, formattedValue))), /* @__PURE__ */ React__default.createElement(
+    CardContent,
+    {
+      "data-name": "content",
+      className: cn("p-0 flex items-center gap-[2px]", {
+        "text-green-600": trend === Trend.UP,
+        "text-red-600": trend === Trend.DOWN,
+        "text-dark-600": trend === Trend.FLAT
+      })
+    },
+    /* @__PURE__ */ React__default.createElement(TrendValue, { trend, trendValue })
+  ));
+}
+
+export { MetricCard, description };

package/dist/esm/components/metric-card-group/metric-card-group.js

@@ -0,0 +1,8 @@
+import React__default from 'react';
+import { cn } from '../../lib/utils.js';
+
+function MetricCardGroup({ children, className }) {
+  return /* @__PURE__ */ React__default.createElement("div", { className: cn("flex flex-wrap", className) }, React__default.Children.map(children, (child, index) => /* @__PURE__ */ React__default.createElement("div", { key: index, className: "flex items-stretch first:pl-0" }, child)));
+}
+
+export { MetricCardGroup };

package/dist/esm/components/metric-card-group.js

@@ -1,3 +1 @@
-import e from"react";import{c as r}from"../chunks/utils.DtKoarLP.js";function t({children:t,className:s}){/* @__PURE__ */
-return e.createElement("div",{className:r("flex flex-wrap",s)},e.Children.map(t,(r,t)=>/* @__PURE__ */e.createElement("div",{key:t,className:"flex items-stretch first:pl-0"},r)))}export{t as MetricCardGroup};
-//# sourceMappingURL=metric-card-group.js.map
+export { MetricCardGroup } from './metric-card-group/metric-card-group.js';

package/dist/esm/components/metric-card.js

@@ -1,4 +1 @@
-import e from"react";import{T as t,a}from"../chunks/trend-value.lSWHqdkm.js";import{Card as r,CardHeader as n,CardDescription as s,CardTitle as m,CardContent as l}from"./ui/card.js";import{Tooltip as c,TooltipTrigger as o,TooltipContent as i}from"./ui/tooltip.js";import{c as d}from"../chunks/utils.DtKoarLP.js";import{f as u}from"../chunks/formatNumber.DhVn228t.js";const p="A card to display metrics and its trend";function f({title:p,value:f,trend:x,trendValue:N,className:E}){let g=u(Number(f));isNaN(Number(f))&&(g=f);const h=Number(f)>=1e3;/* @__PURE__ */
-return e.createElement(r,{className:d("p-4 shadow-none",E)},/* @__PURE__ */e.createElement(n,{className:"p-0 space-y-0","data-name":"header"},/* @__PURE__ */e.createElement(s,{"data-name":"title",className:"uppercase font-geist heading-xxxs tracking-normal text-dark"},p),/* @__PURE__ */e.createElement(m,{className:"justify-start text-dark text-[64px] font-normal font-geist leading-[72px]"},h?/* @__PURE__ */e.createElement(c,null,/* @__PURE__ */e.createElement(o,{asChild:!0},/* @__PURE__ */e.createElement("span",null,g)),/* @__PURE__ */e.createElement(i,null,f)):/* @__PURE__ */e.createElement("span",null,g))),/* @__PURE__ */e.createElement(l,{"data-name":"content",className:d("p-0 flex items-center gap-[2px]",{"text-green-600":x===t.UP,"text-red-600":x===t.DOWN,"text-dark-600":x===t.FLAT})},
-/* @__PURE__ */e.createElement(a,{trend:x,trendValue:N})))}export{f as MetricCard,p as description};
-//# sourceMappingURL=metric-card.js.map
+export { MetricCard, description } from './metric-card/metric-card.js';

package/dist/esm/components/plan-usage-card/plan-usage-card.js

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { Card, CardHeader } from '../ui/card.js';
+import { Tooltip, TooltipTrigger, TooltipContent } from '../ui/tooltip.js';
+import { cn } from '../../lib/utils.js';
+import { formatNumber } from '../../lib/formatNumber.js';
+
+const description = "A card to display plan allocation and usage status";
+function PlanUsageCard({ title, current, limit, subtitle, className }) {
+  const formattedCurrent = formatNumber(current);
+  const isNumericLimit = typeof limit === "number";
+  const limitText = isNumericLimit ? formatNumber(limit) : "Custom";
+  const showTooltip = current >= 1e3 || isNumericLimit && limit >= 1e3;
+  return /* @__PURE__ */ React__default.createElement(Card, { className: cn("p-4 shadow-none rounded-2xl border-none", className) }, /* @__PURE__ */ React__default.createElement(CardHeader, { className: "p-0 space-y-1" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-baseline gap-0.5" }, /* @__PURE__ */ React__default.createElement("span", { className: "text-dark text-3xl font-bold leading-tight" }, showTooltip ? /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement("span", null, formattedCurrent)), /* @__PURE__ */ React__default.createElement(TooltipContent, null, current)) : formattedCurrent), /* @__PURE__ */ React__default.createElement("span", { className: "text-muted-foreground text-xl leading-tight" }, "/", limitText)), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React__default.createElement("span", { className: "text-muted-foreground text-sm" }, title), subtitle && /* @__PURE__ */ React__default.createElement("span", { className: "text-muted-foreground text-sm" }, subtitle))));
+}
+
+export { PlanUsageCard, description };

package/dist/esm/components/plan-usage-card.js

@@ -1,3 +1 @@
-import e from"react";import{Card as t,CardHeader as a}from"./ui/card.js";import{Tooltip as l,TooltipTrigger as s,TooltipContent as n}from"./ui/tooltip.js";import{c as r}from"../chunks/utils.DtKoarLP.js";import{f as m}from"../chunks/formatNumber.DhVn228t.js";const o="A card to display plan allocation and usage status";function c({title:o,current:c,limit:i,subtitle:u,className:d}){const p=m(c),f="number"==typeof i,x=f?m(i):"Custom",E=c>=1e3||f&&i>=1e3;/* @__PURE__ */
-return e.createElement(t,{className:r("p-4 shadow-none rounded-2xl border-none",d)},/* @__PURE__ */e.createElement(a,{className:"p-0 space-y-1"},/* @__PURE__ */e.createElement("div",{className:"flex items-baseline gap-0.5"},/* @__PURE__ */e.createElement("span",{className:"text-dark text-3xl font-bold leading-tight"},E?/* @__PURE__ */e.createElement(l,null,/* @__PURE__ */e.createElement(s,{asChild:!0},/* @__PURE__ */e.createElement("span",null,p)),/* @__PURE__ */e.createElement(n,null,c)):p),/* @__PURE__ */e.createElement("span",{className:"text-muted-foreground text-xl leading-tight"},"/",x)),/* @__PURE__ */e.createElement("div",{className:"flex flex-col"},/* @__PURE__ */e.createElement("span",{className:"text-muted-foreground text-sm"},o),u&&/* @__PURE__ */e.createElement("span",{className:"text-muted-foreground text-sm"},u))))}export{c as PlanUsageCard,o as description};
-//# sourceMappingURL=plan-usage-card.js.map
+export { PlanUsageCard, description } from './plan-usage-card/plan-usage-card.js';

package/dist/esm/components/rich-text-input/LexicalEditor.js

@@ -0,0 +1,108 @@
+import React__default, { useRef, useImperativeHandle, useEffect } from 'react';
+import { LexicalComposer } from '@lexical/react/LexicalComposer';
+import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
+import { ContentEditable } from '@lexical/react/LexicalContentEditable';
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
+import { ListPlugin } from '@lexical/react/LexicalListPlugin';
+import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
+import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
+import { MarkdownShortcutPlugin } from '@lexical/react/LexicalMarkdownShortcutPlugin';
+import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { ORDERED_LIST, UNORDERED_LIST, LINK, INLINE_CODE, CODE, $convertToMarkdownString, $convertFromMarkdownString } from '@lexical/markdown';
+import { ListNode, ListItemNode, $isListItemNode } from '@lexical/list';
+import { LinkNode, AutoLinkNode } from '@lexical/link';
+import { CodeNode, CodeHighlightNode, $isCodeNode } from '@lexical/code';
+import { $getRoot, $createParagraphNode, KEY_ENTER_COMMAND, $getSelection, $isRangeSelection, COMMAND_PRIORITY_HIGH } from 'lexical';
+
+const CHAT_TRANSFORMERS = [ORDERED_LIST, UNORDERED_LIST, LINK, INLINE_CODE, CODE];
+function EditorRefPlugin({ editorRef }) {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    editorRef.current = editor;
+    return () => {
+      editorRef.current = null;
+    };
+  }, [editor, editorRef]);
+  return null;
+}
+function SubmitPlugin({ onSubmit }) {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    return editor.registerCommand(
+      KEY_ENTER_COMMAND,
+      (event) => {
+        if (event.shiftKey) return false;
+        const selection = $getSelection();
+        if ($isRangeSelection(selection)) {
+          const node = selection.anchor.getNode();
+          if ($isListItemNode(node) || $isListItemNode(node.getParent())) return false;
+          if ($isCodeNode(node) || $isCodeNode(node.getParent())) return false;
+        }
+        event.preventDefault();
+        editor.read(() => {
+          onSubmit?.($convertToMarkdownString(CHAT_TRANSFORMERS));
+        });
+        return true;
+      },
+      COMMAND_PRIORITY_HIGH
+    );
+  }, [editor, onSubmit]);
+  return null;
+}
+function LexicalEditor({
+  defaultValue,
+  onChange,
+  onSubmit,
+  placeholder,
+  disabled,
+  className,
+  autoFocus,
+  forwardedRef
+}) {
+  const editorRef = useRef(null);
+  useImperativeHandle(forwardedRef, () => ({
+    clear() {
+      editorRef.current?.update(() => {
+        const root = $getRoot();
+        root.clear();
+        root.append($createParagraphNode());
+      });
+    },
+    focus() {
+      editorRef.current?.focus();
+    }
+  }));
+  const initialConfig = {
+    namespace: "RichTextInput",
+    nodes: [ListNode, ListItemNode, LinkNode, AutoLinkNode, CodeNode, CodeHighlightNode],
+    editable: !disabled,
+    editorState: defaultValue ? () => $convertFromMarkdownString(defaultValue, CHAT_TRANSFORMERS) : void 0,
+    onError: (error) => console.error("[RichTextInput]", error)
+  };
+  return /* @__PURE__ */ React__default.createElement(LexicalComposer, { initialConfig }, /* @__PURE__ */ React__default.createElement("div", { className }, /* @__PURE__ */ React__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React__default.createElement(
+    RichTextPlugin,
+    {
+      contentEditable: /* @__PURE__ */ React__default.createElement(
+        ContentEditable,
+        {
+          autoFocus,
+          className: "outline-none w-full max-h-[7.5rem] overflow-y-auto [&_ul]:list-disc [&_ul]:pl-5 [&_ol]:list-decimal [&_ol]:pl-5 [&_p]:my-0 [&_ul]:my-0 [&_ol]:my-0 [&_pre]:my-0 [&_blockquote]:my-0"
+        }
+      ),
+      placeholder: placeholder ? /* @__PURE__ */ React__default.createElement("div", { className: "pointer-events-none absolute top-0 left-0 select-none text-muted-foreground" }, placeholder) : null,
+      ErrorBoundary: LexicalErrorBoundary
+    }
+  ))), /* @__PURE__ */ React__default.createElement(HistoryPlugin, null), /* @__PURE__ */ React__default.createElement(ListPlugin, null), /* @__PURE__ */ React__default.createElement(LinkPlugin, null), /* @__PURE__ */ React__default.createElement(MarkdownShortcutPlugin, { transformers: CHAT_TRANSFORMERS }), onChange && /* @__PURE__ */ React__default.createElement(
+    OnChangePlugin,
+    {
+      onChange: (editorState) => {
+        editorState.read(() => {
+          onChange($convertToMarkdownString(CHAT_TRANSFORMERS));
+        });
+      }
+    }
+  ), /* @__PURE__ */ React__default.createElement(SubmitPlugin, { onSubmit }), /* @__PURE__ */ React__default.createElement(EditorRefPlugin, { editorRef }));
+}
+
+export { LexicalEditor };

package/dist/esm/components/rich-text-input/RichTextInput.js

@@ -0,0 +1,7 @@
+import React__default, { forwardRef } from 'react';
+import { LexicalEditor } from './LexicalEditor.js';
+
+const RichTextInput = forwardRef((props, ref) => /* @__PURE__ */ React__default.createElement(LexicalEditor, { ...props, forwardedRef: ref }));
+RichTextInput.displayName = "RichTextInput";
+
+export { RichTextInput };

package/dist/esm/components/select/simpleSelect.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../ui/select.js';
+
+function SimpleSelect({
+  options,
+  value,
+  onChange,
+  placeholder = "Select...",
+  disabled = false,
+  className,
+  appendToBody = false
+}) {
+  const handleValueChange = (newValue) => {
+    if (onChange) {
+      onChange(newValue);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Select, { value, onValueChange: handleValueChange, disabled }, /* @__PURE__ */ React.createElement(SelectTrigger, { className: cn("w-full", className) }, /* @__PURE__ */ React.createElement(SelectValue, { placeholder })), /* @__PURE__ */ React.createElement(SelectContent, { appendToBody }, options.map((option) => /* @__PURE__ */ React.createElement(SelectItem, { key: option.value, value: option.value }, option.label))));
+}
+
+export { SimpleSelect };

package/dist/esm/components/select.js

@@ -1,2 +1 @@
-export{S as SimpleSelect}from"../chunks/simpleSelect.C1KHuEVe.js";
-//# sourceMappingURL=select.js.map
+export { SimpleSelect } from './select/simpleSelect.js';

package/dist/esm/components/trend-value/trend-value.js

@@ -0,0 +1,50 @@
+import React__default, { forwardRef } from 'react';
+import { ArrowFatUp, ArrowFatRight, ArrowFatDown } from '@phosphor-icons/react';
+import { cn } from '../../lib/utils.js';
+
+var Trend = /* @__PURE__ */ ((Trend2) => {
+  Trend2["UP"] = "up";
+  Trend2["DOWN"] = "down";
+  Trend2["FLAT"] = "flat";
+  return Trend2;
+})(Trend || {});
+const TrendValue = forwardRef(
+  ({ variant = "default", trend, trendValue, className, ...props }, ref) => {
+    let ArrowIcon = ArrowFatUp;
+    switch (trend) {
+      case "up" /* UP */:
+        ArrowIcon = ArrowFatUp;
+        break;
+      case "down" /* DOWN */:
+        ArrowIcon = ArrowFatDown;
+        break;
+      case "flat" /* FLAT */:
+        ArrowIcon = ArrowFatRight;
+        break;
+    }
+    let commentary = "";
+    let ariaLabel = "";
+    let color = "";
+    switch (trend) {
+      case "up" /* UP */:
+        ariaLabel = `Trending up by ${trendValue}`;
+        commentary = "Trending up by ";
+        color = "text-green-500";
+        break;
+      case "down" /* DOWN */:
+        ariaLabel = `Trending down by ${trendValue}`;
+        commentary = "Trending down by ";
+        color = "text-red-500";
+        break;
+      case "flat" /* FLAT */:
+        ariaLabel = `No change - ${trendValue}`;
+        commentary = "No change ";
+        color = "text-dark-600";
+        break;
+    }
+    return /* @__PURE__ */ React__default.createElement("div", { ref, className: cn("flex items-center gap-1", className), ...props }, variant === "long" && /* @__PURE__ */ React__default.createElement("span", { className: "text-sm" }, commentary), /* @__PURE__ */ React__default.createElement(ArrowIcon, { weight: "fill", className: cn("size-4", color) }), /* @__PURE__ */ React__default.createElement("span", { className: cn("text-sm font-bold", color), "aria-label": ariaLabel }, trendValue));
+  }
+);
+TrendValue.displayName = "TrendValue";
+
+export { Trend, TrendValue };

package/dist/esm/components/trend-value.js

@@ -1,2 +1 @@
-export{T as Trend,a as TrendValue}from"../chunks/trend-value.lSWHqdkm.js";
-//# sourceMappingURL=trend-value.js.map
+export { Trend, TrendValue } from './trend-value/trend-value.js';