shadcn-packaged 2025.2.10 → 2025.2.24

package/index.css

@@ -143,6 +143,17 @@
     @apply border-border;
   }
 
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
   body {
     @apply bg-background text-foreground;
   }

package/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference path="./hooks/use-mobile.d.ts" />;
-/// <reference path="./hooks/use-toast.d.ts" />;
 /// <reference path="./lib/utils.d.ts" />;
 /// <reference path="./ui/accordion.d.ts" />;
 /// <reference path="./ui/alert-dialog.d.ts" />;
@@ -44,8 +43,6 @@
 /// <reference path="./ui/table.d.ts" />;
 /// <reference path="./ui/tabs.d.ts" />;
 /// <reference path="./ui/textarea.d.ts" />;
-/// <reference path="./ui/toast.d.ts" />;
-/// <reference path="./ui/toaster.d.ts" />;
 /// <reference path="./ui/toggle-group.d.ts" />;
 /// <reference path="./ui/toggle.d.ts" />;
 /// <reference path="./ui/tooltip.d.ts" />;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shadcn-packaged",
   "private": false,
-  "version": "2025.2.10",
+  "version": "2025.2.24",
   "type": "module",
   "module": "index.mjs",
   "scripts": {
@@ -24,7 +24,7 @@
     "index.mjs"
   ],
   "dependencies": {
-    "@hookform/resolvers": "^3.10.0",
+    "@hookform/resolvers": "^4.1.1",
     "@radix-ui/react-accordion": "^1.2.3",
     "@radix-ui/react-alert-dialog": "^1.1.6",
     "@radix-ui/react-aspect-ratio": "^1.1.2",
@@ -48,7 +48,6 @@
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.1.3",
     "@radix-ui/react-tabs": "^1.1.3",
-    "@radix-ui/react-toast": "^1.2.6",
     "@radix-ui/react-toggle": "^1.1.2",
     "@radix-ui/react-toggle-group": "^1.1.2",
     "@radix-ui/react-tooltip": "^1.1.8",
@@ -61,9 +60,9 @@
     "react-hook-form": "^7.54.2",
     "react-resizable-panels": "^2.1.7",
     "recharts": "^2.15.1",
-    "sonner": "^1.7.4",
+    "sonner": "^2.0.1",
     "vaul": "^1.1.2",
-    "zod": "^3.24.1"
+    "zod": "^3.24.2"
   },
   "devDependencies": {
     "@types/node": "^22.10.7",
@@ -73,7 +72,7 @@
     "clsx": "^2.1.1",
     "globals": "^15.14.0",
     "lucide-react": "^0.475.0",
-    "tailwind-merge": "^3.0.1",
+    "tailwind-merge": "^3.0.2",
     "tailwindcss": "^3.4.17",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "~5.6.2"

package/ui/menubar.d.ts

@@ -1,15 +1,10 @@
 import * as React from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
-declare const MenubarMenu: {
-    (props: MenubarPrimitive.MenubarMenuProps & {
-        __scopeMenubar?: import("@radix-ui/react-context").Scope;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const MenubarGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const MenubarPortal: React.FC<MenubarPrimitive.MenubarPortalProps>;
-declare const MenubarSub: React.FC<MenubarPrimitive.MenubarSubProps>;
-declare const MenubarRadioGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): React.JSX.Element;
+declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): React.JSX.Element;
+declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): React.JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): React.JSX.Element;
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): React.JSX.Element;
 declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {

package/ui/menubar.jsx

@@ -3,11 +3,21 @@ import * as React from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check, ChevronRight, Circle } from "lucide-react";
 import { cn } from "../lib/utils";
