@appcorp/shadcn 1.2.0 → 2.0.1

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 {};

package/components/shadcn-example/blog-page/blog-post-card.js

@@ -1,30 +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.BlogPostCard = void 0;
-var react_1 = __importDefault(require("react"));
-var image_1 = __importDefault(require("next/image"));
-var avatar_1 = require("../../../components/ui/avatar");
-var BlogPostCard = function (_a) {
-    var authorAvatarSrc = _a.authorAvatarSrc, authorName = _a.authorName, description = _a.description, handleOnClick = _a.handleOnClick, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, readTime = _a.readTime, title = _a.title;
-    return (react_1.default.createElement("div", { className: "bg-card text-card-foreground overflow-hidden rounded-lg border cursor-pointer", onClick: handleOnClick },
-        react_1.default.createElement(image_1.default, { alt: imageAlt, className: "h-48 w-full object-cover", height: 225, src: imageSrc, width: 400 }),
-        react_1.default.createElement("div", { className: "grid gap-2 p-4" },
-            react_1.default.createElement("h3", { className: "text-lg leading-tight font-semibold" }, title),
-            react_1.default.createElement("p", { className: "text-muted-foreground line-clamp-3 text-sm" }, description),
-            react_1.default.createElement("div", { className: "text-muted-foreground flex items-center gap-2 text-sm" },
-                react_1.default.createElement(avatar_1.Avatar, { className: "h-6 w-6" },
-                    react_1.default.createElement(avatar_1.AvatarImage, { src: authorAvatarSrc || "/placeholder.svg" }),
-                    react_1.default.createElement(avatar_1.AvatarFallback, null, authorName
-                        .split(" ")
-                        .map(function (n) { return n[0]; })
-                        .join(""))),
-                react_1.default.createElement("span", null, authorName),
-                react_1.default.createElement("span", null, "\u2022"),
-                react_1.default.createElement("span", null,
-                    readTime,
-                    " read")))));
-};
-exports.BlogPostCard = BlogPostCard;

package/components/shadcn-example/blog-page/featured-post-sidebar-item.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-interface FeaturedPostSidebarItemProps {
-    handleOnClick: () => void;
-    imageAlt: string;
-    imageSrc: string;
-    tags: string[];
-    title: string;
-}
-export declare const FeaturedPostSidebarItem: ({ handleOnClick, imageAlt, imageSrc, tags, title, }: FeaturedPostSidebarItemProps) => React.JSX.Element;
-export {};

package/components/shadcn-example/blog-page/featured-post-sidebar-item.js

@@ -1,19 +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.FeaturedPostSidebarItem = void 0;
-var react_1 = __importDefault(require("react"));
-var image_1 = __importDefault(require("next/image"));
-var badge_1 = require("../../ui/badge");
-var FeaturedPostSidebarItem = function (_a) {
-    var handleOnClick = _a.handleOnClick, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, tags = _a.tags, title = _a.title;
-    return (react_1.default.createElement("div", { className: "flex flex-col gap-2 cursor-pointer", onClick: handleOnClick },
-        react_1.default.createElement("div", { className: "flex items-center gap-4" },
-            react_1.default.createElement(image_1.default, { alt: imageAlt, className: "aspect-square rounded-md object-cover", height: 64, src: imageSrc || "/placeholder.svg", width: 64 }),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("h4", { className: "text-sm leading-snug font-medium" }, title),
-                react_1.default.createElement("div", { className: "flex flex-row gap-4" }, tags === null || tags === void 0 ? void 0 : tags.map(function (tag) { return (react_1.default.createElement(badge_1.Badge, { key: tag, className: "mb-2 w-fit bg-black text-white backdrop-blur-sm" }, tag)); }))))));
-};
-exports.FeaturedPostSidebarItem = FeaturedPostSidebarItem;

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

@@ -1,20 +0,0 @@
-import { FC } from "react";
-export type BlogItem = {
-    authorAvatarSrc: string;
-    authorName: string;
-    description: string;
-    handleOnClick: () => void;
-    imageAlt?: string;
-    imageSrc: string;
-    isFeatured: boolean;
-    link: string;
-    readTime: string;
-    tags: string[];
-    title: string;
-};
-type BlogPageProps = {
-    items: BlogItem[];
-    recommendedPosts: BlogItem[];
-};
-export declare const BlogPage: FC<BlogPageProps>;
-export {};

