@gostack-framework/ui 0.0.0-stage → 0.1.0

package/dist/components/MasterDetailLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetailLayout.js","sourceRoot":"","sources":["../../src/components/MasterDetailLayout.tsx"],"names":[],"mappings":"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"}

package/dist/components/PinnedAttributeRow.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface PinnedAttributeRowProps {
+    icon?: React.ReactNode;
+    label: string;
+    value: React.ReactNode;
+    isPinned?: boolean;
+    onTogglePin?: () => void;
+    onClick?: () => void;
+    className?: string;
+}
+export declare function PinnedAttributeRow({ icon, label, value, isPinned, onTogglePin, onClick, className, }: PinnedAttributeRowProps): React.JSX.Element;
+export default PinnedAttributeRow;

package/dist/components/PinnedAttributeRow.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pin } from "lucide-react";
+import { cn } from "../support/utils.js";
+export function PinnedAttributeRow({ icon, label, value, isPinned = false, onTogglePin, onClick, className, }) {
+    return (_jsxs("div", { className: cn("group flex items-center justify-between gap-2.5 py-1 px-1.5 rounded-md transition-colors", onClick && "cursor-pointer hover:bg-dashboard-secondary/60", className), onClick: onClick, children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0 shrink-0 text-xs text-dashboard-muted-foreground", children: [icon && (_jsx("span", { className: "shrink-0 text-dashboard-muted-foreground/80", children: icon })), _jsx("span", { className: "font-medium truncate", children: label })] }), _jsxs("div", { className: "flex items-center gap-2 justify-end min-w-0", children: [_jsx("div", { className: "text-xs text-dashboard-foreground font-medium truncate", children: value }), onTogglePin && (_jsx("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            onTogglePin();
+                        }, "aria-label": isPinned ? `Unpin ${label}` : `Pin ${label}`, className: cn("p-1 rounded opacity-0 group-hover:opacity-100 transition-opacity text-dashboard-muted-foreground hover:text-dashboard-foreground shrink-0", isPinned && "opacity-100 text-dashboard-primary"), children: _jsx(Pin, { className: "w-3 h-3" }) }))] })] }));
+}
+export default PinnedAttributeRow;
+//# sourceMappingURL=PinnedAttributeRow.js.map

package/dist/components/PinnedAttributeRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinnedAttributeRow.js","sourceRoot":"","sources":["../../src/components/PinnedAttributeRow.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAYtC,MAAM,UAAU,kBAAkB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,OAAO,EACP,SAAS,GACa;IACtB,OAAO,CACH,eACI,SAAS,EAAE,EAAE,CACT,0FAA0F,EAC1F,OAAO,IAAI,gDAAgD,EAC3D,SAAS,CACZ,EACD,OAAO,EAAE,OAAO,aAGhB,eAAK,SAAS,EAAC,kFAAkF,aAC5F,IAAI,IAAI,CACL,eAAM,SAAS,EAAC,6CAA6C,YACxD,IAAI,GACF,CACV,EACD,eAAM,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAQ,IACnD,EAGN,eAAK,SAAS,EAAC,6CAA6C,aACxD,cAAK,SAAS,EAAC,wDAAwD,YAClE,KAAK,GACJ,EAEL,WAAW,IAAI,CACZ,iBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACX,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,WAAW,EAAE,CAAC;wBAClB,CAAC,gBACW,QAAQ,CAAC,CAAC,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,EAAE,EACxD,SAAS,EAAE,EAAE,CACT,2IAA2I,EAC3I,QAAQ,IAAI,oCAAoC,CACnD,YAED,KAAC,GAAG,IAAC,SAAS,EAAC,SAAS,GAAG,GACtB,CACZ,IACC,IACJ,CACT,CAAC;AACN,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/dist/components/PopUp.d.ts

@@ -0,0 +1,11 @@
+interface PopUpProps {
+    title?: string;
+    description?: string;
+    image?: string;
+    primaryColor?: string;
+    secondaryColor?: string;
+    accentColor?: string;
+    onClose?: () => void;
+}
+declare function PopUp({ title, description, image, primaryColor, secondaryColor, accentColor, onClose, }: PopUpProps): import("react").JSX.Element | undefined;
+export default PopUp;

