); }; export default CustomKanban; const Board = () => { const [cards, setCards] = useState(DEFAULT_CARDS); return (

{/* */}

); }; const Column = ({ title, headingColor, cards, column, setCards, }: { title: string; headingColor: string; cards: Card[]; column: string; setCards: React.Dispatch>; }) => { const [active, setActive] = useState(false); const handleDragStart = (e: DragEvent, card: { id: string }) => { if (!e.dataTransfer) return; e.dataTransfer.setData("cardId", card.id); }; const handleDragEnd = (e: React.DragEvent) => { if (!e.dataTransfer) return; const cardId = e.dataTransfer.getData("cardId"); setActive(false); clearHighlights(getIndicators()); const indicators = getIndicators(); const { element } = getNearestIndicator(e, indicators); const before = element.dataset.before || "-1"; if (before !== cardId) { let copy = [...cards]; let cardToTransfer = copy.find((c) => c.id === cardId); if (!cardToTransfer) return; cardToTransfer = { ...cardToTransfer, column }; copy = copy.filter((c) => c.id !== cardId); const moveToBack = before === "-1"; if (moveToBack) { copy.push(cardToTransfer); } else { const insertAtIndex = copy.findIndex((el) => el.id === before); if (insertAtIndex === undefined) return; copy.splice(insertAtIndex, 0, cardToTransfer); } setCards(copy); } }; const handleDragOver = (e: any) => { e.preventDefault(); highlightIndicator(e); setActive(true); }; const clearHighlights = (els: any) => { const indicators = els || getIndicators(); indicators.forEach((i: any) => { i.style.opacity = "0"; }); }; const highlightIndicator = (e: any) => { const indicators = getIndicators(); clearHighlights(indicators); const el = getNearestIndicator(e, indicators); el.element.style.opacity = "1"; }; const getNearestIndicator = (e: any, indicators: any) => { const DISTANCE_OFFSET = 50; const el = indicators.reduce( (closest: any, child: any) => { const box = child.getBoundingClientRect(); const offset = e.clientY - (box.top + DISTANCE_OFFSET); if (offset < 0 && offset > closest.offset) { return { offset: offset, element: child }; } else { return closest; } }, { offset: Number.NEGATIVE_INFINITY, element: indicators[indicators.length - 1], }, ); return el; }; const getIndicators = () => { return Array.from( document.querySelectorAll(\`[data-column="\${column}"]\`), ); }; const handleDragLeave = () => { clearHighlights(getIndicators()); setActive(false); }; const filteredCards = cards.filter((c) => c.column === column); return (

{title}

{filteredCards.length}

) => handleDragEnd(e as any) } onDragOver={handleDragOver} onDragLeave={handleDragLeave} className={\`h-full w-full transition-colors \${active ? "bg-neutral-800/50" : "bg-neutral-800/0"}\`} > {filteredCards.map((c) => { return ( ); })}

); }; const Card = ({ title, id, column, handleDragStart, }: { title?: string; id: string; column: string; handleDragStart: (e: DragEvent, card: { id: string }) => void; }) => { return ( <> handleDragStart(e as DragEvent, { id })} className="cursor-grab rounded border border-neutral-700 bg-neutral-800 p-3 active:cursor-grabbing" >

{title}

); }; const DropIndicator = ({ beforeId, column, }: { beforeId: string | null; column: string; }) => { return (

); }; const BurnBarrel = ({ setCards, }: { setCards: React.Dispatch>; }) => { const [active, setActive] = useState(false); const handleDragOver = (e: React.DragEvent) => { e.preventDefault(); setActive(true); }; const handleDragLeave = () => { setActive(false); }; const handleDragEnd = (e: React.DragEvent) => { if (!e.dataTransfer) return; const cardId = e.dataTransfer.getData("cardId"); setCards((pv) => pv.filter((c) => c.id !== cardId)); setActive(false); }; return (

{active ? ( ) : ( )}

); }; const AddCard = ({ column, setCards, }: { column: string; setCards: React.Dispatch>; }) => { const [text, setText] = useState(""); const [adding, setAdding] = useState(false); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); if (!text.trim().length) return; const newCard = { column, title: text.trim(), id: Math.random().toString(), }; setCards((pv) => [...pv, newCard]); setAdding(false); }; return ( <> {adding ? (

setText(e.target.value)}
                        autoFocus
                        placeholder="Add new task..."
                        className="w-full rounded border border-violet-400 bg-violet-400/20 p-3 text-sm text-neutral-50 placeholder-violet-300 focus:outline-0"
                    />
                    <div className="mt-1.5 flex items-center justify-end gap-1.5">
                        <button
                            onClick={() => setAdding(false)}
                            className="px-3 py-1.5 text-xs text-neutral-400 transition-colors hover:text-neutral-50"
                        >
                            Close
                        </button>
                        <button
                            type="submit"
                            className="flex items-center gap-1.5 rounded bg-neutral-50 px-3 py-1.5 text-xs text-neutral-950 transition-colors hover:bg-neutral-300"
                        >
                            <span>Add</span>
                            <PlusCircle />
                        </button>
                    </div>
                </motion.form>
            ) : (
                <motion.button
                    layout
                    onClick={() => setAdding(true)}
                    className="flex w-full items-center gap-1.5 px-3 py-1.5 text-xs text-neutral-400 transition-colors hover:text-neutral-50"
                >
                    <span>Add card</span>
                    <PlusCircle />
                </motion.button>
            )}
        </>
    );
};

const DEFAULT_CARDS = [
    // BACKLOG
    { title: "Look into render bug in dashboard", id: "1", column: "backlog" },
    { title: "SOX compliance checklist", id: "2", column: "backlog" },
    { title: "[SPIKE] Migrate to Azure", id: "3", column: "backlog" },
    { title: "Document Notifications service", id: "4", column: "backlog" },
    // TODO
    {
        title: "Research DB options for new microservice",
        id: "5",
        column: "todo",
    },
    { title: "Postmortem for outage", id: "6", column: "todo" },
    { title: "Sync with product on Q3 roadmap", id: "7", column: "todo" },

// DOING
    {
        title: "Refactor context providers to use Zustand",
        id: "8",
        column: "doing",
    },
    { title: "Add logging to daily CRON", id: "9", column: "doing" },
    // DONE
    {
        title: "Set up DD dashboards for Lambda listener",
        id: "10",
        column: "done",
    },
];
`,__src__:"registry/default/motions/board/board-demo.tsx",__event__:"copy_usage_code",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"catppuccin-mocha",style:{display:"grid"},children:[(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" useState "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" from"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "react"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" motion "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" from"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "motion/react"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" FireExtinguisherIcon"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" PlusCircle"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" Trash "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" from"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "lucide-react"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ScrollArea "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" from"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "@radix-ui/react-scroll-area"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"interface"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" Card"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" CustomKanban"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ()"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    return"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"h-screen w-full overflow-x-scroll bg-neutral-900 text-neutral-50"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"            <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"Board"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        </"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    )"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"};"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" default"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" CustomKanban"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" Board"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ()"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"cards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" setCards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" useState"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"Card[]"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"DEFAULT_CARDS"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    return"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"flex h-full w-full gap-3 overflow-x-scroll p-4 md:p-12"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"            <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"ScrollArea"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"grid grid-cols-1 gap-10 md:grid-cols-2"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"Column"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"TODO"'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"todo"'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    headingColor"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"text-yellow-200"'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    cards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"cards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    setCards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"setCards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                />"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"Column"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"In progress"'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"doing"'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    headingColor"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"text-blue-200"'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    cards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"cards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    setCards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"setCards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                />"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"Column"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"Complete"'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"done"'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    headingColor"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"text-emerald-200"'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    cards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"cards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    setCards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"setCards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                />"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"BurnBarrel"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" setCards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"setCards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"            </"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"ScrollArea"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"            {"}),(0,n.jsx)(l.span,{style:{color:"#9399B2",fontStyle:"italic"},children:"/* <Column"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2",fontStyle:"italic"},children:'                title="Backlog"'})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2",fontStyle:"italic"},children:'                column="backlog"'})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2",fontStyle:"italic"},children:'                headingColor="text-neutral-500"'})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2",fontStyle:"italic"},children:"                cards={cards}"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2",fontStyle:"italic"},children:"                setCards={setCards}"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2",fontStyle:"italic"},children:"            /> */"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        </"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    )"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"};"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" Column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    title"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    headingColor"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    cards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    column"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    setCards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:"    title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:"    headingColor"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:"    cards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" Card[]"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:"    column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:"    setCards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"Dispatch"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"React"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"SetStateAction"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"Card[]"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:">>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"active"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" setActive"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" useState"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" handleDragStart"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" DragEvent"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" })"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        if"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"!"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"dataTransfer) "}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"dataTransfer"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"setData"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"cardId"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"id)"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    };"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" handleDragEnd"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"DragEvent"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"HTMLDivElement"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        if"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"!"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"dataTransfer) "}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" cardId"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"dataTransfer"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"getData"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"cardId"'}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"        setActive"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"        clearHighlights"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"getIndicators"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"())"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" indicators"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" getIndicators"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        const"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" element"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" }"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" getNearestIndicator"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"(e"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" indicators)"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" before"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" element"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"dataset"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"before "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"||"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "-1"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        if"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" (before "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"!=="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" cardId) "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"            let"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" copy "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"..."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"cards]"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"            let"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" cardToTransfer "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" copy"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"find"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"c"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" c"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"id "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"==="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" cardId)"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"            if"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"!"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"cardToTransfer) "}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"            cardToTransfer "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ..."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"cardToTransfer"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" column "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"};"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"            copy "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" copy"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"filter"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"c"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" c"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"id "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"!=="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" cardId)"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"            const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" moveToBack"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" before "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"==="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "-1"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"            if"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" (moveToBack) "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"                copy"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"push"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"(cardToTransfer)"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"            }"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" else"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"                const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" insertAtIndex"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" copy"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"findIndex"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"el"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" el"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"id "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"==="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" before)"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"                if"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" (insertAtIndex "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"==="}),(0,n.jsx)(l.span,{style:{color:"#F38BA8"},children:" undefined"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"                copy"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"splice"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"(insertAtIndex"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" 0"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" cardToTransfer)"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"            }"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"            setCards"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"(copy)"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"        }"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    };"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" handleDragOver"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"preventDefault"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"        highlightIndicator"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"(e)"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"        setActive"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"true"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    };"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" clearHighlights"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"els"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" indicators"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" els "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"||"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" getIndicators"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        indicators"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"forEach"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"i"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"            i"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"style"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"opacity "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "0"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"        }"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    };"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" highlightIndicator"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" indicators"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" getIndicators"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"        clearHighlights"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"(indicators)"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" el"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" getNearestIndicator"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"(e"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" indicators)"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        el"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"element"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"style"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"opacity "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "1"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    };"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" getNearestIndicator"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:" indicators"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" DISTANCE_OFFSET"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" 50"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" el"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" indicators"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"reduce"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"            ("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"closest"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:" child"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"                const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" box"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" child"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"getBoundingClientRect"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"                const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" offset"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"clientY "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"-"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" (box"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"top "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"+"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" DISTANCE_OFFSET"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"                if"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" (offset "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" 0"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" offset "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" closest"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"offset) "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"                    return"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" offset"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" offset"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" element"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" child "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"};"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"                }"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" else"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"                    return"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" closest"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"                }"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"            },"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"            {"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"                offset"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" Number"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"NEGATIVE_INFINITY"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"                element"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" indicators[indicators"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"length "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"-"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" 1"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"            },"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        )"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        return"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" el"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    };"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" getIndicators"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ()"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        return"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" Array"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"            document"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"querySelectorAll"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'`[data-column="'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"${"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"column"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"]`'}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        )"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    };"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" handleDragLeave"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ()"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"        clearHighlights"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"getIndicators"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"())"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"        setActive"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    };"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" filteredCards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" cards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"filter"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"c"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" c"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"column "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"==="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" column)"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    return"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"w-56 shrink-0"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"            <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"mb-3 flex items-center justify-between"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"h3"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:"`font-medium "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"${"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"headingColor"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:"`"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"title"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"</"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"h3"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"rounded text-sm text-neutral-400"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"                    {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"filteredCards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"length"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                </"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"            </"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"            <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                onDrop"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"DragEvent"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"HTMLDivElement"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"                    handleDragEnd"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"(e "}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"                }"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                onDragOver"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"handleDragOver"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                onDragLeave"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"handleDragLeave"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:"`h-full w-full transition-colors "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"${"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"active"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ?"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "bg-neutral-800/50"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" :"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "bg-neutral-800/0"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:"`"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"            >"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"                {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"filteredCards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"map"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"c"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"                    return"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                        <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"Card"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                            key"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"c"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"                            {"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"..."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"c"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                            handleDragStart"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"handleDragStart"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                        />"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"                    )"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"                }"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"DropIndicator"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" beforeId"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#F38BA8"},children:"null"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"column"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"AddCard"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"column"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" setCards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"setCards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"            </"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        </"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    )"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"};"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" Card"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    title"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    id"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    column"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    handleDragStart"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:"    title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:"    id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:"    column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"    handleDragStart"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" DragEvent"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" })"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" void"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    return"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        <>"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"            <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"DropIndicator"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" beforeId"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"column"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"            <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"motion.div"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                layout"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                layoutId"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                draggable"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"true"'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                onDragStart"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" handleDragStart"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"(e "}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"as"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" DragEvent"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" id "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"cursor-grab rounded border border-neutral-700 bg-neutral-800 p-3 active:cursor-grabbing"'})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"            >"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"p"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"text-sm text-neutral-100"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"title"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"</"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"p"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"            </"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"motion.div"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        </>"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    )"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"};"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" DropIndicator"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    beforeId"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    column"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:"    beforeId"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" |"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" null"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:"    column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    return"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"            data-before"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"beforeId "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"||"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "-1"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"            data-column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"column"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"            className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"my-0.5 h-0.5 w-full bg-violet-400 opacity-0"'})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        />"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    )"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"};"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" BurnBarrel"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    setCards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:"    setCards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"Dispatch"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"React"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"SetStateAction"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"Card[]"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:">>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"active"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" setActive"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" useState"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" handleDragOver"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"DragEvent"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"HTMLDivElement"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"preventDefault"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"        setActive"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"true"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    };"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" handleDragLeave"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ()"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"        setActive"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    };"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" handleDragEnd"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"DragEvent"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"HTMLDivElement"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        if"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"!"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"dataTransfer) "}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" cardId"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"dataTransfer"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"getData"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"cardId"'}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"        setCards"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"pv"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" pv"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"filter"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"c"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" c"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"id "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"!=="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" cardId))"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"        setActive"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    };"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    return"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"            onDrop"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"handleDragEnd"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"            onDragOver"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"handleDragOver"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"            onDragLeave"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"handleDragLeave"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"            className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:"`mt-10 grid h-56 w-56 shrink-0 place-content-center rounded border text-3xl "}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"${"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"                active"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                    ?"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "border-red-800 bg-red-800/20 text-red-500"'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                    :"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "border-neutral-500 bg-neutral-500/20 text-neutral-500"'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"            }"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:"`"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        >"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"            {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"active "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"FireExtinguisherIcon"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"animate-bounce"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"            ) "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"Trash"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"            )"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        </"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    )"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"};"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" AddCard"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    column"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    setCards"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:"    column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" string"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4",fontStyle:"italic"},children:"    setCards"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"Dispatch"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"React"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"SetStateAction"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"Card[]"}),(0,n.jsx)(l.span,{style:{color:"#89DCEB"},children:">>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"text"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" setText"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" useState"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'""'}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"adding"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" setAdding"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" useState"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    const"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" handleSubmit"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF",fontStyle:"italic"},children:"FormEvent"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"preventDefault"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        if"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"!"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"text"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"trim"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"length) "}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"        const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" newCard"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" {"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"            column"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"            title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" text"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"trim"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"            id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" Math"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"random"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"toString"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"        };"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"        setCards"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"pv"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"..."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"pv"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" newCard])"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:"        setAdding"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    };"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"    return"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        <>"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"            {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"adding "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"motion.form"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" layout"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" onSubmit"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"handleSubmit"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                    <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"textarea"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                        onChange"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{("}),(0,n.jsx)(l.span,{style:{color:"#EBA0AC",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" setText"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"(e"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"target"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"value)"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                        autoFocus"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                        placeholder"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"Add new task..."'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                        className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"w-full rounded border border-violet-400 bg-violet-400/20 p-3 text-sm text-neutral-50 placeholder-violet-300 focus:outline-0"'})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                    />"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                    <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"mt-1.5 flex items-center justify-end gap-1.5"'}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                        <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"button"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                            onClick"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{()"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" setAdding"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                            className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"px-3 py-1.5 text-xs text-neutral-400 transition-colors hover:text-neutral-50"'})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                        >"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"                            Close"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                        </"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                        <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"button"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                            type"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"submit"'})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                            className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"flex items-center gap-1.5 rounded bg-neutral-50 px-3 py-1.5 text-xs text-neutral-950 transition-colors hover:bg-neutral-300"'})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                        >"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                            <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"Add"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"</"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                            <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"PlusCircle"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                        </"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                    </"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                </"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"motion.form"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"            ) "}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ("})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"motion.button"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    layout"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    onClick"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"{()"}),(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA",fontStyle:"italic"},children:" setAdding"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:"true"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F9E2AF"},children:"                    className"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:'"flex w-full items-center gap-1.5 px-3 py-1.5 text-xs text-neutral-400 transition-colors hover:text-neutral-50"'})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                >"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                    <"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"Add card"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"</"}),(0,n.jsx)(l.span,{style:{color:"#89B4FA"},children:"span"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                    <"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"PlusCircle"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" />"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"                </"}),(0,n.jsx)(l.span,{style:{color:"#F5C2E7"},children:"motion.button"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:">"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"            )"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"}"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:"        </>"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"    )"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"};"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CBA6F7"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FAB387"},children:" DEFAULT_CARDS"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" ["})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2",fontStyle:"italic"},children:"    // BACKLOG"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "Look into render bug in dashboard"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "1"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "backlog"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" },"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "SOX compliance checklist"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "2"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "backlog"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" },"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "[SPIKE] Migrate to Azure"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "3"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "backlog"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" },"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "Document Notifications service"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "4"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "backlog"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" },"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2",fontStyle:"italic"},children:"    // TODO"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    {"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "Research DB options for new microservice"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "5"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "todo"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    },"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "Postmortem for outage"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "6"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "todo"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" },"})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "Sync with product on Q3 roadmap"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "7"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "todo"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" },"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:" "}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2",fontStyle:"italic"},children:"    // DOING"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    {"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "Refactor context providers to use Zustand"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "8"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "doing"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    },"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    {"}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "Add logging to daily CRON"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "9"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","}),(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:" column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "doing"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:" },"})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2",fontStyle:"italic"},children:"    // DONE"})}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    {"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        title"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "Set up DD dashboards for Lambda listener"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        id"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "10"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"        column"}),(0,n.jsx)(l.span,{style:{color:"#94E2D5"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#A6E3A1"},children:' "done"'}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:","})]}),`
`,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:"    },"})}),`
`,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#CDD6F4"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#9399B2"},children:";"})]})]})})})})]})}function h(e={}){let{wrapper:l}=e.components||{};return l?(0,n.jsx)(l,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}function u(e,l){throw new Error("Expected "+(l?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return f(g);})();
;return Component;</article></body></html>

Board

Board with drag and drop

TODO

In progress

Complete

Board with drag and drop

TODO

In progress

Complete