-const MenubarMenu = MenubarPrimitive.Menu;
-const MenubarGroup = MenubarPrimitive.Group;
-const MenubarPortal = MenubarPrimitive.Portal;
-const MenubarSub = MenubarPrimitive.Sub;
-const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+function MenubarMenu({ ...props }) {
+    return <MenubarPrimitive.Menu {...props}/>;
+}
+function MenubarGroup({ ...props }) {
+    return <MenubarPrimitive.Group {...props}/>;
+}
+function MenubarPortal({ ...props }) {
+    return <MenubarPrimitive.Portal {...props}/>;
+}
+function MenubarRadioGroup({ ...props }) {
+    return <MenubarPrimitive.RadioGroup {...props}/>;
+}
+function MenubarSub({ ...props }) {
+    return <MenubarPrimitive.Sub data-slot="menubar-sub" {...props}/>;
+}
 const Menubar = React.forwardRef(({ className, ...props }, ref) => (<MenubarPrimitive.Root ref={ref} className={cn("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", className)} {...props}/>));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
 const MenubarTrigger = React.forwardRef(({ className, ...props }, ref) => (<MenubarPrimitive.Trigger ref={ref} className={cn("flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className)} {...props}/>));

package/ui/select.jsx

@@ -6,7 +6,7 @@ import { cn } from "../lib/utils";
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
-const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (<SelectPrimitive.Trigger ref={ref} className={cn("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className)} {...props}>
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (<SelectPrimitive.Trigger ref={ref} className={cn("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className)} {...props}>
     {children}
     <SelectPrimitive.Icon asChild>
       <ChevronDown className="h-4 w-4 opacity-50"/>

package/ui/sidebar.jsx

@@ -167,7 +167,7 @@ const SidebarGroup = React.forwardRef(({ className, ...props }, ref) => {
 SidebarGroup.displayName = "SidebarGroup";
 const SidebarGroupLabel = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "div";
-    return (<Comp ref={ref} data-sidebar="group-label" className={cn("duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className)} {...props}/>);
+    return (<Comp ref={ref} data-sidebar="group-label" className={cn("duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className)} {...props}/>);
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
 const SidebarGroupAction = React.forwardRef(({ className, asChild = false, ...props }, ref) => {

package/hooks/use-toast.d.ts

@@ -1,44 +0,0 @@
-import * as React from "react";
-import type { ToastActionElement, ToastProps } from "../ui/toast";
-type ToasterToast = ToastProps & {
-    id: string;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    action?: ToastActionElement;
-};
-declare const actionTypes: {
-    readonly ADD_TOAST: "ADD_TOAST";
-    readonly UPDATE_TOAST: "UPDATE_TOAST";
-    readonly DISMISS_TOAST: "DISMISS_TOAST";
-    readonly REMOVE_TOAST: "REMOVE_TOAST";
-};
-type ActionType = typeof actionTypes;
-type Action = {
-    type: ActionType["ADD_TOAST"];
-    toast: ToasterToast;
-} | {
-    type: ActionType["UPDATE_TOAST"];
-    toast: Partial<ToasterToast>;
-} | {
-    type: ActionType["DISMISS_TOAST"];
-    toastId?: ToasterToast["id"];
-} | {
-    type: ActionType["REMOVE_TOAST"];
-    toastId?: ToasterToast["id"];
-};
-interface State {
-    toasts: ToasterToast[];
-}
-export declare const reducer: (state: State, action: Action) => State;
-type Toast = Omit<ToasterToast, "id">;
-declare function toast({ ...props }: Toast): {
-    id: string;
-    dismiss: () => void;
-    update: (props: ToasterToast) => void;
-};
-declare function useToast(): {
-    toast: typeof toast;
-    dismiss: (toastId?: string) => void;
-    toasts: ToasterToast[];
-};
-export { useToast, toast };

package/hooks/use-toast.js

@@ -1,128 +0,0 @@
-"use client";
-// Inspired by react-hot-toast library
-import * as React from "react";
-const TOAST_LIMIT = 1;
-const TOAST_REMOVE_DELAY = 1000000;
-const actionTypes = {
-    ADD_TOAST: "ADD_TOAST",
-    UPDATE_TOAST: "UPDATE_TOAST",
-    DISMISS_TOAST: "DISMISS_TOAST",
-    REMOVE_TOAST: "REMOVE_TOAST",
-};
-let count = 0;
-function genId() {
-    count = (count + 1) % Number.MAX_SAFE_INTEGER;
-    return count.toString();
-}
-const toastTimeouts = new Map();
-const addToRemoveQueue = (toastId) => {
-    if (toastTimeouts.has(toastId)) {
-        return;
-    }
-    const timeout = setTimeout(() => {
-        toastTimeouts.delete(toastId);
-        dispatch({
-            type: "REMOVE_TOAST",
-            toastId: toastId,
-        });
-    }, TOAST_REMOVE_DELAY);
-    toastTimeouts.set(toastId, timeout);
-};
-export const reducer = (state, action) => {
-    switch (action.type) {
-        case "ADD_TOAST":
-            return {
-                ...state,
-                toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
-            };
-        case "UPDATE_TOAST":
-            return {
-                ...state,
-                toasts: state.toasts.map((t) => t.id === action.toast.id ? { ...t, ...action.toast } : t),
-            };
-        case "DISMISS_TOAST": {
-            const { toastId } = action;
-            // ! Side effects ! - This could be extracted into a dismissToast() action,
-            // but I'll keep it here for simplicity
-            if (toastId) {
-                addToRemoveQueue(toastId);
-            }
-            else {
-                state.toasts.forEach((toast) => {
-                    addToRemoveQueue(toast.id);
-                });
-            }
-            return {
-                ...state,
-                toasts: state.toasts.map((t) => t.id === toastId || toastId === undefined
-                    ? {
-                        ...t,
-                        open: false,
-                    }
-                    : t),
-            };
-        }
-        case "REMOVE_TOAST":
-            if (action.toastId === undefined) {
-                return {
-                    ...state,
-                    toasts: [],
-                };
-            }
-            return {
-                ...state,
-                toasts: state.toasts.filter((t) => t.id !== action.toastId),
-            };
-    }
-};
-const listeners = [];
-let memoryState = { toasts: [] };
-function dispatch(action) {
-    memoryState = reducer(memoryState, action);
-    listeners.forEach((listener) => {
-        listener(memoryState);
-    });
-}
-function toast({ ...props }) {
-    const id = genId();
-    const update = (props) => dispatch({
-        type: "UPDATE_TOAST",
-        toast: { ...props, id },
-    });
-    const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
-    dispatch({
-        type: "ADD_TOAST",
-        toast: {
-            ...props,
-            id,
-            open: true,
-            onOpenChange: (open) => {
-                if (!open)
-                    dismiss();
-            },
-        },
-    });
-    return {
-        id: id,
-        dismiss,
-        update,
-    };
-}
-function useToast() {
-    const [state, setState] = React.useState(memoryState);
-    React.useEffect(() => {
-        listeners.push(setState);
-        return () => {
-            const index = listeners.indexOf(setState);
-            if (index > -1) {
-                listeners.splice(index, 1);
-            }
-        };
-    }, [state]);
-    return {
-        ...state,
-        toast,
-        dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId }),
-    };
-}
-export { useToast, toast };

package/ui/toast.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import * as ToastPrimitives from "@radix-ui/react-toast";
-import { type VariantProps } from "class-variance-authority";
-declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
-declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
-declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: {
-    variant?: "default" | "destructive";
-} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLLIElement>>;
-declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
-type ToastActionElement = React.ReactElement<typeof ToastAction>;
-export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/ui/toast.jsx

@@ -1,35 +0,0 @@
-"use client";
-import * as React from "react";
-import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva } from "class-variance-authority";
-import { X } from "lucide-react";
-import { cn } from "../lib/utils";
-const ToastProvider = ToastPrimitives.Provider;
-const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (<ToastPrimitives.Viewport ref={ref} className={cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className)} {...props}/>));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-const toastVariants = cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
-    variants: {
-        variant: {
-            default: "border bg-background text-foreground",
-            destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
-    return (<ToastPrimitives.Root ref={ref} className={cn(toastVariants({ variant }), className)} {...props}/>);
-});
-Toast.displayName = ToastPrimitives.Root.displayName;
-const ToastAction = React.forwardRef(({ className, ...props }, ref) => (<ToastPrimitives.Action ref={ref} className={cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive", className)} {...props}/>));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-const ToastClose = React.forwardRef(({ className, ...props }, ref) => (<ToastPrimitives.Close ref={ref} className={cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className)} toast-close="" {...props}>
-    <X className="h-4 w-4"/>
-  </ToastPrimitives.Close>));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-const ToastTitle = React.forwardRef(({ className, ...props }, ref) => (<ToastPrimitives.Title ref={ref} className={cn("text-sm font-semibold", className)} {...props}/>));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-const ToastDescription = React.forwardRef(({ className, ...props }, ref) => (<ToastPrimitives.Description ref={ref} className={cn("text-sm opacity-90", className)} {...props}/>));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
-export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/ui/toaster.d.ts

@@ -1 +0,0 @@
-export declare function Toaster(): import("react").JSX.Element;

package/ui/toaster.jsx

@@ -1,19 +0,0 @@
-"use client";
-import { useToast } from "../hooks/use-toast";
-import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, } from "../ui/toast";
-export function Toaster() {
-    const { toasts } = useToast();
-    return (<ToastProvider>
-      {toasts.map(function ({ id, title, description, action, ...props }) {
-            return (<Toast key={id} {...props}>
-            <div className="grid gap-1">
-              {title && <ToastTitle>{title}</ToastTitle>}
-              {description && (<ToastDescription>{description}</ToastDescription>)}
-            </div>
-            {action}
-            <ToastClose />
-          </Toast>);
-        })}
-      <ToastViewport />
-    </ToastProvider>);
-}