@appcorp/shadcn 1.2.0 → 2.0.0

package/components/shadcn-example/ai-chat/index.js

@@ -1,66 +0,0 @@
-"use client";
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AiChat = void 0;
-var react_1 = __importStar(require("react"));
-var sidebar_1 = require("./sidebar");
-var welcome_section_1 = require("./welcome-section");
-var chat_interface_1 = require("./chat-interface");
-var AiChat = function (_a) {
-    var chat = _a.chat, chats = _a.chats, completion = _a.completion, onSelectedChatIdChange = _a.onSelectedChatIdChange, selectedChatId = _a.selectedChatId, suggestions = _a.suggestions, _b = _a.username, username = _b === void 0 ? "Guest" : _b;
-    var messages = chat.messages, setMessages = chat.setMessages;
-    (0, react_1.useEffect)(function () {
-        var _a;
-        setMessages(((_a = chats.find(function (chat) { return chat.id === selectedChatId; })) === null || _a === void 0 ? void 0 : _a.messages) || []);
-    }, [selectedChatId, chats, setMessages]);
-    // Completion handlers are provided by the story via props.
-    var input = completion.input, handleInputChange = completion.handleInputChange, handleSubmit = completion.handleSubmit, isLoading = completion.isLoading;
-    var handleNewChat = function () {
-        onSelectedChatIdChange("");
-        // Reset chat messages would happen here in a real app
-    };
-    var handleSelectChat = function (chatId) {
-        onSelectedChatIdChange(chatId);
-    };
-    var handleSuggestionClick = function () {
-        // In a real app, this would start a new chat with the suggestion
-        onSelectedChatIdChange("new");
-    };
-    return (react_1.default.createElement("div", { className: "flex h-screen" },
-        react_1.default.createElement(sidebar_1.Sidebar, { chats: chats, selectedChatId: selectedChatId, onNewChat: handleNewChat, onSelectChat: handleSelectChat }),
-        react_1.default.createElement("div", { className: "flex flex-1 flex-col" }, !selectedChatId ? (react_1.default.createElement(welcome_section_1.WelcomeSection, { username: username, onSuggestionClick: handleSuggestionClick, suggestions: suggestions })) : (react_1.default.createElement(chat_interface_1.ChatInterface, { messages: messages, input: input, handleInputChange: handleInputChange, handleSubmit: handleSubmit, isLoading: isLoading })))));
-};
-exports.AiChat = AiChat;

package/components/shadcn-example/ai-chat/sidebar.d.ts

@@ -1,15 +0,0 @@
-import { FC } from "react";
-interface Chat {
-    id: string;
-    title: string;
-    preview: string;
-    timestamp: Date;
-}
-interface SidebarProps {
-    chats: Chat[];
-    selectedChatId: string | null;
-    onNewChat: () => void;
-    onSelectChat: (chatId: string) => void;
-}
-export declare const Sidebar: FC<SidebarProps>;
-export {};

package/components/shadcn-example/ai-chat/sidebar.js