package/dist/components/PopUp.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import DOMPurify from "dompurify";
+import { AnimatePresence, motion } from "framer-motion";
+import { X } from "lucide-react";
+import { useEffect, useState } from "react";
+function PopUp({ title, description, image, primaryColor, secondaryColor, accentColor, onClose, }) {
+    const [isVisible, setIsVisible] = useState(false);
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            setIsVisible(true);
+        }, 5000);
+        return () => clearTimeout(timer);
+    }, []);
+    const handleClose = () => {
+        setIsVisible(false);
+        onClose?.();
+    };
+    if (!title && !description && !image)
+        return;
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+                .banner-popup-bg-accent:hover {
+                    background-color: ${accentColor || "var(--color-dashboard-secondary)"};
+                }
+            ` }), _jsx(AnimatePresence, { children: isVisible && (_jsxs(_Fragment, { children: [_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, className: "fixed inset-0 z-100 bg-black/75 backdrop-blur-xs", onClick: handleClose }), _jsx(motion.div, { initial: { scale: 0.85, opacity: 0, y: 20 }, animate: { scale: 1, opacity: 1, y: 0 }, exit: { scale: 0.85, opacity: 0, y: 20 }, whileHover: {
+                                y: -2,
+                            }, transition: { duration: 0.25, ease: "easeOut" }, className: "fixed inset-0 z-100 flex items-center justify-center p-4", children: _jsxs("div", { className: "relative w-full h-auto max-w-md bg-dashboard-card rounded-2xl border border-dashboard-border overflow-hidden shadow-2xl", onClick: (e) => e.stopPropagation(), children: [_jsx("button", { onClick: handleClose, "aria-label": "Close popup", className: "absolute top-3 right-3 z-20 w-7 h-7 rounded-full bg-dashboard-secondary/80 border border-dashboard-border flex items-center justify-center text-dashboard-foreground hover:bg-dashboard-secondary transition-all cursor-pointer shadow-xs", children: _jsx(X, { size: 14 }) }), _jsx(motion.div, { initial: { x: 50, opacity: 0 }, animate: { x: 0, opacity: 1 }, exit: { x: -50, opacity: 0 }, transition: { duration: 0.3 }, className: "relative w-full h-full", children: image ? (_jsx("img", { src: image, alt: title || "Banner", className: "w-full h-full object-cover" })) : (_jsx("div", { className: "w-full h-full bg-linear-to-br from-dashboard-primary/20 via-dashboard-background to-dashboard-primary/10 flex items-center justify-center overflow-hidden", children: _jsxs("svg", { width: "300", height: "200", viewBox: "0 0 300 200", xmlns: "http://www.w3.org/2000/svg", className: "absolute top-0 left-0", children: [_jsx("defs", { children: _jsxs("radialGradient", { id: "sky1", cx: "50%", cy: "30%", r: "70%", children: [_jsx("stop", { offset: "0%", stopColor: "#1e4a5c" }), _jsx("stop", { offset: "100%", stopColor: "#0a1e28" })] }) }), _jsx("rect", { width: "300", height: "200", fill: "url(#sky1)" }), _jsx("circle", { cx: "240", cy: "35", r: "18", fill: "#c8d8e8", opacity: "0.18" }), _jsx("circle", { cx: "240", cy: "35", r: "12", fill: "#c8d8e8", opacity: "0.28" }), _jsx("polygon", { points: "150,30 210,140 90,140", fill: "#122535", opacity: "0.95" }), _jsx("polygon", { points: "150,50 195,140 105,140", fill: "#0a1c28", opacity: "0.9" }), _jsx("polygon", { points: "60,60 110,140 10,140", fill: "#152a38", opacity: "0.9" }), _jsx("polygon", { points: "250,50 295,140 205,140", fill: "#152a38", opacity: "0.85" }), _jsx("rect", { x: "0", y: "130", width: "300", height: "70", fill: "#0a1c26", opacity: "0.6" }), _jsx("rect", { x: "0", y: "150", width: "300", height: "50", fill: "#0d2232", opacity: "0.7" }), _jsx("line", { x1: "0", y1: "148", x2: "300", y2: "148", stroke: "#1a3a4a", strokeWidth: "0.5", opacity: "0.4" }), _jsx("ellipse", { cx: "150", cy: "195", rx: "120", ry: "8", fill: "#0a1825", opacity: "0.5" })] }) })) }), _jsxs("div", { className: "p-5", children: [_jsx("div", { className: "flex items-start justify-between mb-2.5", children: _jsx(motion.h3, { initial: { y: 10, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: { delay: 0.15 }, className: "text-xl font-bold leading-tight", style: {
+                                                        color: primaryColor,
+                                                    }, children: title || "Special Offer" }) }), _jsx(motion.div, { initial: { y: 10, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: { delay: 0.25 }, className: "banner-popup-content text-xs leading-relaxed mb-4 text-dashboard-muted-foreground", dangerouslySetInnerHTML: {
+                                                    __html: DOMPurify.sanitize(description || ""),
+                                                }, style: {
+                                                    color: secondaryColor,
+                                                } }), _jsx("style", { children: `
+                                    .banner-popup-content {
+                                        color: var(--color-dashboard-muted-foreground);
+                                        font-size: 0.75rem;
+                                        line-height: 1.5;
+                                    }
+                                    .banner-popup-content p {
+                                        margin: 0.375rem 0;
+                                    }
+                                    .banner-popup-content strong {
+                                        font-weight: 600;
+                                        color: var(--color-dashboard-foreground);
+                                    }
+                                    .banner-popup-content em {
+                                        font-style: italic;
+                                    }
+                                    .banner-popup-content u {
+                                        text-decoration: underline;
+                                        text-underline-offset: 2px;
+                                    }
+                                    .banner-popup-content ul {
+                                        list-style-type: disc;
+                                        padding-left: 1rem;
+                                        margin: 0.375rem 0;
+                                    }
+                                    .banner-popup-content ol {
+                                        list-style-type: decimal;
+                                        padding-left: 1rem;
+                                        margin: 0.375rem 0;
+                                    }
+                                    .banner-popup-content li {
+                                        display: list-item;
+                                        margin: 0.2rem 0;
+                                    }
+                                    .banner-popup-content blockquote {
+                                        border-left: 2px solid var(--color-dashboard-primary);
+                                        padding: 0.25rem 0 0.25rem 0.5rem;
+                                        margin: 0.5rem 0;
+                                        font-style: italic;
+                                        background: var(--color-dashboard-secondary);
+                                        border-radius: 0 4px 4px 0;
+                                    }
+                                    .banner-popup-content a {
+                                        color: var(--color-dashboard-primary);
+                                        text-decoration: underline;
+                                    }
+                                ` }), _jsx(motion.button, { initial: { y: 10, opacity: 0 }, animate: { y: 0, opacity: 1 }, transition: { delay: 0.35 }, onClick: handleClose, whileHover: { opacity: 0.9 }, whileTap: { scale: 0.98 }, className: "w-full py-2.5 rounded-lg text-white text-xs font-semibold bg-dashboard-primary hover:bg-dashboard-primary/90 transition-all cursor-pointer shadow-xs", style: {
+                                                    backgroundColor: primaryColor,
+                                                }, children: "Got it" })] })] }) })] })) })] }));
+}
+export default PopUp;
+//# sourceMappingURL=PopUp.js.map

package/dist/components/PopUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopUp.js","sourceRoot":"","sources":["../../src/components/PopUp.tsx"],"names":[],"mappings":"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"}

package/dist/components/PrioritySignal.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export type PriorityLevel = "critical" | "urgent" | "high" | "normal" | "medium" | "low" | "lowest";
+export interface PrioritySignalProps extends React.HTMLAttributes<HTMLSpanElement> {
+    level?: PriorityLevel | string;
+    label?: string;
+    showLabel?: boolean;
+    size?: "xs" | "sm";
+}
+export declare function PrioritySignal({ level, label, showLabel, size, className, ...props }: PrioritySignalProps): React.JSX.Element;
+export default PrioritySignal;

package/dist/components/PrioritySignal.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertCircle } from "lucide-react";
+import { cn } from "../support/utils.js";
+const parseLevel = (rawLevel) => {
+    const norm = (rawLevel || "normal").toLowerCase();
+    if (norm.includes("crit") || norm.includes("urg") || norm === "p1") {
+        return {
+            bars: 4,
+            color: "text-red-500",
+            barBg: "bg-red-500",
+            defaultLabel: "Critical",
+            isAlert: true,
+        };
+    }
+    if (norm.includes("high") || norm === "p2") {
+        return {
+            bars: 3,
+            color: "text-amber-500",
+            barBg: "bg-amber-500",
+            defaultLabel: "High",
+            isAlert: false,
+        };
+    }
+    if (norm.includes("low") || norm === "p4" || norm.includes("minor")) {
+        return {
+            bars: 1,
+            color: "text-dashboard-muted-foreground",
+            barBg: "bg-dashboard-muted-foreground",
+            defaultLabel: "Low",
+            isAlert: false,
+        };
+    }
+    // Normal / Medium (Default)
+    return {
+        bars: 2,
+        color: "text-emerald-500",
+        barBg: "bg-emerald-500",
+        defaultLabel: "Normal",
+        isAlert: false,
+    };
+};
+export function PrioritySignal({ level = "normal", label, showLabel = true, size = "xs", className, ...props }) {
+    const config = parseLevel(level);
+    const displayLabel = label ?? config.defaultLabel;
+    return (_jsxs("span", { className: cn("inline-flex items-center gap-1.5 shrink-0 select-none", size === "xs" ? "text-[11px]" : "text-xs", className), ...props, children: [config.isAlert ? (_jsx("span", { className: "inline-flex items-center justify-center text-red-500 shrink-0", children: _jsx(AlertCircle, { className: size === "xs" ? "w-3.5 h-3.5" : "w-4 h-4" }) })) : (_jsxs("span", { className: "inline-flex items-end gap-0.5 h-3.5 w-3.5 shrink-0 justify-center pb-0.5", "aria-hidden": "true", children: [_jsx("span", { className: cn("w-[2.5px] rounded-xs transition-colors", "h-[4px]", config.bars >= 1
+                            ? config.barBg
+                            : "bg-dashboard-border") }), _jsx("span", { className: cn("w-[2.5px] rounded-xs transition-colors", "h-[7px]", config.bars >= 2
+                            ? config.barBg
+                            : "bg-dashboard-border") }), _jsx("span", { className: cn("w-[2.5px] rounded-xs transition-colors", "h-[10px]", config.bars >= 3
+                            ? config.barBg
+                            : "bg-dashboard-border") })] })), showLabel && (_jsx("span", { className: "font-medium text-dashboard-foreground", children: displayLabel }))] }));
+}
+export default PrioritySignal;
+//# sourceMappingURL=PrioritySignal.js.map

package/dist/components/PrioritySignal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrioritySignal.js","sourceRoot":"","sources":["../../src/components/PrioritySignal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAmBtC,MAAM,UAAU,GAAG,CACf,QAAiB,EACqE,EAAE;IACxF,MAAM,IAAI,GAAG,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;IAElD,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QACjE,OAAO;YACH,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,cAAc;YACrB,KAAK,EAAE,YAAY;YACnB,YAAY,EAAE,UAAU;YACxB,OAAO,EAAE,IAAI;SAChB,CAAC;IACN,CAAC;IACD,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QACzC,OAAO;YACH,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,gBAAgB;YACvB,KAAK,EAAE,cAAc;YACrB,YAAY,EAAE,MAAM;YACpB,OAAO,EAAE,KAAK;SACjB,CAAC;IACN,CAAC;IACD,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;QAClE,OAAO;YACH,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,iCAAiC;YACxC,KAAK,EAAE,+BAA+B;YACtC,YAAY,EAAE,KAAK;YACnB,OAAO,EAAE,KAAK;SACjB,CAAC;IACN,CAAC;IACD,4BAA4B;IAC5B,OAAO;QACH,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,kBAAkB;QACzB,KAAK,EAAE,gBAAgB;QACvB,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,KAAK;KACjB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,EAC3B,KAAK,GAAG,QAAQ,EAChB,KAAK,EACL,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,GAAG,KAAK,EACU;IAClB,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,YAAY,GAAG,KAAK,IAAI,MAAM,CAAC,YAAY,CAAC;IAElD,OAAO,CACH,gBACI,SAAS,EAAE,EAAE,CACT,uDAAuD,EACvD,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,CACZ,KACG,KAAK,aAER,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,eAAM,SAAS,EAAC,+DAA+D,YAC3E,KAAC,WAAW,IAAC,SAAS,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,GAAI,GAClE,CACV,CAAC,CAAC,CAAC,CACA,gBACI,SAAS,EAAC,0EAA0E,iBACxE,MAAM,aAElB,eACI,SAAS,EAAE,EAAE,CACT,wCAAwC,EACxC,SAAS,EACT,MAAM,CAAC,IAAI,IAAI,CAAC;4BACZ,CAAC,CAAC,MAAM,CAAC,KAAK;4BACd,CAAC,CAAC,qBAAqB,CAC9B,GACH,EACF,eACI,SAAS,EAAE,EAAE,CACT,wCAAwC,EACxC,SAAS,EACT,MAAM,CAAC,IAAI,IAAI,CAAC;4BACZ,CAAC,CAAC,MAAM,CAAC,KAAK;4BACd,CAAC,CAAC,qBAAqB,CAC9B,GACH,EACF,eACI,SAAS,EAAE,EAAE,CACT,wCAAwC,EACxC,UAAU,EACV,MAAM,CAAC,IAAI,IAAI,CAAC;4BACZ,CAAC,CAAC,MAAM,CAAC,KAAK;4BACd,CAAC,CAAC,qBAAqB,CAC9B,GACH,IACC,CACV,EACA,SAAS,IAAI,CACV,eAAM,SAAS,EAAC,uCAAuC,YAClD,YAAY,GACV,CACV,IACE,CACV,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/components/RichTextEditor.d.ts

@@ -0,0 +1,7 @@
+interface RichTextEditorProps {
+    content: string;
+    onChange: (content: string) => void;
+    placeholder?: string;
+}
+export default function RichTextEditor({ content, onChange, placeholder, }: RichTextEditorProps): import("react").JSX.Element;
+export {};

package/dist/components/RichTextEditor.js

@@ -0,0 +1,252 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../index.js";
+import { useLanguage } from "@gostack-framework/react";
+import { cn } from "../support/utils.js";
+import { Highlight } from "@tiptap/extension-highlight";
+import Image from "@tiptap/extension-image";
+import Link from "@tiptap/extension-link";
+import Placeholder from "@tiptap/extension-placeholder";
+import Underline from "@tiptap/extension-underline";
+import { EditorContent, useEditor } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import { Bold, Code, Highlighter, Image as ImageIcon, Italic, Link as LinkIcon, List, ListOrdered, Quote, Redo, Underline as UnderlineIcon, Undo, } from "lucide-react";
+import { useState } from "react";
+const MenuBar = ({ editor, onLinkClick, onImageClick, }) => {
+    if (!editor)
+        return null;
+    const buttons = [
+        {
+            icon: Bold,
+            action: () => editor.chain().focus().toggleBold().run(),
+            isActive: editor.isActive("bold"),
+            label: "Bold",
+            group: 0,
+        },
+        {
+            icon: Italic,
+            action: () => editor.chain().focus().toggleItalic().run(),
+            isActive: editor.isActive("italic"),
+            label: "Italic",
+            group: 0,
+        },
+        {
+            icon: UnderlineIcon,
+            action: () => editor.chain().focus().toggleUnderline().run(),
+            isActive: editor.isActive("underline"),
+            label: "Underline",
+            group: 0,
+        },
+        // ── NEW: Highlight button in group 0 ──
+        {
+            icon: Highlighter,
+            action: () => editor
+                .chain()
+                .focus()
+                .toggleHighlight({ color: "rgba(105, 117, 226, 0.35)" })
+                .run(),
+            isActive: editor.isActive("highlight"),
+            label: "Highlight",
+            group: 0,
+        },
+        {
+            icon: List,
+            action: () => editor.chain().focus().toggleBulletList().run(),
+            isActive: editor.isActive("bulletList"),
+            label: "Bullet List",
+            group: 1,
+        },
+        {
+            icon: ListOrdered,
+            action: () => editor.chain().focus().toggleOrderedList().run(),
+            isActive: editor.isActive("orderedList"),
+            label: "Ordered List",
+            group: 1,
+        },
+        {
+            icon: Quote,
+            action: () => editor.chain().focus().toggleBlockquote().run(),
+            isActive: editor.isActive("blockquote"),
+            label: "Quote",
+            group: 2,
+        },
+        {
+            icon: Code,
+            action: () => editor.chain().focus().toggleCodeBlock().run(),
+            isActive: editor.isActive("codeBlock"),
+            label: "Code Block",
+            group: 2,
+        },
+        {
+            icon: LinkIcon,
+            action: onLinkClick,
+            isActive: editor.isActive("link"),
+            label: "Link",
+            group: 3,
+        },
+        {
+            icon: ImageIcon,
+            action: onImageClick,
+            isActive: false,
+            label: "Image",
+            group: 3,
+        },
+    ];
+    const groups = [0, 1, 2, 3];
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-1 p-2 bg-dashboard-secondary/50 backdrop-blur-md border-b border-dashboard-border sticky top-0 z-10", children: [groups.map((groupId, gi) => (_jsx("div", { className: cn("flex items-center gap-1 px-2", gi < groups.length - 1 &&
+                    "border-r border-dashboard-border"), children: buttons
+                    .filter((b) => b.group === groupId)
+                    .map((btn, i) => (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: btn.action, className: cn("h-8 w-8 p-0 rounded-lg transition-all", btn.isActive
+                        ? "bg-dashboard-primary text-dashboard-primary-foreground shadow-sm"
+                        : "text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground"), title: btn.label, children: _jsx(btn.icon, { className: "h-3.5 w-3.5" }) }, i))) }, groupId))), _jsx("div", { className: "flex-1" }), _jsxs("div", { className: "flex items-center gap-1 border-l border-dashboard-border pl-2", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), className: "h-8 w-8 p-0 rounded-lg text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground disabled:opacity-30", children: _jsx(Undo, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), className: "h-8 w-8 p-0 rounded-lg text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground disabled:opacity-30", children: _jsx(Redo, { className: "h-3.5 w-3.5" }) })] })] }));
+};
+export default function RichTextEditor({ content, onChange, placeholder, }) {
+    const { t } = useLanguage();
+    const [linkModalOpen, setLinkModalOpen] = useState(false);
+    const [imageModalOpen, setImageModalOpen] = useState(false);
+    const [linkUrl, setLinkUrl] = useState("");
+    const [imageUrl, setImageUrl] = useState("");
+    const editor = useEditor({
+        extensions: [
+            StarterKit.configure({
+                bulletList: { keepMarks: true, keepAttributes: false },
+                orderedList: { keepMarks: true, keepAttributes: false },
+            }),
+            Underline,
+            Highlight.configure({ multicolor: true }), // ← NEW
+            Link.configure({ openOnClick: false }),
+            Image.configure({ allowBase64: true }),
+            Placeholder.configure({
+                placeholder: placeholder || "Start writing...",
+            }),
+        ],
+        content,
+        onUpdate: ({ editor }) => {
+            onChange(editor.getHTML());
+        },
+        editorProps: {
+            attributes: {
+                class: "focus:outline-none min-h-[400px] p-8 max-w-none",
+            },
+        },
+    });
+    const handleLinkSubmit = () => {
+        if (linkUrl && editor) {
+            const url = linkUrl.startsWith("http")
+                ? linkUrl
+                : `https://${linkUrl}`;
+            editor.chain().focus().setLink({ href: url }).run();
+            setLinkUrl("");
+            setLinkModalOpen(false);
+        }
+    };
+    const handleImageSubmit = () => {
+        if (imageUrl && editor) {
+            editor.chain().focus().setImage({ src: imageUrl }).run();
+            setImageUrl("");
+            setImageModalOpen(false);
+        }
+    };
+    const characterCount = editor ? editor.getText().length : 0;
+    return (_jsxs("div", { className: "w-full border border-dashboard-border rounded-xl bg-dashboard-card overflow-hidden focus-within:border-dashboard-primary/50 transition-all shadow-xs", children: [_jsx(MenuBar, { editor: editor, onLinkClick: () => setLinkModalOpen(true), onImageClick: () => setImageModalOpen(true) }), _jsx(EditorContent, { editor: editor }), _jsxs("div", { className: "flex justify-between items-center px-4 py-2 bg-dashboard-secondary/30 border-t border-dashboard-border text-xs text-dashboard-muted-foreground", children: [_jsxs("span", { children: ["Characters: ", characterCount] }), _jsx("span", { children: "Rich Text Editor" })] }), linkModalOpen && (_jsx("div", { className: "fixed inset-0 bg-black/75 flex items-center justify-center z-50 backdrop-blur-xs", children: _jsxs("div", { className: "bg-dashboard-card border border-dashboard-border rounded-xl p-5 w-96 shadow-2xl animate-in fade-in zoom-in-95 duration-200", children: [_jsx("h3", { className: "text-sm font-bold text-dashboard-foreground mb-3", children: "Add Link" }), _jsx("input", { id: "rich-text-link-url", "aria-label": "Link URL", type: "url", value: linkUrl, onChange: (e) => setLinkUrl(e.target.value), onKeyDown: (e) => e.key === "Enter" && handleLinkSubmit(), placeholder: "https://example.com", className: "w-full px-3 py-1.5 bg-dashboard-background/70 border border-dashboard-border rounded-lg focus:outline-none focus:ring-1 focus:ring-dashboard-primary/40 text-dashboard-foreground text-xs mb-3", autoFocus: true }), _jsxs("div", { className: "flex gap-2 justify-end", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => {
+                                        setLinkModalOpen(false);
+                                        setLinkUrl("");
+                                    }, children: t("dashboard:common.cancel") }), _jsx(Button, { size: "sm", onClick: handleLinkSubmit, children: "Add Link" })] })] }) })), imageModalOpen && (_jsx("div", { className: "fixed inset-0 bg-black/75 flex items-center justify-center z-50 backdrop-blur-xs", children: _jsxs("div", { className: "bg-dashboard-card border border-dashboard-border rounded-xl p-5 w-96 shadow-2xl animate-in fade-in zoom-in-95 duration-200", children: [_jsx("h3", { className: "text-sm font-bold text-dashboard-foreground mb-3", children: "Add Image" }), _jsx("input", { id: "rich-text-image-url", "aria-label": "Image URL", type: "url", value: imageUrl, onChange: (e) => setImageUrl(e.target.value), onKeyDown: (e) => e.key === "Enter" && handleImageSubmit(), placeholder: "https://example.com/image.jpg", className: "w-full px-3 py-1.5 bg-dashboard-background/70 border border-dashboard-border rounded-lg focus:outline-none focus:ring-1 focus:ring-dashboard-primary/40 text-dashboard-foreground text-xs mb-3", autoFocus: true }), _jsxs("div", { className: "flex gap-2 justify-end", children: [_jsx(Button, { variant: "ghost", onClick: () => {
+                                        setImageModalOpen(false);
+                                        setImageUrl("");
+                                    }, children: t("dashboard:common.cancel") }), _jsx(Button, { onClick: handleImageSubmit, children: "Add Image" })] })] }) })), _jsx("style", { children: `
+                .ProseMirror p.is-editor-empty:first-child::before {
+                    content: attr(data-placeholder);
+                    float: left;
+                    color: var(--color-dashboard-muted-foreground);
+                    opacity: 0.6;
+                    pointer-events: none;
+                    height: 0;
+                }
+                .ProseMirror { outline: none !important; }
+                .ProseMirror p { margin: 0.5rem 0; color: var(--color-dashboard-foreground); opacity: 0.9; line-height: 1.75; }
+                .ProseMirror strong { color: var(--color-dashboard-foreground); font-weight: 700; }
+                .ProseMirror em { font-style: italic; color: var(--color-dashboard-foreground); opacity: 0.8; }
+                .ProseMirror u {
+                    text-decoration: underline;
+                    text-decoration-color: var(--color-dashboard-primary);
+                    text-underline-offset: 3px;
+                    opacity: 0.8;
+                }
+
+                /* ── Highlight ── */
+                .ProseMirror mark {
+                    background-color: var(--color-dashboard-primary);
+                    color: var(--color-dashboard-primary-foreground);
+                    border-radius: 3px;
+                    padding: 0.05em 0.2em;
+                }
+
+                .ProseMirror ul {
+                    list-style-type: disc !important;
+                    padding-left: 1.5rem !important;
+                    margin: 0.75rem 0 !important;
+                }
+                .ProseMirror ol {
+                    list-style-type: decimal !important;
+                    padding-left: 1.5rem !important;
+                    margin: 0.75rem 0 !important;
+                }
+                .ProseMirror li {
+                    display: list-item !important;
+                    margin: 0.25rem 0 !important;
+                    color: var(--color-dashboard-foreground);
+                    opacity: 0.9;
+                }
+                .ProseMirror li p { margin: 0 !important; }
+                .ProseMirror blockquote {
+                    border-left: 4px solid var(--color-dashboard-primary);
+                    padding: 0.5rem 0 0.5rem 1rem;
+                    margin: 1rem 0;
+                    font-style: italic;
+                    color: var(--color-dashboard-muted-foreground);
+                    background: color-mix(in srgb, var(--color-dashboard-primary) 8%, transparent);
+                    border-radius: 0 6px 6px 0;
+                }
+                .ProseMirror blockquote p { margin: 0.2rem 0 !important; }
+                .ProseMirror code {
+                    background: var(--color-dashboard-secondary);
+                    color: var(--color-dashboard-primary);
+                    font-family: 'Courier New', monospace;
+                    font-size: 0.88em;
+                    padding: 0.15em 0.45em;
+                    border-radius: 5px;
+                    border: 1px solid var(--color-dashboard-border);
+                }
+                .ProseMirror pre {
+                    background: var(--color-dashboard-background);
+                    border: 1px solid var(--color-dashboard-border);
+                    border-radius: 10px;
+                    padding: 1.25rem;
+                    margin: 1rem 0;
+                    overflow-x: auto;
+                }
+                .ProseMirror pre code {
+                    background: none;
+                    border: none;
+                    padding: 0;
+                    color: var(--color-dashboard-foreground);
+                    font-size: 0.9rem;
+                }
+                .ProseMirror a {
+                    color: var(--color-dashboard-primary);
+                    text-decoration: underline;
+                    text-underline-offset: 3px;
+                    text-decoration-color: var(--color-dashboard-primary);
+                    cursor: pointer;
+                }
+                .ProseMirror a:hover { opacity: 0.8; }
+                .ProseMirror img {
+                    max-width: 100%;
+                    height: auto;
+                    border-radius: 1rem;
+                    margin: 1.5rem 0;
+                    border: 1px solid var(--color-dashboard-border);
+                }
+            ` })] }));
+}
+//# sourceMappingURL=RichTextEditor.js.map

