@fayz-ai/ui 0.6.0 → 0.7.0

package/dist/{chunk-22J2RTMN.js → chunk-OTUH4K4B.js}

@@ -1,7 +1,7 @@
-import { useSaveBarVisible, useCrossModuleBack, useBackHandler } from './chunk-E526FHZ4.js';
-import { Button, DataTable } from './chunk-MYZT2OG7.js';
-import { cn } from './chunk-DNYVEOAX.js';
-import * as React11 from 'react';
+import { useSaveBarVisible, useCrossModuleBack, useBackHandler } from './chunk-75EFDLST.js';
+import { DataTable, SegmentedControl } from './chunk-FY7OZNKU.js';
+import { cn, Button } from './chunk-YRVE4FOD.js';
+import * as React10 from 'react';
 import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
@@ -17,9 +17,9 @@ import { createPortal } from 'react-dom';
 import { useTranslation, getCurrentLocale } from '@fayz-ai/core';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 
-var Input = React11.forwardRef(
+var Input = React10.forwardRef(
   ({ className, type, error, description, id, ...props }, ref) => {
-    const inputId = id ?? React11.useId();
+    const inputId = id ?? React10.useId();
     const descriptionId = description ? `${inputId}-description` : void 0;
     const errorId = error ? `${inputId}-error` : void 0;
     return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
@@ -107,7 +107,7 @@ var Modal = DialogPrimitive.Root;
 var ModalTrigger = DialogPrimitive.Trigger;
 var ModalClose = DialogPrimitive.Close;
 var ModalPortal = DialogPrimitive.Portal;
-var ModalOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ModalOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -120,7 +120,7 @@ var ModalOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 ModalOverlay.displayName = "ModalOverlay";
-var ModalContent = React11.forwardRef(({ className, children, size = "lg", hideClose, noPadding, onPointerDownOutside, onInteractOutside, onCloseAutoFocus, ...props }, ref) => /* @__PURE__ */ jsx(ModalPortal, { children: /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(
+var ModalContent = React10.forwardRef(({ className, children, size = "lg", hideClose, noPadding, onPointerDownOutside, onInteractOutside, onCloseAutoFocus, ...props }, ref) => /* @__PURE__ */ jsx(ModalPortal, { children: /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(
   DialogPrimitive.Content,
   {
     ref,
@@ -172,9 +172,9 @@ function ModalBody({ className, ...props }) {
 function ModalFooter({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 shrink-0", className), ...props });
 }
-var ModalTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
+var ModalTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
 ModalTitle.displayName = "ModalTitle";
-var ModalDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var ModalDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 ModalDescription.displayName = "ModalDescription";
 var COLOR_CLASSES = {
   primary: "border-primary bg-primary text-primary-foreground",
@@ -182,7 +182,7 @@ var COLOR_CLASSES = {
   warning: "border-warning bg-warning text-white",
   destructive: "border-destructive bg-destructive text-destructive-foreground"
 };
-var Checkbox = React11.forwardRef(
+var Checkbox = React10.forwardRef(
   ({ checked = false, onChange, disabled, className, color = "primary", id, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "button",
@@ -208,114 +208,10 @@ var Checkbox = React11.forwardRef(
   }
 );
 Checkbox.displayName = "Checkbox";
-var STYLE_ID = "saas-sheet-styles";
-if (typeof document !== "undefined" && !document.getElementById(STYLE_ID)) {
-  const style = document.createElement("style");
-  style.id = STYLE_ID;
-  style.textContent = `
-    @keyframes saas-sheet-fade-in { from { opacity: 0 } to { opacity: 1 } }
-    @keyframes saas-sheet-fade-out { from { opacity: 1 } to { opacity: 0 } }
-    @keyframes saas-sheet-slide-in { from { transform: translateX(100%) } to { transform: translateX(0) } }
-    @keyframes saas-sheet-slide-out { from { transform: translateX(0) } to { transform: translateX(100%) } }
-    .saas-sheet-overlay[data-state="open"] { animation: saas-sheet-fade-in 200ms ease-out }
-    .saas-sheet-overlay[data-state="closed"] { animation: saas-sheet-fade-out 150ms ease-in }
-    .saas-sheet-content[data-state="open"] { animation: saas-sheet-slide-in 280ms cubic-bezier(0.16, 1, 0.3, 1) }
-    .saas-sheet-content[data-state="closed"] { animation: saas-sheet-slide-out 200ms ease-in }
-  `;
-  document.head.appendChild(style);
-}
-var Sheet = DialogPrimitive.Root;
-var SheetTrigger = DialogPrimitive.Trigger;
-var SheetClose = DialogPrimitive.Close;
-var SheetPortal = DialogPrimitive.Portal;
-var SheetOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "saas-sheet-overlay fixed inset-0 z-50 bg-black/40 backdrop-blur-[2px]",
-      className
-    ),
-    ...props
-  }
-));
-SheetOverlay.displayName = "SheetOverlay";
-var SheetContent = React11.forwardRef(({ className, children, width, hideClose, overlay = "blur", ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
-  /* @__PURE__ */ jsx(SheetOverlay, { className: overlay === "none" ? "bg-transparent backdrop-blur-0" : overlay === "dim" ? "backdrop-blur-0" : void 0 }),
-  /* @__PURE__ */ jsxs(
-    DialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fayz-glass-surface saas-sheet-content fixed inset-y-0 right-0 z-50 flex flex-col border-l bg-card shadow-2xl outline-none",
-        "w-full",
-        width ?? "max-w-md",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        !hideClose && /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 z-10 flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring", children: [
-          /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-SheetContent.displayName = "SheetContent";
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("flex flex-col gap-1 px-5 py-4 border-b shrink-0", className),
-      ...props
-    }
-  );
-}
-SheetHeader.displayName = "SheetHeader";
-function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("flex items-center gap-2 px-5 py-3 border-t shrink-0", className),
-      ...props
-    }
-  );
-}
-SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn("text-sm font-semibold leading-none tracking-tight", className),
-    ...props
-  }
-));
-SheetTitle.displayName = "SheetTitle";
-var SheetDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-xs text-muted-foreground", className),
-    ...props
-  }
-));
-SheetDescription.displayName = "SheetDescription";
-function SheetBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("flex-1 overflow-y-auto px-5 py-5", className),
-      ...props
-    }
-  );
-}
-SheetBody.displayName = "SheetBody";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -331,7 +227,7 @@ var SelectTrigger = React11.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -344,7 +240,7 @@ var SelectScrollUpButton = React11.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -357,7 +253,7 @@ var SelectScrollDownButton = React11.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React11.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React10.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -385,7 +281,7 @@ var SelectContent = React11.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -394,12 +290,12 @@ var SelectLabel = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
     className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-muted focus:bg-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex w-full cursor-default select-none items-center rounded-button py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-muted focus:bg-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,
@@ -410,7 +306,7 @@ var SelectItem = React11.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -448,7 +344,7 @@ function ToastProvider({
   );
 }
 var Tabs = TabsPrimitive.Root;
-var TabsList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -460,7 +356,7 @@ var TabsList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -472,7 +368,7 @@ var TabsTrigger = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -484,7 +380,7 @@ var TabsContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Separator2 = React11.forwardRef(
+var Separator2 = React10.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
@@ -526,7 +422,7 @@ function Breadcrumb({ parent, current, onBack }) {
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React11.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var TooltipContent = React10.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -1008,16 +904,16 @@ function SearchSelect({
   className,
   disabled
 }) {
-  const [open, setOpen] = React11.useState(false);
-  const [query, setQuery] = React11.useState("");
-  const [results, setResults] = React11.useState([]);
-  const [loading, setLoading] = React11.useState(false);
-  const [creating, setCreating] = React11.useState(false);
-  const [selectedLabel, setSelectedLabel] = React11.useState(displayValue ?? "");
-  const containerRef = React11.useRef(null);
-  const inputRef = React11.useRef(null);
-  const timerRef = React11.useRef();
-  React11.useEffect(() => {
+  const [open, setOpen] = React10.useState(false);
+  const [query, setQuery] = React10.useState("");
+  const [results, setResults] = React10.useState([]);
+  const [loading, setLoading] = React10.useState(false);
+  const [creating, setCreating] = React10.useState(false);
+  const [selectedLabel, setSelectedLabel] = React10.useState(displayValue ?? "");
+  const containerRef = React10.useRef(null);
+  const inputRef = React10.useRef(null);
+  const timerRef = React10.useRef();
+  React10.useEffect(() => {
     function handler(e) {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setOpen(false);
@@ -1026,10 +922,10 @@ function SearchSelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, []);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (displayValue !== void 0) setSelectedLabel(displayValue);
   }, [displayValue]);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (open && loadOnOpen && query.length === 0 && results.length === 0 && !loading) {
       setLoading(true);
       Promise.resolve(onSearch("")).then(setResults).catch(() => setResults([])).finally(() => setLoading(false));
@@ -1086,7 +982,7 @@ function SearchSelect({
     setQuery("");
     setTimeout(() => inputRef.current?.focus(), 0);
   }
-  const groups = React11.useMemo(() => {
+  const groups = React10.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const opt of results) {
       const group = opt.group ?? "";
@@ -1167,7 +1063,7 @@ function SearchSelect({
         }
       )
     ] }) : /* @__PURE__ */ jsxs("div", { className: "max-h-64 overflow-auto py-1", children: [
-      [...groups.entries()].map(([group, options]) => /* @__PURE__ */ jsxs(React11.Fragment, { children: [
+      [...groups.entries()].map(([group, options]) => /* @__PURE__ */ jsxs(React10.Fragment, { children: [
         group && /* @__PURE__ */ jsx("div", { className: "sticky top-0 bg-muted/50 px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group }),
         options.map((opt) => /* @__PURE__ */ jsx(
           "button",
@@ -1218,9 +1114,9 @@ function CurrencyInput({
   className,
   disabled
 }) {
-  const inputRef = React11.useRef(null);
-  const [focused, setFocused] = React11.useState(false);
-  const format = React11.useCallback((v) => {
+  const inputRef = React10.useRef(null);
+  const [focused, setFocused] = React10.useState(false);
+  const format = React10.useCallback((v) => {
     return new Intl.NumberFormat(locale, {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -1329,7 +1225,7 @@ function ConfirmDialog({
 }) {
   const config = VARIANT_CONFIG[variant];
   const Icon2 = config.icon;
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (!open) return;
     function handleKey(e) {
       if (e.key === "Escape") onCancel();
@@ -1376,7 +1272,7 @@ function ConfirmDialog({
 }
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React11.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React10.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1391,7 +1287,157 @@ var PopoverContent = React11.forwardRef(({ className, align = "start", sideOffse
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var INLINE_TOKEN = /(\*\*[^*]+\*\*|\*[^*]+\*|`[^`]+`)/g;
+function renderInline(text, keyPrefix) {
+  return text.split(INLINE_TOKEN).map((part, i) => {
+    const key = `${keyPrefix}-${i}`;
+    if (part.startsWith("**") && part.endsWith("**") && part.length > 4) {
+      return /* @__PURE__ */ jsx("strong", { children: part.slice(2, -2) }, key);
+    }
+    if (part.startsWith("*") && part.endsWith("*") && part.length > 2) {
+      return /* @__PURE__ */ jsx("em", { children: part.slice(1, -1) }, key);
+    }
+    if (part.startsWith("`") && part.endsWith("`") && part.length > 2) {
+      return /* @__PURE__ */ jsx("code", { className: "rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]", children: part.slice(1, -1) }, key);
+    }
+    return part === "" ? null : /* @__PURE__ */ jsx(React10.Fragment, { children: part }, key);
+  });
+}
+function parseBlocks(source) {
+  const lines = source.replace(/\r\n/g, "\n").split("\n");
+  const blocks = [];
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    const trimmed = line.trim();
+    if (trimmed === "") {
+      i++;
+      continue;
+    }
+    const heading = /^(#{1,3})\s+(.*)$/.exec(trimmed);
+    if (heading) {
+      blocks.push({ type: "heading", level: heading[1].length, text: heading[2] });
+      i++;
+      continue;
+    }
+    if (/^(-{3,}|\*{3,})$/.test(trimmed)) {
+      blocks.push({ type: "hr" });
+      i++;
+      continue;
+    }
+    if (trimmed.startsWith(">")) {
+      const quote = [];
+      while (i < lines.length && lines[i].trim().startsWith(">")) {
+        quote.push(lines[i].trim().replace(/^>\s?/, ""));
+        i++;
+      }
+      blocks.push({ type: "blockquote", lines: quote });
+      continue;
+    }
+    if (/^[-*]\s+/.test(trimmed)) {
+      const items = [];
+      while (i < lines.length && /^[-*]\s+/.test(lines[i].trim())) {
+        items.push(lines[i].trim().replace(/^[-*]\s+/, ""));
+        i++;
+      }
+      blocks.push({ type: "ul", items });
+      continue;
+    }
+    if (/^\d+[.)]\s+/.test(trimmed)) {
+      const items = [];
+      while (i < lines.length && /^\d+[.)]\s+/.test(lines[i].trim())) {
+        items.push(lines[i].trim().replace(/^\d+[.)]\s+/, ""));
+        i++;
+      }
+      blocks.push({ type: "ol", items });
+      continue;
+    }
+    const para = [];
+    while (i < lines.length && lines[i].trim() !== "" && !/^(#{1,3}\s|>|[-*]\s|\d+[.)]\s|-{3,}$|\*{3,}$)/.test(lines[i].trim())) {
+      para.push(lines[i].trim());
+      i++;
+    }
+    blocks.push({ type: "p", lines: para });
+  }
+  return blocks;
+}
+var HEADING_CLASS = {
+  1: "text-xl font-semibold tracking-tight",
+  2: "text-base font-semibold tracking-tight",
+  3: "text-sm font-semibold"
+};
+function renderMarkdown(source) {
+  const blocks = parseBlocks(source);
+  return blocks.map((block, bi) => {
+    const key = `md-${bi}`;
+    switch (block.type) {
+      case "heading": {
+        const Tag = `h${block.level}`;
+        return /* @__PURE__ */ jsx(Tag, { className: HEADING_CLASS[block.level], children: renderInline(block.text, key) }, key);
+      }
+      case "hr":
+        return /* @__PURE__ */ jsx("hr", { className: "border-border" }, key);
+      case "blockquote":
+        return /* @__PURE__ */ jsx("blockquote", { className: "border-l-2 border-border pl-3 text-muted-foreground", children: block.lines.map((l, li) => /* @__PURE__ */ jsx("p", { children: renderInline(l, `${key}-${li}`) }, `${key}-${li}`)) }, key);
+      case "ul":
+        return /* @__PURE__ */ jsx("ul", { className: "list-disc space-y-1 pl-5", children: block.items.map((item, li) => /* @__PURE__ */ jsx("li", { children: renderInline(item, `${key}-${li}`) }, `${key}-${li}`)) }, key);
+      case "ol":
+        return /* @__PURE__ */ jsx("ol", { className: "list-decimal space-y-1 pl-5", children: block.items.map((item, li) => /* @__PURE__ */ jsx("li", { children: renderInline(item, `${key}-${li}`) }, `${key}-${li}`)) }, key);
+      case "p":
+        return /* @__PURE__ */ jsx("p", { children: block.lines.map((l, li) => /* @__PURE__ */ jsxs(React10.Fragment, { children: [
+          li > 0 && /* @__PURE__ */ jsx("br", {}),
+          renderInline(l, `${key}-${li}`)
+        ] }, `${key}-${li}`)) }, key);
+    }
+  });
+}
+function Markdown({ source, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-3 text-sm leading-relaxed text-foreground", className), children: renderMarkdown(source) });
+}
+function MarkdownEditor({
+  value,
+  onChange,
+  placeholder,
+  minRows = 16,
+  defaultMode = "preview",
+  editLabel = "Edit",
+  previewLabel = "Preview",
+  renderPreview,
+  className
+}) {
+  const [mode, setMode] = React10.useState(
+    defaultMode === "preview" && value.trim() === "" ? "edit" : defaultMode
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+      SegmentedControl,
+      {
+        "aria-label": "Markdown mode",
+        options: [
+          { value: "edit", label: editLabel },
+          { value: "preview", label: previewLabel }
+        ],
+        value: mode,
+        onChange: (m) => setMode(m)
+      }
+    ) }),
+    mode === "edit" ? /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        value,
+        onChange: (e) => onChange(e.target.value),
+        placeholder,
+        rows: Math.max(minRows, value.split("\n").length + 1),
+        className: cn(
+          "w-full resize-y rounded-md border border-border bg-card p-3",
+          "font-mono text-[13px] leading-relaxed text-foreground",
+          "placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring"
+        )
+      }
+    ) : renderPreview ? renderPreview(value) : /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border bg-card p-4", children: /* @__PURE__ */ jsx(Markdown, { source: value }) })
+  ] });
+}
 
-export { Badge, Breadcrumb, Checkbox, ConfirmDialog, CurrencyInput, DatePicker, Input, ListView, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, Popover, PopoverContent, PopoverTrigger, SearchSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TimePicker, ToastProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants };
-//# sourceMappingURL=chunk-22J2RTMN.js.map
-//# sourceMappingURL=chunk-22J2RTMN.js.map
+export { Badge, Breadcrumb, Checkbox, ConfirmDialog, CurrencyInput, DatePicker, Input, ListView, Markdown, MarkdownEditor, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, Popover, PopoverContent, PopoverTrigger, SearchSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Skeleton, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TimePicker, ToastProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, renderMarkdown };
+//# sourceMappingURL=chunk-OTUH4K4B.js.map
+//# sourceMappingURL=chunk-OTUH4K4B.js.map