@@ -1,68 +0,0 @@
-"use client";
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sidebar = void 0;
-var react_1 = __importStar(require("react"));
-var button_1 = require("../../../components/ui/button");
-var input_1 = require("../../../components/ui/input");
-var scroll_area_1 = require("../../../components/ui/scroll-area");
-var lucide_react_1 = require("lucide-react");
-var utils_1 = require("../../../lib/utils");
-var Sidebar = function (_a) {
-    var chats = _a.chats, selectedChatId = _a.selectedChatId, onNewChat = _a.onNewChat, onSelectChat = _a.onSelectChat;
-    var _b = (0, react_1.useState)(""), searchQuery = _b[0], setSearchQuery = _b[1];
-    var filteredChats = chats.filter(function (chat) {
-        return chat.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
-            chat.preview.toLowerCase().includes(searchQuery.toLowerCase());
-    });
-    return (react_1.default.createElement("div", { className: "bg-muted flex justify-between w-80 flex-col border-r" },
-        react_1.default.createElement("div", { className: "border-b p-4" },
-            react_1.default.createElement(input_1.Input, { placeholder: "Search chats...", value: searchQuery, onChange: function (e) { return setSearchQuery(e.target.value); }, className: "text-sm" })),
-        react_1.default.createElement("div", { className: "flex min-h-0 flex-col h-full" },
-            react_1.default.createElement("div", { className: "flex-1 overflow-hidden" },
-                react_1.default.createElement(scroll_area_1.ScrollArea, { className: "h-full" },
-                    react_1.default.createElement("div", { className: "space-y-2 p-4" }, filteredChats.map(function (chat) { return (react_1.default.createElement(button_1.Button, { key: chat.id, variant: "ghost", onClick: function () { return onSelectChat(chat.id); }, className: (0, utils_1.cn)("h-auto w-full justify-start p-3 text-left hover:primary-100 odd:bg-gray-200 even:bg-gray-300", selectedChatId === chat.id && "bg-gray-100") },
-                        react_1.default.createElement("div", { className: "flex w-full items-start gap-2" },
-                            react_1.default.createElement(lucide_react_1.MessageCircle, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-gray-400" }),
-                            react_1.default.createElement("div", { className: "min-w-0 flex-1" },
-                                react_1.default.createElement("div", { className: "truncate text-sm font-medium" }, chat.title),
-                                react_1.default.createElement("div", { className: "text-muted-foreground mt-0.5 truncate text-xs" }, chat.preview))))); }))))),
-        react_1.default.createElement("div", { className: "space-y-1 border border-t p-4" },
-            react_1.default.createElement(button_1.Button, { className: "w-full", onClick: onNewChat },
-                react_1.default.createElement(lucide_react_1.Plus, null),
-                "New Chat"))));
-};
-exports.Sidebar = Sidebar;

package/components/shadcn-example/ai-chat/welcome-section.d.ts

@@ -1,12 +0,0 @@
-import { FC } from "react";
-export interface Suggestion {
-    title: string;
-    category: string;
-}
-interface WelcomeScreenProps {
-    onSuggestionClick: (suggestion: string) => void;
-    suggestions: Suggestion[];
-    username: string;
-}
-export declare const WelcomeSection: FC<WelcomeScreenProps>;
-export {};

package/components/shadcn-example/ai-chat/welcome-section.js

@@ -1,26 +0,0 @@
-"use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WelcomeSection = void 0;
-var react_1 = __importDefault(require("react"));
-var button_1 = require("../../../components/ui/button");
-var lucide_react_1 = require("lucide-react");
-var WelcomeSection = function (_a) {
-    var onSuggestionClick = _a.onSuggestionClick, suggestions = _a.suggestions, username = _a.username;
-    return (react_1.default.createElement("div", { className: "mx-auto flex max-w-4xl flex-1 flex-col items-center justify-center p-8" },
-        react_1.default.createElement("div", { className: "mb-12 text-center" },
-            react_1.default.createElement("h1", { className: "mb-4 text-6xl font-bold" },
-                react_1.default.createElement("span", { className: "bg-gradient-to-r from-pink-500 via-red-500 to-red-600 bg-clip-text text-transparent" },
-                    "Welcome, ",
-                    username)),
-            react_1.default.createElement("p", { className: "text-muted-foreground text-xl" }, "How can I assist you today?")),
-        react_1.default.createElement("div", { className: "grid w-full max-w-4xl grid-cols-1 gap-4 md:grid-cols-2" }, suggestions.map(function (suggestion, index) { return (react_1.default.createElement(button_1.Button, { className: "group h-auto border-gray-200 p-6 text-left hover:bg-gray-50 cursor-pointer", key: index, onClick: function () { return onSuggestionClick(suggestion.title); }, variant: "outline" },
-            react_1.default.createElement("div", { className: "flex w-full items-start justify-between" },
-                react_1.default.createElement("div", { className: "flex-1 pr-4" },
-                    react_1.default.createElement("p", { className: "text-muted-foreground text-sm leading-relaxed text-wrap" }, suggestion.title)),
-                react_1.default.createElement(lucide_react_1.ArrowUpRight, { className: "group-hover:text-primary text-muted-foreground h-4 w-4 flex-shrink-0" })))); }))));
-};
-exports.WelcomeSection = WelcomeSection;

package/components/shadcn-example/authentication/index.d.ts

@@ -1,24 +0,0 @@
-import React, { FC } from "react";
-export interface AuthenticationProps {
-    avatars: {
-        image: string;
-        alt: string;
-    }[];
-    backgroundImage: string;
-    description: string;
-    email: string;
-    handleEmailOnChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    handleOnClickTopCta?: () => void;
-    handleOnSubmit?: (event: React.SyntheticEvent) => void;
-    handlePasswordOnChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    heading: string;
-    isLoading: boolean;
-    logo: string;
-    logoAlt: string;
-    numberOfCustomers: string;
-    password: string;
-    privacyLink: string;
-    termsLink: string;
-    topCtaLabel?: string;
-}
-export declare const Authentication: FC<AuthenticationProps>;

package/components/shadcn-example/authentication/index.js

@@ -1,59 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Authentication = void 0;
-var link_1 = __importDefault(require("next/link"));
-var utils_1 = require("../../../lib/utils");
-var button_1 = require("../../../components/ui/button");
-var user_auth_form_1 = require("./user-auth-form");
-var react_1 = __importDefault(require("react"));
-var image_1 = __importDefault(require("next/image"));
-var card_1 = require("../../../components/ui/card");
-var avatar_1 = require("../../../components/ui/avatar");
-var lucide_react_1 = require("lucide-react");
-var Authentication = function (_a) {
-    var avatars = _a.avatars, backgroundImage = _a.backgroundImage, description = _a.description, email = _a.email, handleEmailOnChange = _a.handleEmailOnChange, handleOnClickTopCta = _a.handleOnClickTopCta, handleOnSubmit = _a.handleOnSubmit, handlePasswordOnChange = _a.handlePasswordOnChange, heading = _a.heading, isLoading = _a.isLoading, logo = _a.logo, logoAlt = _a.logoAlt, numberOfCustomers = _a.numberOfCustomers, password = _a.password, privacyLink = _a.privacyLink, termsLink = _a.termsLink, topCtaLabel = _a.topCtaLabel;
-    return (react_1.default.createElement("div", { className: "relative container flex-1 shrink-0 items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0" },
-        topCtaLabel && handleOnClickTopCta && (react_1.default.createElement(button_1.Button, { onClick: handleOnClickTopCta, className: (0, utils_1.cn)((0, button_1.buttonVariants)({ variant: "ghost" }), "absolute top-4 right-4 md:top-8 md:right-8") }, topCtaLabel)),
-        react_1.default.createElement("div", { className: "text-primary relative hidden h-full flex-col p-10 lg:flex dark:border-r" },
-            react_1.default.createElement("div", { className: "bg-primary/5 absolute inset-0", style: {
-                    backgroundImage: "url(".concat(backgroundImage, ")"),
-                    backgroundSize: "cover",
-                    backgroundPosition: "center",
-                } }),
-            react_1.default.createElement("div", { className: "relative z-20 flex items-center" },
-                react_1.default.createElement(image_1.default, { alt: logoAlt, className: "mr-2 h-6 w-auto", height: 24, priority: true, src: logo, width: 40 })),
-            react_1.default.createElement("div", { className: "relative z-20 mt-auto" },
-                react_1.default.createElement(card_1.Card, { className: "bg-gradient-to-br from-accent-brand-dark to-accent-brand-light border-none shadow-lg" },
-                    react_1.default.createElement(card_1.CardContent, { className: "p-8" },
-                        react_1.default.createElement("div", { className: "flex justify-center mb-6" }),
-                        react_1.default.createElement("h2", { className: "text-2xl font-bold text-center text-gray-900 mb-3" }, "Next Generation ERP"),
-                        react_1.default.createElement("p", { className: "text-center text-[#4a4a5e] mb-6 text-sm" }),
-                        react_1.default.createElement("div", { className: "flex items-center justify-center gap-3" },
-                            react_1.default.createElement("div", { className: "flex -space-x-2" }, avatars.map(function (avatar, index) { return (react_1.default.createElement(avatar_1.Avatar, { key: index, className: "w-8 h-8 border-2 border-white" },
-                                react_1.default.createElement(avatar_1.AvatarImage, { src: avatar.image, alt: avatar.alt }),
-                                react_1.default.createElement(avatar_1.AvatarFallback, { className: "bg-gradient-to-br from-gray-600 to-gray-800" }))); })),
-                            react_1.default.createElement("div", { className: "flex items-center gap-1.5" },
-                                new Array(5).fill(0).map(function (_, i) { return (react_1.default.createElement(lucide_react_1.Star, { key: i, className: "w-4 h-4 fill-amber-500 text-amber-500" })); }),
-                                react_1.default.createElement("span", { className: "text-sm font-medium text-gray-700" },
-                                    numberOfCustomers,
-                                    " happy customers"))))))),
-        react_1.default.createElement("div", { className: "flex items-center justify-center lg:h-screen lg:p-8" },
-            react_1.default.createElement("div", { className: "mx-auto flex w-full flex-col justify-center gap-6 sm:w-[350px]" },
-                react_1.default.createElement("div", { className: "flex flex-col gap-2 text-center" },
-                    react_1.default.createElement("h1", { className: "text-2xl font-semibold tracking-tight" }, heading),
-                    react_1.default.createElement("p", { className: "text-muted-foreground text-sm" }, description)),
-                react_1.default.createElement(user_auth_form_1.UserAuthForm, { email: email, handleEmailOnChange: handleEmailOnChange, handleOnSubmit: handleOnSubmit, handlePasswordOnChange: handlePasswordOnChange, isLoading: isLoading, password: password }),
-                react_1.default.createElement("p", { className: "text-muted-foreground px-8 text-center text-sm" },
-                    "By clicking continue, you agree to our",
-                    " ",
-                    react_1.default.createElement(link_1.default, { href: termsLink, className: "hover:text-primary underline underline-offset-4" }, "Terms of Service"),
-                    " ",
-                    "and",
-                    " ",
-                    react_1.default.createElement(link_1.default, { href: privacyLink, className: "hover:text-primary underline underline-offset-4" }, "Privacy Policy"),
-                    ".")))));
-};
-exports.Authentication = Authentication;

package/components/shadcn-example/authentication/user-auth-form.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-export interface UserAuthFormProps {
-    className?: string;
-    email: string;
-    handleEmailOnChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    handleOnSubmit?: (event: React.SyntheticEvent) => void;
-    handlePasswordOnChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    isLoading?: boolean;
-    password: string;
-}
-export declare const UserAuthForm: React.FC<UserAuthFormProps>;

package/components/shadcn-example/authentication/user-auth-form.js

@@ -1,54 +0,0 @@
-"use client";
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserAuthForm = void 0;
-var React = __importStar(require("react"));
-var utils_1 = require("../../../lib/utils");
-var button_1 = require("../../../components/ui/button");
-var lucide_react_1 = require("lucide-react");
-var enhanced_input_1 = require("../../../components/enhanced-input");
-var UserAuthForm = function (_a) {
-    var className = _a.className, email = _a.email, handleEmailOnChange = _a.handleEmailOnChange, handleOnSubmit = _a.handleOnSubmit, handlePasswordOnChange = _a.handlePasswordOnChange, isLoading = _a.isLoading, password = _a.password;
-    return (React.createElement("div", { className: (0, utils_1.cn)("grid gap-6", className) },
-        React.createElement("div", { className: "grid gap-2" },
-            React.createElement("div", { className: "grid gap-4" },
-                React.createElement(enhanced_input_1.EnhancedInput, { autoCapitalize: "none", autoComplete: "email", autoCorrect: "off", disabled: isLoading, id: "email", label: "Email", placeholder: "name@example.com", type: "email", onChange: handleEmailOnChange, required: true, value: email }),
-                React.createElement(enhanced_input_1.EnhancedInput, { autoCapitalize: "none", autoCorrect: "off", disabled: isLoading, id: "password", label: "Password", placeholder: "********", type: "password", required: true, onChange: handlePasswordOnChange, value: password })),
-            React.createElement(button_1.Button, { disabled: isLoading, onClick: handleOnSubmit },
-                isLoading && React.createElement(lucide_react_1.LoaderIcon, { className: "animate-spin" }),
-                "Sign In with Email"))));
-};
-exports.UserAuthForm = UserAuthForm;

package/components/shadcn-example/blog-detail-page/comment-section.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-interface Comment {
-    authorAvatar?: string;
-    authorName: string;
-    claps: number;
-    content: string;
-    id: string;
-    publishedAt: string;
-}
-interface CommentSectionProps {
-    comments: Comment[];
-    onAddComment: (content: string) => void;
-}
-export declare const CommentSection: ({ comments, onAddComment, }: CommentSectionProps) => React.JSX.Element;
-export {};

package/components/shadcn-example/blog-detail-page/comment-section.js

@@ -1,83 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommentSection = void 0;
-var react_1 = __importStar(require("react"));
-var button_1 = require("@/components/ui/button");
-var textarea_1 = require("@/components/ui/textarea");
-var avatar_1 = require("@/components/ui/avatar");
-var lucide_react_1 = require("lucide-react");
-var CommentSection = function (_a) {
-    var comments = _a.comments, onAddComment = _a.onAddComment;
-    var _b = (0, react_1.useState)(""), newComment = _b[0], setNewComment = _b[1];
-    var handleSubmit = function (e) {
-        e.preventDefault();
-        if (newComment.trim()) {
-            onAddComment(newComment);
-            setNewComment("");
-        }
-    };
-    return (react_1.default.createElement("section", { className: "space-y-6" },
-        react_1.default.createElement("div", { className: "border-blog-border border-t pt-12" },
-            react_1.default.createElement("h2", { className: "text-foreground mb-8 flex items-center gap-2 text-2xl font-bold" },
-                react_1.default.createElement(lucide_react_1.MessageCircle, { className: "h-6 w-6" }),
-                "Comments (",
-                comments.length,
-                ")"),
-            react_1.default.createElement("form", { onSubmit: handleSubmit, className: "bg-card border-blog-border mb-12 rounded-xl border p-6" },
-                react_1.default.createElement("div", { className: "space-y-4" },
-                    react_1.default.createElement(textarea_1.Textarea, { placeholder: "Share your thoughts...", value: newComment, onChange: function (e) { return setNewComment(e.target.value); }, className: "border-blog-border focus:border-primary min-h-[100px] resize-none" }),
-                    react_1.default.createElement("div", { className: "flex justify-end" },
-                        react_1.default.createElement(button_1.Button, { type: "submit", className: "gap-2" },
-                            react_1.default.createElement(lucide_react_1.Send, { className: "h-4 w-4" }),
-                            "Post Comment")))),
-            react_1.default.createElement("div", { className: "space-y-6" }, comments.map(function (comment) { return (react_1.default.createElement("div", { key: comment.id, className: "bg-card border-blog-border hover:bg-blog-hover rounded-xl border p-6 transition-colors" },
-                react_1.default.createElement("div", { className: "flex items-start space-x-4" },
-                    react_1.default.createElement(avatar_1.Avatar, { className: "h-10 w-10" },
-                        react_1.default.createElement(avatar_1.AvatarImage, { src: comment.authorAvatar, alt: comment.authorName }),
-                        react_1.default.createElement(avatar_1.AvatarFallback, null, comment.authorName.charAt(0))),
-                    react_1.default.createElement("div", { className: "flex-1 space-y-3" },
-                        react_1.default.createElement("div", { className: "flex items-center justify-between" },
-                            react_1.default.createElement("div", null,
-                                react_1.default.createElement("p", { className: "text-foreground font-medium" }, comment.authorName),
-                                react_1.default.createElement("p", { className: "text-blog-meta text-sm" }, comment.publishedAt))),
-                        react_1.default.createElement("p", { className: "text-blog-content leading-relaxed" }, comment.content),
-                        react_1.default.createElement("div", { className: "flex items-center gap-4" },
-                            react_1.default.createElement(button_1.Button, { variant: "ghost", size: "sm", className: "text-blog-meta hover:text-primary gap-2" },
-                                react_1.default.createElement(lucide_react_1.Heart, { className: "h-4 w-4" }),
-                                comment.claps),
-                            react_1.default.createElement(button_1.Button, { variant: "ghost", size: "sm", className: "text-blog-meta hover:text-primary" }, "Reply")))))); })))));
-};
-exports.CommentSection = CommentSection;

package/components/shadcn-example/blog-detail-page/content.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface BlogContentProps {
-    content: string[];
-    coverImage?: string;
-}
-export declare const Content: ({ content, coverImage }: BlogContentProps) => React.JSX.Element;
-export {};

package/components/shadcn-example/blog-detail-page/content.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Content = void 0;
-var react_1 = __importDefault(require("react"));
-var Content = function (_a) {
-    var content = _a.content, coverImage = _a.coverImage;
-    return (react_1.default.createElement("article", { className: "space-y-8" },
-        coverImage && (react_1.default.createElement("div", { className: "bg-muted aspect-video w-full overflow-hidden rounded-xl" },
-            react_1.default.createElement("img", { src: coverImage, alt: "Blog cover", className: "h-full w-full object-cover" }))),
-        react_1.default.createElement("div", { className: "prose prose-lg max-w-none" }, content.map(function (paragraph, index) { return (react_1.default.createElement("p", { key: index, className: "text-blog-content mb-6 leading-relaxed" }, paragraph)); }))));
-};
-exports.Content = Content;

package/components/shadcn-example/blog-detail-page/header.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-interface BlogHeaderProps {
-    category: string;
-    title: string;
-    authorName: string;
-    authorAvatar?: string;
-    publishedAt: string;
-    onBack: () => void;
-}
-export declare const Header: ({ category, title, authorName, authorAvatar, publishedAt, }: BlogHeaderProps) => React.JSX.Element;
-export {};

package/components/shadcn-example/blog-detail-page/header.js

@@ -1,36 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Header = void 0;
-var react_1 = __importDefault(require("react"));
-var lucide_react_1 = require("lucide-react");
-var button_1 = require("@/components/ui/button");
-var avatar_1 = require("@/components/ui/avatar");
-var badge_1 = require("@/components/ui/badge");
-var Header = function (_a) {
-    var category = _a.category, title = _a.title, authorName = _a.authorName, authorAvatar = _a.authorAvatar, publishedAt = _a.publishedAt;
-    return (react_1.default.createElement("header", { className: "space-y-6" },
-        react_1.default.createElement(badge_1.Badge, { variant: "outline" }, category),
-        react_1.default.createElement("h1", { className: "text-foreground text-4xl leading-15 font-bold tracking-tight md:text-4xl lg:text-5xl" }, title),
-        react_1.default.createElement("div", { className: "flex flex-wrap items-center justify-between gap-4" },
-            react_1.default.createElement("div", { className: "flex items-center space-x-4" },
-                react_1.default.createElement(avatar_1.Avatar, { className: "h-12 w-12" },
-                    react_1.default.createElement(avatar_1.AvatarImage, { src: authorAvatar, alt: authorName, className: "object-cover" }),
-                    react_1.default.createElement(avatar_1.AvatarFallback, null, authorName.charAt(0))),
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement("p", { className: "font-medium" },
-                        "by ",
-                        authorName),
-                    react_1.default.createElement("p", { className: "text-muted-foreground text-sm" }, publishedAt))),
-            react_1.default.createElement("div", { className: "flex items-center space-x-3" },
-                react_1.default.createElement("span", { className: "text-muted-foreground text-[11px] font-medium tracking-widest uppercase" }, "Share this"),
-                react_1.default.createElement(button_1.Button, { variant: "outline", size: "icon", className: "hover:bg-blog-hover h-9 w-9 rounded-full" },
-                    react_1.default.createElement(lucide_react_1.Twitter, null)),
-                react_1.default.createElement(button_1.Button, { variant: "outline", size: "icon", className: "hover:bg-blog-hover h-9 w-9 rounded-full" },
-                    react_1.default.createElement(lucide_react_1.Facebook, null)),
-                react_1.default.createElement(button_1.Button, { variant: "outline", size: "icon", className: "hover:bg-blog-hover h-9 w-9 rounded-full" },
-                    react_1.default.createElement(lucide_react_1.Linkedin, null))))));
-};
-exports.Header = Header;