package/dist/components/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../src/components/RichTextEditor.tsx"],"names":[],"mappings":"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"}

package/dist/components/SLACountdown.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface SLACountdownProps extends React.HTMLAttributes<HTMLDivElement> {
+    stage: string;
+    remainingTime: string;
+    percentage: number;
+    isBreached?: boolean;
+    targetDate?: string;
+}
+export declare function SLADialIndicator({ percentage, isBreached, size, }: {
+    percentage: number;
+    isBreached?: boolean;
+    size?: number;
+}): React.JSX.Element;
+export declare function SLACountdown({ stage, remainingTime, percentage, isBreached, targetDate, className, ...props }: SLACountdownProps): React.JSX.Element;
+export default SLACountdown;

package/dist/components/SLACountdown.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+export function SLADialIndicator({ percentage, isBreached = false, size = 18, }) {
+    const radius = 7;
+    const circumference = 2 * Math.PI * radius;
+    const clampedPct = Math.min(Math.max(percentage, 0), 100);
+    const strokeDashoffset = circumference - (clampedPct / 100) * circumference;
+    const strokeColor = isBreached
+        ? "text-red-500"
+        : percentage > 75
+            ? "text-amber-500"
+            : "text-dashboard-muted-foreground";
+    return (_jsx("div", { className: "relative inline-flex items-center justify-center shrink-0", style: { width: size, height: size }, "aria-hidden": "true", children: _jsxs("svg", { width: size, height: size, viewBox: "0 0 20 20", className: "-rotate-90", children: [_jsx("circle", { cx: "10", cy: "10", r: radius, className: "stroke-dashboard-border", strokeWidth: "2.5", fill: "none" }), _jsx("circle", { cx: "10", cy: "10", r: radius, className: cn(strokeColor, "transition-all duration-300"), strokeWidth: "2.5", strokeDasharray: circumference, strokeDashoffset: strokeDashoffset, strokeLinecap: "round", fill: isBreached ? "currentColor" : "none" })] }) }));
+}
+export function SLACountdown({ stage, remainingTime, percentage, isBreached = false, targetDate, className, ...props }) {
+    const breached = isBreached || percentage >= 100 || remainingTime.startsWith("-");
+    return (_jsxs("div", { className: cn("flex items-center justify-between text-xs py-1 px-1 select-none", className), ...props, children: [_jsx("span", { className: cn("font-medium", breached
+                    ? "text-red-500"
+                    : "text-dashboard-muted-foreground"), children: stage }), _jsxs("div", { className: "flex items-center gap-2.5", children: [_jsx("span", { className: cn("font-mono font-medium text-xs", breached
+                            ? "text-red-500"
+                            : "text-dashboard-foreground"), children: remainingTime }), _jsx(SLADialIndicator, { percentage: percentage, isBreached: breached, size: 16 }), _jsxs("span", { className: cn("text-[11px] font-mono w-9 text-right", breached
+                            ? "text-red-500 font-semibold"
+                            : "text-dashboard-muted-foreground"), children: [Math.round(percentage), "%"] })] })] }));
+}
+export default SLACountdown;
+//# sourceMappingURL=SLACountdown.js.map

