@appcorp/shadcn 1.2.0 → 2.0.1

package/components/aceternity-ui/apple-cards-carousel.js

@@ -1,263 +0,0 @@
-"use client";
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlurImage = exports.Card = exports.AppleCardsCarouselMobileControls = exports.AppleCardsCarousel = exports.CarouselContext = void 0;
-var react_1 = __importStar(require("react"));
-var react_dom_1 = require("react-dom");
-var icons_react_1 = require("@tabler/icons-react");
-var utils_1 = require("@/lib/utils");
-var react_2 = require("motion/react");
-var use_outside_click_1 = require("@/hooks/use-outside-click");
-exports.CarouselContext = (0, react_1.createContext)({
-    onCardClose: function () { },
-    currentIndex: 0,
-});
-var AppleCardsCarousel = function (_a) {
-    var items = _a.items, _b = _a.initialScroll, initialScroll = _b === void 0 ? 0 : _b;
-    var carouselRef = react_1.default.useRef(null);
-    var _c = react_1.default.useState(false), canScrollLeft = _c[0], setCanScrollLeft = _c[1];
-    var _d = react_1.default.useState(true), canScrollRight = _d[0], setCanScrollRight = _d[1];
-    var _e = (0, react_1.useState)(0), currentIndex = _e[0], setCurrentIndex = _e[1];
-    (0, react_1.useEffect)(function () {
-        if (carouselRef.current) {
-            carouselRef.current.scrollLeft = initialScroll;
-            checkScrollability();
-        }
-    }, [initialScroll]);
-    (0, react_1.useEffect)(function () {
-        // Ensure control enabled/disabled state is correct on mount and resize
-        try {
-            checkScrollability();
-        }
-        catch (_a) {
-            /* ignore if DOM not yet ready */
-        }
-        var onResize = function () { return checkScrollability(); };
-        window.addEventListener("resize", onResize);
-        return function () { return window.removeEventListener("resize", onResize); };
-    }, []);
-    // mounted flag for portal rendering
-    var _f = (0, react_1.useState)(false), isMounted = _f[0], setIsMounted = _f[1];
-    (0, react_1.useEffect)(function () {
-        setIsMounted(true);
-        return function () { return setIsMounted(false); };
-    }, []);
-    // controls position (viewport-fixed coords) for mobile portal
-    var _g = (0, react_1.useState)(null), controlsPos = _g[0], setControlsPos = _g[1];
-    var updateControlsPosition = function () {
-        var el = carouselRef.current;
-        if (!el)
-            return;
-        var rect = el.getBoundingClientRect();
-        // Compute viewport-based coords (use getBoundingClientRect directly)
-        // Compute viewport-based coords so controls appear under the cards on the right
-        var pad = 12;
-        var offset = 8; // px below the carousel
-        // Position fixed: distance from viewport right edge to align with carousel right
-        var right = Math.max(pad, window.innerWidth - rect.right + pad);
-        var top = rect.bottom + offset;
-        top = Math.max(pad, Math.min(top, window.innerHeight - pad));
-        setControlsPos({ right: right, top: top });
-    };
-    (0, react_1.useEffect)(function () {
-        updateControlsPosition();
-        var onResize = function () { return updateControlsPosition(); };
-        var onScroll = function () { return updateControlsPosition(); };
-        window.addEventListener("resize", onResize);
-        window.addEventListener("scroll", onScroll, { passive: true });
-        return function () {
-            window.removeEventListener("resize", onResize);
-            window.removeEventListener("scroll", onScroll);
-        };
-    }, [carouselRef.current]);
-    var checkScrollability = function () {
-        if (carouselRef.current) {
-            var _a = carouselRef.current, scrollLeft_1 = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
-            setCanScrollLeft(scrollLeft_1 > 0);
-            setCanScrollRight(scrollLeft_1 < scrollWidth - clientWidth);
-        }
-    };
-    var scrollLeft = function () {
-        if (carouselRef.current) {
-            carouselRef.current.scrollBy({ left: -300, behavior: "smooth" });
-        }
-    };
-    var scrollRight = function () {
-        if (carouselRef.current) {
-            carouselRef.current.scrollBy({ left: 300, behavior: "smooth" });
-        }
-    };
-    var handleCardClose = function (index) {
-        if (carouselRef.current) {
-            var cardWidth = isMobile() ? 230 : 384; // (md:w-96)
-            var gap = isMobile() ? 4 : 8;
-            var scrollPosition = (cardWidth + gap) * (index + 1);
-            carouselRef.current.scrollTo({
-                left: scrollPosition,
-                behavior: "smooth",
-            });
-            setCurrentIndex(index);
-        }
-    };
-    var isMobile = function () {
-        return window && window.innerWidth < 768;
-    };
-    return (react_1.default.createElement(exports.CarouselContext.Provider, { value: { onCardClose: handleCardClose, currentIndex: currentIndex } },
-        react_1.default.createElement("div", { className: "relative w-full h-auto" },
-            react_1.default.createElement("div", { className: "flex w-full overflow-x-scroll overscroll-x-auto scroll-smooth py-10 [scrollbar-width:none] md:py-20", ref: carouselRef, onScroll: checkScrollability },
-                react_1.default.createElement("div", { className: (0, utils_1.cn)("absolute right-0 z-[1000] h-auto w-[5%] overflow-hidden bg-gradient-to-l") }),
-                react_1.default.createElement("div", { className: (0, utils_1.cn)("flex flex-row justify-start gap-4 pl-4", "mx-auto max-w-7xl" // remove max-w-4xl if you want the carousel to span the full width of its container
-                    ) }, items.map(function (item, index) { return (react_1.default.createElement(react_2.motion.div, { initial: {
-                        opacity: 0,
-                        y: 20,
-                    }, animate: {
-                        opacity: 1,
-                        y: 0,
-                        transition: {
-                            duration: 0.5,
-                            delay: 0.2 * index,
-                            ease: "easeOut",
-                        },
-                    }, viewport: { once: true }, key: "card" + index, className: "rounded-3xl last:pr-[5%] md:last:pr-[33%]" }, item)); }))),
-            react_1.default.createElement("div", { className: "hidden md:flex mr-10 justify-end gap-2" },
-                react_1.default.createElement("button", { className: "relative z-40 flex h-10 w-10 items-center justify-center rounded-full bg-gray-100 disabled:opacity-50", onClick: scrollLeft, disabled: !canScrollLeft, "aria-label": "Scroll left" },
-                    react_1.default.createElement(icons_react_1.IconArrowNarrowLeft, { className: "h-6 w-6 text-gray-500" })),
-                react_1.default.createElement("button", { className: "relative z-40 flex h-10 w-10 items-center justify-center rounded-full bg-gray-100 disabled:opacity-50", onClick: scrollRight, disabled: !canScrollRight, "aria-label": "Scroll right" },
-                    react_1.default.createElement(icons_react_1.IconArrowNarrowRight, { className: "h-6 w-6 text-gray-500" }))),
-            isMounted && (react_1.default.createElement(exports.AppleCardsCarouselMobileControls, { canScrollLeft: canScrollLeft, canScrollRight: canScrollRight, onLeft: scrollLeft, onRight: scrollRight, mounted: isMounted, coords: controlsPos })))));
-};
-exports.AppleCardsCarousel = AppleCardsCarousel;
-// Render mobile controls via portal so fixed positioning isn't clipped
-// Portal is placed after component to avoid SSR issues (renders only on mount)
-var AppleCardsCarouselMobileControls = function (_a) {
-    var canScrollLeft = _a.canScrollLeft, canScrollRight = _a.canScrollRight, onLeft = _a.onLeft, onRight = _a.onRight, mounted = _a.mounted, coords = _a.coords;
-    if (!mounted || typeof document === "undefined")
-        return null;
-    var fallbackStyle = {
-        position: "fixed",
-        left: "50%",
-        bottom: "calc(env(safe-area-inset-bottom, 0px) + 1rem)",
-        transform: "translateX(-50%)",
-    };
-    var positionedStyle = coords
-        ? {
-            position: "fixed",
-            right: coords.right,
-            top: coords.top,
-        }
-        : undefined;
-    return (0, react_dom_1.createPortal)(react_1.default.createElement("div", { className: "z-50 flex gap-2 md:hidden", style: positionedStyle !== null && positionedStyle !== void 0 ? positionedStyle : fallbackStyle },
-        react_1.default.createElement("button", { className: "relative z-40 flex h-12 w-12 items-center justify-center rounded-full bg-gray-100 disabled:opacity-50", onClick: onLeft, disabled: !canScrollLeft, "aria-label": "Scroll left" },
-            react_1.default.createElement(icons_react_1.IconArrowNarrowLeft, { className: "h-6 w-6 text-gray-500" })),
-        react_1.default.createElement("button", { className: "relative z-40 flex h-12 w-12 items-center justify-center rounded-full bg-gray-100 disabled:opacity-50", onClick: onRight, disabled: !canScrollRight, "aria-label": "Scroll right" },
-            react_1.default.createElement(icons_react_1.IconArrowNarrowRight, { className: "h-6 w-6 text-gray-500" }))), document.body);
-};
-exports.AppleCardsCarouselMobileControls = AppleCardsCarouselMobileControls;
-var Card = function (_a) {
-    var card = _a.card, index = _a.index, _b = _a.layout, layout = _b === void 0 ? false : _b;
-    var _c = (0, react_1.useState)(false), open = _c[0], setOpen = _c[1];
-    var containerRef = (0, react_1.useRef)(null);
-    var onCardClose = (0, react_1.useContext)(exports.CarouselContext).onCardClose;
-    (0, react_1.useEffect)(function () {
-        function onKeyDown(event) {
-            if (event.key === "Escape") {
-                handleClose();
-            }
-        }
-        if (open) {
-            document.body.style.overflow = "hidden";
-        }
-        else {
-            document.body.style.overflow = "auto";
-        }
-        window.addEventListener("keydown", onKeyDown);
-        return function () { return window.removeEventListener("keydown", onKeyDown); };
-    }, [open]);
-    (0, use_outside_click_1.useOutsideClick)(containerRef, function () {
-        return handleClose();
-    });
-    var handleOpen = function () {
-        setOpen(true);
-    };
-    var handleClose = function () {
-        setOpen(false);
-        onCardClose(index);
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_2.AnimatePresence, null, open && (react_1.default.createElement("div", { className: "fixed inset-0 z-50 h-screen overflow-auto" },
-            react_1.default.createElement(react_2.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "fixed inset-0 h-full w-full bg-black/80 backdrop-blur-lg" }),
-            react_1.default.createElement(react_2.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, ref: containerRef, layoutId: layout ? "card-".concat(card.title) : undefined, className: "relative z-[60] mx-auto my-10 h-fit max-w-5xl rounded-3xl bg-white p-4 font-sans md:p-10 dark:bg-neutral-900" },
-                react_1.default.createElement("button", { className: "sticky top-4 right-0 ml-auto flex h-8 w-8 items-center justify-center rounded-full bg-black dark:bg-white", onClick: handleClose },
-                    react_1.default.createElement(icons_react_1.IconX, { className: "h-6 w-6 text-neutral-100 dark:text-neutral-900" })),
-                react_1.default.createElement(react_2.motion.p, { layoutId: layout ? "category-".concat(card.title) : undefined, className: "text-base font-medium text-black dark:text-white" }, card.category),
-                react_1.default.createElement(react_2.motion.p, { layoutId: layout ? "title-".concat(card.title) : undefined, className: "mt-4 text-2xl font-semibold text-neutral-700 md:text-5xl dark:text-white" }, card.title),
-                react_1.default.createElement("div", { className: "py-10" }, card.content))))),
-        react_1.default.createElement(react_2.motion.button, { layoutId: layout ? "card-".concat(card.title) : undefined, onClick: handleOpen, className: "relative z-10 flex h-80 w-56 flex-col items-start justify-start overflow-hidden rounded-3xl bg-gray-100 md:h-[40rem] md:w-96 dark:bg-neutral-900" },
-            react_1.default.createElement("div", { className: "pointer-events-none absolute inset-x-0 top-0 z-30 h-full bg-gradient-to-b from-black/50 via-transparent to-transparent" }),
-            react_1.default.createElement("div", { className: "relative z-40 p-8" },
-                react_1.default.createElement(react_2.motion.p, { layoutId: layout ? "category-".concat(card.category) : undefined, className: "text-left font-sans text-sm font-medium text-white md:text-base" }, card.category),
-                react_1.default.createElement(react_2.motion.p, { layoutId: layout ? "title-".concat(card.title) : undefined, className: "mt-2 max-w-xs text-left font-sans text-xl font-semibold [text-wrap:balance] text-white md:text-3xl" }, card.title)),
-            react_1.default.createElement(exports.BlurImage, { src: card.src, alt: card.title, fill: true, className: "absolute inset-0 z-10 object-cover" }))));
-};
-exports.Card = Card;
-var BlurImage = function (_a) {
-    var height = _a.height, width = _a.width, src = _a.src, className = _a.className, alt = _a.alt, rest = __rest(_a, ["height", "width", "src", "className", "alt"]);
-    var _b = (0, react_1.useState)(true), isLoading = _b[0], setLoading = _b[1];
-    return (react_1.default.createElement("img", __assign({ className: (0, utils_1.cn)("h-full w-full transition duration-300", isLoading ? "blur-sm" : "blur-0", className), onLoad: function () { return setLoading(false); }, src: src, width: width, height: height, loading: "lazy", decoding: "async", blurDataURL: typeof src === "string" ? src : undefined, alt: alt ? alt : "Background of a beautiful view" }, rest)));
-};
-exports.BlurImage = BlurImage;

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