package/components/shadcn-example/blog-detail-page/index.d.ts

@@ -1,25 +0,0 @@
-import { type FC } from "react";
-export type Comment = {
-    authorAvatar?: string;
-    authorName: string;
-    claps: number;
-    content: string;
-    id: string;
-    publishedAt: string;
-};
-export type BlogItem = {
-    authorAvatar?: string;
-    authorName: string;
-    category: string;
-    claps?: number;
-    content: string[];
-    publishedAt: string;
-    title: string;
-};
-type BlogDetailPageProps = {
-    blog: BlogItem;
-    recommendedPosts?: BlogItem[];
-    initialComments?: Comment[];
-};
-export declare const BlogDetailPage: FC<BlogDetailPageProps>;
-export {};

package/components/shadcn-example/blog-detail-page/index.js

@@ -1,74 +0,0 @@
-"use client";
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlogDetailPage = void 0;
-var react_1 = __importStar(require("react"));
-var header_1 = require("./header");
-var content_1 = require("./content");
-var comment_section_1 = require("./comment-section");
-var BlogDetailPage = function (_a) {
-    // const navigate = useRouter();
-    var blog = _a.blog, _b = _a.initialComments, initialComments = _b === void 0 ? [] : _b;
-    var _c = (0, react_1.useState)(initialComments), comments = _c[0], setComments = _c[1];
-    var handleAddComment = function (content) {
-        var newComment = {
-            id: Date.now().toString(),
-            authorName: "You",
-            authorAvatar: "/placeholder.svg",
-            content: content,
-            publishedAt: "Just now",
-            claps: 0,
-        };
-        setComments(__spreadArray([newComment], comments, true));
-    };
-    return (react_1.default.createElement("div", { className: "bg-background min-h-screen" },
-        react_1.default.createElement("div", { className: "mx-auto max-w-4xl px-6 py-12" },
-            react_1.default.createElement(header_1.Header, { authorAvatar: blog.authorAvatar, authorName: blog.authorName, category: blog.category, onBack: function () { return void 0; }, publishedAt: blog.publishedAt, title: blog.title }),
-            react_1.default.createElement("div", { className: "mt-16" },
-                react_1.default.createElement(content_1.Content, { content: blog.content, coverImage: "https://plus.unsplash.com/premium_photo-1683211783920-8c66ab120c09" })),
-            react_1.default.createElement("div", { className: "mt-16" },
-                react_1.default.createElement(comment_section_1.CommentSection, { comments: comments, onAddComment: handleAddComment })))));
-};
-exports.BlogDetailPage = BlogDetailPage;

package/components/shadcn-example/blog-page/blog-post-card.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-interface BlogPostCardProps {
-    authorAvatarSrc: string;
-    authorName: string;
-    description: string;
-    handleOnClick: () => void;
-    imageAlt: string;
-    imageSrc: string;
-    readTime: string;
-    title: string;
-}
-export declare const BlogPostCard: ({ authorAvatarSrc, authorName, description, handleOnClick, imageAlt, imageSrc, readTime, title, }: BlogPostCardProps) => React.JSX.Element;
-export {};