package/dist/components/SLACountdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SLACountdown.js","sourceRoot":"","sources":["../../src/components/SLACountdown.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAUtC,MAAM,UAAU,gBAAgB,CAAC,EAC7B,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,EAAE,GAKZ;IACG,MAAM,MAAM,GAAG,CAAC,CAAC;IACjB,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;IAC3C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC1D,MAAM,gBAAgB,GAAG,aAAa,GAAG,CAAC,UAAU,GAAG,GAAG,CAAC,GAAG,aAAa,CAAC;IAE5E,MAAM,WAAW,GAAG,UAAU;QAC1B,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,UAAU,GAAG,EAAE;YACf,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,iCAAiC,CAAC;IAE1C,OAAO,CACH,cACI,SAAS,EAAC,2DAA2D,EACrE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,iBACxB,MAAM,YAElB,eACI,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,YAAY,aAGtB,iBACI,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAE,MAAM,EACT,SAAS,EAAC,yBAAyB,EACnC,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,MAAM,GACb,EAEF,iBACI,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAE,MAAM,EACT,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,6BAA6B,CAAC,EACzD,WAAW,EAAC,KAAK,EACjB,eAAe,EAAE,aAAa,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAC,OAAO,EACrB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,GAC5C,IACA,GACJ,CACT,CAAC;AACN,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EACzB,KAAK,EACL,aAAa,EACb,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACQ;IAChB,MAAM,QAAQ,GAAG,UAAU,IAAI,UAAU,IAAI,GAAG,IAAI,aAAa,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IAElF,OAAO,CACH,eACI,SAAS,EAAE,EAAE,CACT,iEAAiE,EACjE,SAAS,CACZ,KACG,KAAK,aAET,eACI,SAAS,EAAE,EAAE,CACT,aAAa,EACb,QAAQ;oBACJ,CAAC,CAAC,cAAc;oBAChB,CAAC,CAAC,iCAAiC,CAC1C,YAEA,KAAK,GACH,EAEP,eAAK,SAAS,EAAC,2BAA2B,aACtC,eACI,SAAS,EAAE,EAAE,CACT,+BAA+B,EAC/B,QAAQ;4BACJ,CAAC,CAAC,cAAc;4BAChB,CAAC,CAAC,2BAA2B,CACpC,YAEA,aAAa,GACX,EAEP,KAAC,gBAAgB,IACb,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,QAAQ,EACpB,IAAI,EAAE,EAAE,GACV,EAEF,gBACI,SAAS,EAAE,EAAE,CACT,sCAAsC,EACtC,QAAQ;4BACJ,CAAC,CAAC,4BAA4B;4BAC9B,CAAC,CAAC,iCAAiC,CAC1C,aAEA,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,SACpB,IACL,IACJ,CACT,CAAC;AACN,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/components/StatusBadge.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ThemedText } from "../index";
+export type StatusBadgeVariant = "in-progress" | "backlog" | "review" | "done" | "resolved" | "cancelled" | "rejected" | "warning" | "pending" | "neutral";
+export interface StatusBadgeProps extends Omit<React.ComponentProps<typeof ThemedText>, "variant"> {
+    variant?: StatusBadgeVariant;
+    label?: string;
+    dotColor?: string;
+    pulse?: boolean;
+    size?: "xs" | "sm";
+    shape?: "default" | "pill";
+    children?: React.ReactNode;
+}
+export declare function StatusBadge({ variant, label, dotColor, pulse, size, shape, children, className, ...props }: StatusBadgeProps): React.JSX.Element;
+export default StatusBadge;