"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PaperCollapsible = PaperCollapsible;
exports.PaperCollapsibleBanner = PaperCollapsibleBanner;
exports.PaperCollapsibleTrigger = PaperCollapsibleTrigger;
exports.PaperCollapsibleContent = PaperCollapsibleContent;
const jsx_runtime_1 = require("react/jsx-runtime");
const utils_1 = require("../../../lib/utils");
const collapsible_1 = require("../../../components/ui/collapsible");
const paper_1 = require("../../../components/ui/paper");
const lucide_react_1 = require("lucide-react");
const separator_1 = require("../separator");
function PaperCollapsible({ className, children, ...props }) {
    return ((0, jsx_runtime_1.jsx)(collapsible_1.Collapsible, { className: "group/paper-collapsible", ...props, children: (0, jsx_runtime_1.jsx)(paper_1.Paper, { "data-slot": "paper-collapsible", className: (0, utils_1.cn)('flex flex-col', className), children: children }) }));
}
function PaperCollapsibleBanner({ className, children, ...props }) {
    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "paper-collapsible-banner", className: (0, utils_1.cn)('flex flex-row p-6', className), ...props, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex grow flex-col", children: children }), (0, jsx_runtime_1.jsx)(PaperCollapsibleTrigger, {})] }));
}
function PaperCollapsibleTrigger({ className, children: _children, ...props }) {
    return ((0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleTrigger, { "data-slot": "paper-collapsible-trigger", className: (0, utils_1.cn)('transition-all hover:underline [&[data-state=open]>svg]:rotate-180', className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "text-foreground size-6 shrink-0 cursor-pointer transition-transform duration-200" }) }));
}
function PaperCollapsibleContent({ className, children, ...props }) {
    return ((0, jsx_runtime_1.jsxs)(collapsible_1.CollapsibleContent, { "data-slot": "paper-collapsible-content", className: (0, utils_1.cn)('data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden transition-all duration-200 ease-in-out', className), ...props, children: [(0, jsx_runtime_1.jsx)(separator_1.Separator, {}), children] }));
}