@@ -1,11 +0,0 @@
-import type { ChangeEvent, FC, FormEvent } from "react";
-import type { UIMessage as Message } from "@ai-sdk/react";
-interface ChatInterfaceProps {
-    messages: Message[];
-    input: string;
-    handleInputChange: (e: ChangeEvent<HTMLInputElement>) => void;
-    handleSubmit: (e: FormEvent<HTMLFormElement>) => void;
-    isLoading: boolean;
-}
-export declare const ChatInterface: FC<ChatInterfaceProps>;
-export {};

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

@@ -1,70 +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.ChatInterface = void 0;
-var react_1 = __importDefault(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 avatar_1 = require("../../../components/ui/avatar");
-var lucide_react_1 = require("lucide-react");
-function getMessageText(message) {
-    // UIMessage uses `parts` with text parts having { type: 'text', text }
-    var parts = message.parts || [];
-    return parts
-        .filter(function (p) { return (p === null || p === void 0 ? void 0 : p.type) === "text"; })
-        .map(function (p) { return p.text; })
-        .join("");
-}
-var ChatInterface = function (_a) {
-    var messages = _a.messages, input = _a.input, handleInputChange = _a.handleInputChange, handleSubmit = _a.handleSubmit, isLoading = _a.isLoading;
-    return (react_1.default.createElement("div", { className: "flex flex-1 flex-col min-h-0" },
-        react_1.default.createElement(scroll_area_1.ScrollArea, { className: "flex-1 min-h-0 h-full p-4 block" },
-            react_1.default.createElement("div", { className: "mx-auto max-w-6xl space-y-6 flex-1 min-h-0 flex flex-col justify-end h-full" },
-                messages.map(function (message) { return (react_1.default.createElement("div", { key: message.id, className: "flex gap-4" }, message.role === "user" ? (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("div", { className: "flex-1" },
-                        react_1.default.createElement("div", { className: "bg-muted rounded-lg p-4" },
-                            react_1.default.createElement("p", null, getMessageText(message)))),
-                    react_1.default.createElement(avatar_1.Avatar, null,
-                        react_1.default.createElement(avatar_1.AvatarImage, { src: "/placeholder.svg?height=32&width=32" }),
-                        react_1.default.createElement(avatar_1.AvatarFallback, null, "JD")))) : (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(avatar_1.Avatar, null,
-                        react_1.default.createElement(avatar_1.AvatarFallback, { className: "bg-blue-500" }, "AI")),
-                    react_1.default.createElement("div", { className: "flex-1" },
-                        react_1.default.createElement("div", { className: "bg-muted rounded-lg border p-4" },
-                            react_1.default.createElement("p", { className: "mb-4" }, getMessageText(message)),
-                            react_1.default.createElement("div", { className: "flex items-center gap-2" },
-                                react_1.default.createElement(button_1.Button, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0" },
-                                    react_1.default.createElement(lucide_react_1.Copy, { className: "h-4 w-4" })),
-                                react_1.default.createElement(button_1.Button, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0" },
-                                    react_1.default.createElement(lucide_react_1.Share, { className: "h-4 w-4" })),
-                                react_1.default.createElement("div", { className: "ml-auto flex items-center gap-1" },
-                                    react_1.default.createElement(button_1.Button, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0" },
-                                        react_1.default.createElement(lucide_react_1.ThumbsDown, { className: "h-4 w-4" })),
-                                    react_1.default.createElement(button_1.Button, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0" },
-                                        react_1.default.createElement(lucide_react_1.ThumbsUp, { className: "h-4 w-4" })))))))))); }),
-                isLoading && (react_1.default.createElement("div", { className: "flex gap-4" },
-                    react_1.default.createElement(avatar_1.Avatar, { className: "h-8 w-8" },
-                        react_1.default.createElement(avatar_1.AvatarFallback, { className: "bg-blue-500" }, "AI")),
-                    react_1.default.createElement("div", { className: "flex-1" },
-                        react_1.default.createElement("div", { className: "bg-muted rounded-lg border p-4" },
-                            react_1.default.createElement("div", { className: "flex items-center gap-2" },
-                                react_1.default.createElement("div", { className: "bg-muted h-2 w-2 animate-bounce rounded-full" }),
-                                react_1.default.createElement("div", { className: "bg-muted h-2 w-2 animate-bounce rounded-full", style: { animationDelay: "0.1s" } }),
-                                react_1.default.createElement("div", { className: "bg-muted h-2 w-2 animate-bounce rounded-full", style: { animationDelay: "0.2s" } })))))))),
-        react_1.default.createElement("div", { className: "border-t px-4 py-2" },
-            react_1.default.createElement("div", { className: "mx-auto max-w-6xl" },
-                react_1.default.createElement("form", { onSubmit: handleSubmit, className: "relative" },
-                    react_1.default.createElement("div", { className: "bg-muted flex items-center gap-2 rounded-lg border p-2" },
-                        react_1.default.createElement(button_1.Button, { type: "button", variant: "ghost", size: "sm", className: "h-8 w-8 p-0" },
-                            react_1.default.createElement(lucide_react_1.Paperclip, { className: "h-4 w-4" })),
-                        react_1.default.createElement(input_1.Input, { value: input, onChange: handleInputChange, placeholder: "Ask me anything...", className: "flex-1 border-0 bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0", disabled: isLoading }),
-                        react_1.default.createElement(button_1.Button, { type: "button", variant: "ghost", size: "sm", className: "h-8 w-8 p-0" },
-                            react_1.default.createElement(lucide_react_1.Mic, { className: "h-4 w-4" })),
-                        react_1.default.createElement(button_1.Button, { type: "submit", size: "sm", disabled: !input.trim() || isLoading, className: "h-8 w-8 p-0" },
-                            react_1.default.createElement(lucide_react_1.Send, { className: "h-4 w-4" }))))))));
-};
-exports.ChatInterface = ChatInterface;

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

@@ -1,38 +0,0 @@
-import React from "react";
-import { Suggestion } from "./welcome-section";
-import { UIMessage, UseChatHelpers } from "@ai-sdk/react";
-export interface Message {
-    id: string;
-    role: "user" | "assistant";
-    parts: {
-        type: "text";
-        text: string;
-    }[];
-}
-export interface Chat {
-    id: string;
-    title: string;
-    preview: string;
-    timestamp: Date;
-    messages: Message[];
-}
-type AiChatProps = {
-    initialSelectedChatId?: string | null;
-    username?: string;
-    chats: Chat[];
-    suggestions: Suggestion[];
-    selectedChatId: string;
-    onSelectedChatIdChange: (chatId: string) => void;
-    chat: UseChatHelpers<UIMessage<unknown, Record<string, unknown>, Record<string, {
-        input: unknown;
-        output: unknown | undefined;
-    }>>>;
-    completion: {
-        input: string;
-        handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-        handleSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
-        isLoading: boolean;
-    };
-};
-export declare const AiChat: ({ chat, chats, completion, onSelectedChatIdChange, selectedChatId, suggestions, username, }: AiChatProps) => React.JSX.Element;
-export {};

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