@appcorp/shadcn 1.1.31 → 1.1.34

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

@@ -84,7 +84,7 @@ var AppleCardsCarousel = function (_a) {
         try {
             checkScrollability();
         }
-        catch (e) {
+        catch (_a) {
             /* ignore if DOM not yet ready */
         }
         var onResize = function () { return checkScrollability(); };

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,70 @@
+"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

@@ -0,0 +1,38 @@
+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

@@ -0,0 +1,66 @@
+"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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,68 @@
+"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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,26 @@
+"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/blog-detail-page/header.d.ts

@@ -7,5 +7,5 @@ interface BlogHeaderProps {
     publishedAt: string;
     onBack: () => void;
 }
-export declare const Header: ({ category, title, authorName, authorAvatar, publishedAt, onBack, }: BlogHeaderProps) => React.JSX.Element;
+export declare const Header: ({ category, title, authorName, authorAvatar, publishedAt, }: BlogHeaderProps) => React.JSX.Element;
 export {};

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

@@ -10,7 +10,7 @@ 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, onBack = _a.onBack;
+    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),

package/components/shadcn-io/gantt/index.js

@@ -617,7 +617,6 @@ var GanttProvider = function (_a) {
             observer.disconnect();
         };
     }, []);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     var handleScroll = (0, react_1.useCallback)((0, lodash_throttle_1.default)(function () {
         var _a, _b;
         var scrollElement = scrollRef.current;

package/components/theme-provider.js

@@ -77,7 +77,7 @@ function ThemeApplier(_a) {
             try {
                 return window.localStorage.getItem("ui-theme-color");
             }
-            catch (e) {
+            catch (_a) {
                 return null;
             }
         })();
@@ -124,13 +124,13 @@ function ThemeProvider(_a) {
     try {
         persistedTheme = window.localStorage.getItem(storageKey);
     }
-    catch (e) {
+    catch (_e) {
         persistedTheme = null;
     }
     try {
         persistedColor = window.localStorage.getItem("ui-theme-color");
     }
-    catch (e) {
+    catch (_f) {
         persistedColor = null;
     }
     var initialTheme = persistedTheme || defaultTheme;
@@ -152,7 +152,7 @@ function ThemeProvider(_a) {
         }
         root_1.setAttribute("data-theme", initialTheme);
     }
-    catch (e) {
+    catch (_g) {
         // ignore DOM errors
     }
     return (react_1.default.createElement(next_themes_1.ThemeProvider, __assign({ attribute: "data-theme", defaultTheme: initialTheme, storageKey: storageKey, enableSystem: enableSystem, themes: Object.keys(themes_1.themes) }, props),

package/components/ui/resizable.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import * as ResizablePrimitive from "react-resizable-panels";
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React.JSX.Element;
-declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement | HTMLButtonElement | HTMLDivElement | HTMLInputElement | HTMLObjectElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLSpanElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement | HTMLButtonElement | HTMLDivElement | HTMLFormElement | HTMLInputElement | HTMLObjectElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLSpanElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/components/ui/scroll-area.js

@@ -63,7 +63,7 @@ var utils_1 = require("../../lib/utils");
 var ScrollArea = React.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
     return (React.createElement(ScrollAreaPrimitive.Root, __assign({ ref: ref, className: (0, utils_1.cn)("relative overflow-hidden", className) }, props),
-        React.createElement(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]" }, children),
+        children,
         React.createElement(ScrollBar, null),
         React.createElement(ScrollAreaPrimitive.Corner, null)));
 });

package/components/ui/theme-switcher.js

@@ -96,7 +96,7 @@ var ThemeSwitcher = function (_a) {
                 return;
             }
         }
-        catch (e) {
+        catch (_a) {
             // ignore
         }
         var currentColorTheme = colorThemes.find(function (t) {
@@ -122,7 +122,7 @@ var ThemeSwitcher = function (_a) {
         try {
             window.localStorage.setItem("ui-theme-color", newColorTheme);
         }
-        catch (e) {
+        catch (_a) {
             // ignore storage errors
         }
         setColorTheme(newColorTheme);

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "1.1.31",
+  "version": "1.1.34",
   "scripts": {
     "build:next": "next build",
-    "build:storybook": "storybook build -c .storybook -o .out",
+    "build:storybook": "mv ../.pnp.cjs ../.pnp.cjs.bak 2>/dev/null || true && storybook build -c .storybook -o .out && mv ../.pnp.cjs.bak ../.pnp.cjs 2>/dev/null || true",
     "build:ts": "tsc --project tsconfig.build.json",
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",
     "clean": "yarn rimraf ./lib",
@@ -15,14 +15,14 @@
     "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
     "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
     "generate:sitemap": "scripts/generate-sitemap.sh",
-    "lint": "eslint .",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
     "major": "npm version major",
     "minor": "npm version minor",
     "patch": "npm version patch",
     "prepare": "husky",
     "publish:npm": "yarn build && cd lib/ && npm publish --access public && cd ..",
     "start": "next start",
-    "storybook": "storybook dev -p 6006",
+    "storybook": "mv ../.pnp.cjs ../.pnp.cjs.bak 2>/dev/null || true && storybook dev -p 6006",
     "test:watch": "jest --watch",
     "test": "jest",
     "upgrade": "ncu -u"
@@ -31,101 +31,107 @@
   "author": "Taimoor Khan <taimoor.m.k@live.com>",
   "license": "MIT",
   "devDependencies": {
-    "@commitlint/cli": "^20.1.0",
-    "@commitlint/config-conventional": "^20.0.0",
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.37.0",
-    "@hookform/resolvers": "^5.2.2",
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-aspect-ratio": "^1.1.8",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-menubar": "^1.1.16",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.8",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle": "^1.1.10",
-    "@react-pakistan/util-functions": "^1.25.16",
-    "@storybook/addon-docs": "^10.1.0",
-    "@storybook/addon-onboarding": "^10.1.0",
-    "@storybook/nextjs": "^10.1.0",
-    "@tabler/icons-react": "^3.36.1",
-    "@tailwindcss/postcss": "^4.1.17",
-    "@tanstack/react-table": "^8.21.3",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/color": "^4.2.0",
-    "@types/jest": "^30.0.0",
+    "@ai-sdk/react": "^3",
+    "@commitlint/cli": "^20",
+    "@commitlint/config-conventional": "^20",
+    "@dnd-kit/core": "^6",
+    "@dnd-kit/modifiers": "^9",
+    "@emotion/is-prop-valid": "^1",
+    "@eslint/eslintrc": "^3",
+    "@eslint/js": "^9",
+    "@hookform/resolvers": "^5",
+    "@radix-ui/react-accordion": "^1",
+    "@radix-ui/react-alert-dialog": "^1",
+    "@radix-ui/react-aspect-ratio": "^1",
+    "@radix-ui/react-avatar": "^1",
+    "@radix-ui/react-checkbox": "^1",
+    "@radix-ui/react-collapsible": "^1",
+    "@radix-ui/react-context-menu": "^2",
+    "@radix-ui/react-dialog": "^1",
+    "@radix-ui/react-dropdown-menu": "^2",
+    "@radix-ui/react-hover-card": "^1",
+    "@radix-ui/react-icons": "^1",
+    "@radix-ui/react-label": "^2",
+    "@radix-ui/react-menubar": "^1",
+    "@radix-ui/react-navigation-menu": "^1",
+    "@radix-ui/react-popover": "^1",
+    "@radix-ui/react-progress": "^1",
+    "@radix-ui/react-radio-group": "^1",
+    "@radix-ui/react-scroll-area": "^1",
+    "@radix-ui/react-select": "^2",
+    "@radix-ui/react-separator": "^1",
+    "@radix-ui/react-slider": "^1",
+    "@radix-ui/react-slot": "^1",
+    "@radix-ui/react-switch": "^1",
+    "@radix-ui/react-tabs": "^1",
+    "@radix-ui/react-toggle": "^1",
+    "@react-pakistan/util-functions": "^1.25.18",
+    "@storybook/addon-docs": "^10",
+    "@storybook/addon-onboarding": "^10",
+    "@storybook/nextjs": "^10",
+    "@tabler/icons-react": "^3",
+    "@tailwindcss/postcss": "^4",
+    "@tanstack/react-table": "^8",
+    "@testing-library/dom": "^10",
+    "@testing-library/jest-dom": "^6",
+    "@testing-library/react": "^16",
+    "@testing-library/user-event": "^14",
+    "@types/color": "^4",
+    "@types/jest": "^30",
     "@types/lodash.throttle": "^4",
-    "@types/node": "^24.7.2",
+    "@types/node": "^24",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@uidotdev/usehooks": "^2.4.1",
-    "autoprefixer": "^10.4.21",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "color": "^5.0.2",
-    "date-fns": "^4.1.0",
-    "dayjs": "^1.11.19",
-    "embla-carousel-react": "^8.6.0",
-    "eslint": "^9.37.0",
-    "eslint-config-next": "^15.5.5",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-storybook": "10.1.0",
-    "husky": "^9.1.7",
-    "input-otp": "^1.4.2",
-    "jest": "^30.2.0",
-    "jest-environment-jsdom": "^30.2.0",
-    "jotai": "^2.15.0",
-    "libphonenumber-js": "^1.12.35",
-    "lint-staged": "^16.2.4",
-    "lodash.throttle": "^4.1.1",
-    "lucide-react": "^0.556.0",
-    "motion": "^12.26.2",
-    "next": "^15.5.6",
-    "next-themes": "^0.4.6",
-    "postcss": "^8.5.6",
-    "prettier": "^3.6.2",
-    "radix-ui": "^1.4.3",
-    "react": "^19.2.0",
-    "react-day-picker": "^9.11.1",
-    "react-dom": "^19.2.0",
-    "react-dropzone": "^14.3.8",
-    "react-easy-crop": "^5.5.6",
-    "react-hook-form": "^7.66.1",
-    "react-resizable-panels": "^3.0.6",
-    "recharts": "3.5.1",
-    "rimraf": "^6.0.1",
-    "sonner": "^2.0.7",
-    "storybook": "^10.1.0",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss": "^4.1.17",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.9.3",
-    "uuid": "^13.0.0",
-    "vaul": "^1.1.2",
-    "zod": "^4.1.12"
+    "@types/react-is": "^19",
+    "@uidotdev/usehooks": "^2",
+    "autoprefixer": "^10",
+    "class-variance-authority": "^0",
+    "clsx": "^2",
+    "cmdk": "^1",
+    "color": "^5",
+    "date-fns": "^4",
+    "dayjs": "^1",
+    "embla-carousel-react": "^8",
+    "eslint": "^9",
+    "eslint-config-next": "^16",
+    "eslint-config-prettier": "^10",
+    "eslint-plugin-react-hooks": "^4",
+    "eslint-plugin-storybook": "^10",
+    "husky": "^9",
+    "input-otp": "^1",
+    "jest": "^30",
+    "jest-environment-jsdom": "^30",
+    "jotai": "^2",
+    "libphonenumber-js": "^1",
+    "lint-staged": "^16",
+    "lodash.throttle": "^4",
+    "lucide-react": "^0",
+    "motion": "^12",
+    "next": "^16",
+    "next-themes": "^0",
+    "postcss": "^8",
+    "prettier": "^3",
+    "radix-ui": "^1",
+    "react": "^19",
+    "react-day-picker": "^9",
+    "react-dom": "^19",
+    "react-dropzone": "^14",
+    "react-easy-crop": "^5",
+    "react-hook-form": "^7",
+    "react-is": "^19",
+    "react-resizable-panels": "^3",
+    "recharts": "3",
+    "rimraf": "^6",
+    "sonner": "^2",
+    "storybook": "^10",
+    "tailwind-merge": "^3",
+    "tailwindcss": "^4",
+    "ts-node": "^10",
+    "typescript": "^5",
+    "uuid": "^13",
+    "vaul": "^1",
+    "webpack": "5",
+    "zod": "^4"
   },
   "packageManager": "yarn@4.12.0"
 }