package/components/shadcn-example/blog-page/index.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.BlogPage = void 0;
-var react_1 = __importDefault(require("react"));
-var link_1 = __importDefault(require("next/link"));
-var image_1 = __importDefault(require("next/image"));
-var badge_1 = require("../../../components/ui/badge");
-var button_1 = require("../../../components/ui/button");
-var blog_post_card_1 = require("./blog-post-card");
-var featured_post_sidebar_item_1 = require("./featured-post-sidebar-item");
-var BlogPage = function (_a) {
-    var _b;
-    var items = _a.items, recommendedPosts = _a.recommendedPosts;
-    var featuredPost = items.find(function (item) { return item.isFeatured; });
-    var otherPosts = items.filter(function (item) { return !item.isFeatured; });
-    return (react_1.default.createElement("div", { className: "container mx-auto px-4 py-8 md:px-6 lg:px-8" },
-        react_1.default.createElement("div", { className: "grid grid-cols-1 gap-8 lg:grid-cols-3" },
-            react_1.default.createElement("div", { className: "relative h-[400px] overflow-hidden rounded-lg shadow-lg md:h-[500px] lg:col-span-2 cursor-pointer", onClick: featuredPost === null || featuredPost === void 0 ? void 0 : featuredPost.handleOnClick },
-                (featuredPost === null || featuredPost === void 0 ? void 0 : featuredPost.imageSrc) && (react_1.default.createElement(image_1.default, { alt: featuredPost.imageAlt, className: "w-full object-cover", fill: true, height: 0, sizes: "70vw", src: featuredPost.imageSrc, width: 0 })),
-                react_1.default.createElement("div", { className: "absolute inset-0 flex flex-col justify-end bg-gradient-to-t from-black/70 to-transparent p-6 text-white" },
-                    react_1.default.createElement("div", { className: "flex flex-row gap-4" }, (_b = featuredPost === null || featuredPost === void 0 ? void 0 : featuredPost.tags) === null || _b === void 0 ? void 0 : _b.map(function (tag) { return (react_1.default.createElement(badge_1.Badge, { key: tag, className: "mb-2 w-fit bg-white/20 text-white backdrop-blur-sm" }, tag)); })),
-                    react_1.default.createElement("h2", { className: "text-2xl leading-tight font-bold md:text-3xl" }, featuredPost === null || featuredPost === void 0 ? void 0 : featuredPost.title))),
-            react_1.default.createElement("div", { className: "bg-card text-card-foreground space-y-6 rounded-lg border p-6 lg:col-span-1" },
-                react_1.default.createElement("h3", { className: "text-xl font-semibold" }, "Other posts"),
-                react_1.default.createElement("div", { className: "space-y-4" }, otherPosts.map(function (item) { return (react_1.default.createElement(featured_post_sidebar_item_1.FeaturedPostSidebarItem, { handleOnClick: item.handleOnClick, imageAlt: item.imageAlt, imageSrc: item.imageSrc, key: item.title, tags: item.tags, title: item.title })); })))),
-        react_1.default.createElement("div", { className: "mt-12" },
-            react_1.default.createElement("div", { className: "mb-6 flex items-center justify-between" },
-                react_1.default.createElement("h2", { className: "text-2xl font-bold" }, "Recommended Posts"),
-                react_1.default.createElement(button_1.Button, { variant: "outline", asChild: true },
-                    react_1.default.createElement(link_1.default, { href: "#" }, "All Posts"))),
-            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3" }, recommendedPosts.map(function (p) { return (react_1.default.createElement(blog_post_card_1.BlogPostCard, { authorAvatarSrc: p.authorAvatarSrc, authorName: p.authorName, description: p.description, handleOnClick: p.handleOnClick, imageAlt: p.imageAlt, imageSrc: p.imageSrc, key: p.title, readTime: p.readTime, title: p.title })); })))));
-};
-exports.BlogPage = BlogPage;

package/components/shadcn-example/coming-soon/countdown.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const Countdown: () => React.JSX.Element;

package/components/shadcn-example/coming-soon/countdown.js

@@ -1,82 +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.Countdown = void 0;
-var react_1 = __importStar(require("react"));
-var calculateTimeLeft = function (targetDate) {
-    var difference = +targetDate - +new Date();
-    var timeLeft = {
-        days: 0,
-        hours: 0,
-        minutes: 0,
-        seconds: 0,
-    };
-    if (difference > 0) {
-        timeLeft = {
-            days: Math.floor(difference / (1000 * 60 * 60 * 24)),
-            hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
-            minutes: Math.floor((difference / 1000 / 60) % 60),
-            seconds: Math.floor((difference / 1000) % 60),
-        };
-    }
-    return timeLeft;
-};
-var Countdown = function () {
-    // Initialize targetDate only once using useState's functional update
-    var targetDate = (0, react_1.useState)(function () {
-        var date = new Date();
-        date.setDate(date.getDate() + 30); // Set to 30 days from the initial render time
-        return date;
-    })[0];
-    var _a = (0, react_1.useState)(calculateTimeLeft(targetDate)), timeLeft = _a[0], setTimeLeft = _a[1];
-    (0, react_1.useEffect)(function () {
-        // Use setInterval for continuous updates
-        var timer = setInterval(function () {
-            setTimeLeft(calculateTimeLeft(targetDate));
-        }, 1000); // Update every second
-        // Clean up the interval when the component unmounts or targetDate changes (though targetDate is stable here)
-        return function () { return clearInterval(timer); };
-    }, [targetDate]); // Dependency array ensures effect runs only if targetDate changes (which it won't after initial render)
-    var timerComponents = [];
-    Object.keys(timeLeft).forEach(function (interval) {
-        var value = timeLeft[interval];
-        timerComponents.push(react_1.default.createElement("div", { key: interval, className: "flex flex-col items-center" },
-            react_1.default.createElement("span", { className: "text-5xl font-bold" }, value < 10 ? "0".concat(value) : value),
-            react_1.default.createElement("span", { className: "text-sm uppercase opacity-80" }, interval)));
-    });
-    return (react_1.default.createElement("div", { className: "flex justify-center gap-6 md:gap-8" }, timerComponents.length ? timerComponents : react_1.default.createElement("span", null, "Time up!")));
-};
-exports.Countdown = Countdown;