shadcn-ui-react 0.3.1 → 0.3.3

package/dist/index.cjs

@@ -580,10 +580,11 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_class_variance_authority3 = require("class-variance-authority");
 var React5 = __toESM(require("react"), 1);
+var import_framer_motion = require("framer-motion");
 var import_lucide_react = require("lucide-react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority3.cva)(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors transition-transform active:scale-95 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer",
   {
     variants: {
       variant: {
@@ -616,7 +617,9 @@ var Button = React5.forwardRef(
       asChild = false,
       loading = false,
       loaderClassName,
-      children
+      children,
+      scale = 0.95,
+      duration = 0.1
     } = _b, props = __objRest(_b, [
       "className",
       "variant",
@@ -624,12 +627,18 @@ var Button = React5.forwardRef(
       "asChild",
       "loading",
       "loaderClassName",
-      "children"
+      "children",
+      "scale",
+      "duration"
     ]);
-    const Comp = asChild ? import_react_slot2.Slot : "button";
+    const Comp = asChild ? import_react_slot2.Slot : import_framer_motion.motion.button;
+    const motionProps = !asChild ? {
+      whileTap: { scale },
+      transition: { duration }
+    } : {};
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       Comp,
-      __spreadProps(__spreadValues({
+      __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, motionProps), {
         className: cn(
           buttonVariants({ variant, size }),
           className,
@@ -637,7 +646,7 @@ var Button = React5.forwardRef(
         ),
         ref,
         disabled: loading || props.disabled
-      }, props), {
+      }), props), {
         children: [
           loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Loader2, { className: cn(loaderClassName, "animate-spin mr-2") }) : null,
           children
@@ -5909,9 +5918,8 @@ var HoverCardContent = React44.forwardRef((_a, ref) => {
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/icons.tsx
-var icon = __toESM(require("lucide-react"), 1);
 var import_lucide_react3 = require("lucide-react");
-var IconsApp = __spreadValues({
+var IconsApp = {
   dashboard: import_lucide_react3.LayoutDashboardIcon,
   logo: import_lucide_react3.Command,
   login: import_lucide_react3.LogIn,
@@ -5939,7 +5947,7 @@ var IconsApp = __spreadValues({
   moon: import_lucide_react3.Moon,
   laptop: import_lucide_react3.Laptop,
   check: import_lucide_react3.Check
-}, icon);
+};
 var Icons = IconsApp;
 
 // src/components/input-otp.tsx
@@ -7559,7 +7567,16 @@ var AlertModal = ({
       className,
       children: children ? children : /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex w-full items-center justify-end space-x-2 pt-6", children: [
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { disabled: loading, variant: "outline", onClick: onClose, children: cancelText }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { disabled: loading, variant: "destructive", onClick: onConfirm, children: confirmText })
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          Button,
+          {
+            disabled: loading,
+            variant: "destructive",
+            className: cn("text-white"),
+            onClick: onConfirm,
+            children: confirmText
+          }
+        )
       ] })
     }
   );
@@ -7872,7 +7889,7 @@ function ImagePreview({ file }) {
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function Heading({ title, description, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h2", { className: "text-xl font-bold tracking-tight text-primary sm:text-3xl", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "text-lg font-bold tracking-tight text-primary sm:text-3xl", children: title }),
     /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
   ] });
 }

package/dist/index.d.cts

@@ -91,9 +91,12 @@ declare const buttonVariants: (props?: ({
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null;
     asChild?: boolean;
     loading?: boolean;
     loaderClassName?: string;
+    scale?: number;
+    duration?: number;
 }
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -520,21 +523,21 @@ declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupP
 
 declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime.JSX.Element;
 declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
-    className?: string | undefined;
+    className?: string;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
     defaultSize?: number | undefined;
-    id?: string | undefined;
+    id?: string;
     maxSize?: number | undefined;
     minSize?: number | undefined;
-    onCollapse?: ResizablePrimitive.PanelOnCollapse | undefined;
-    onExpand?: ResizablePrimitive.PanelOnExpand | undefined;
-    onResize?: ResizablePrimitive.PanelOnResize | undefined;
-    order?: number | undefined;
-    style?: object | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse;
+    onExpand?: ResizablePrimitive.PanelOnExpand;
+    onResize?: ResizablePrimitive.PanelOnResize;
+    order?: number;
+    style?: object;
     tagName?: keyof HTMLElementTagNameMap | undefined;
 } & {
-    children?: React$1.ReactNode;
+    children?: React$1.ReactNode | undefined;
 } & React$1.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
 declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
     withHandle?: boolean;

package/dist/index.d.ts

@@ -91,9 +91,12 @@ declare const buttonVariants: (props?: ({
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null;
     asChild?: boolean;
     loading?: boolean;
     loaderClassName?: string;
+    scale?: number;
+    duration?: number;
 }
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -520,21 +523,21 @@ declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupP
 
 declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime.JSX.Element;
 declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
-    className?: string | undefined;
+    className?: string;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
     defaultSize?: number | undefined;
-    id?: string | undefined;
+    id?: string;
     maxSize?: number | undefined;
     minSize?: number | undefined;
-    onCollapse?: ResizablePrimitive.PanelOnCollapse | undefined;
-    onExpand?: ResizablePrimitive.PanelOnExpand | undefined;
-    onResize?: ResizablePrimitive.PanelOnResize | undefined;
-    order?: number | undefined;
-    style?: object | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse;
+    onExpand?: ResizablePrimitive.PanelOnExpand;
+    onResize?: ResizablePrimitive.PanelOnResize;
+    order?: number;
+    style?: object;
     tagName?: keyof HTMLElementTagNameMap | undefined;
 } & {
-    children?: React$1.ReactNode;
+    children?: React$1.ReactNode | undefined;
 } & React$1.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
 declare const ResizableHandle: ({ withHandle, className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
     withHandle?: boolean;

package/dist/index.js

@@ -323,10 +323,11 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { cva as cva3 } from "class-variance-authority";
 import * as React5 from "react";
+import { motion } from "framer-motion";
 import { Loader2 } from "lucide-react";
 import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var buttonVariants = cva3(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors transition-transform active:scale-95 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer",
   {
     variants: {
       variant: {
@@ -359,7 +360,9 @@ var Button = React5.forwardRef(
       asChild = false,
       loading = false,
       loaderClassName,
-      children
+      children,
+      scale = 0.95,
+      duration = 0.1
     } = _b, props = __objRest(_b, [
       "className",
       "variant",
@@ -367,12 +370,18 @@ var Button = React5.forwardRef(
       "asChild",
       "loading",
       "loaderClassName",
-      "children"
+      "children",
+      "scale",
+      "duration"
     ]);
-    const Comp = asChild ? Slot2 : "button";
+    const Comp = asChild ? Slot2 : motion.button;
+    const motionProps = !asChild ? {
+      whileTap: { scale },
+      transition: { duration }
+    } : {};
     return /* @__PURE__ */ jsxs3(
       Comp,
-      __spreadProps(__spreadValues({
+      __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, motionProps), {
         className: cn(
           buttonVariants({ variant, size }),
           className,
@@ -380,7 +389,7 @@ var Button = React5.forwardRef(
         ),
         ref,
         disabled: loading || props.disabled
-      }, props), {
+      }), props), {
         children: [
           loading ? /* @__PURE__ */ jsx6(Loader2, { className: cn(loaderClassName, "animate-spin mr-2") }) : null,
           children
@@ -5665,7 +5674,6 @@ var HoverCardContent = React44.forwardRef((_a, ref) => {
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/icons.tsx
-import * as icon from "lucide-react";
 import {
   AlertTriangle,
   ArrowRight,
@@ -5695,7 +5703,7 @@ import {
   UserX2Icon,
   X
 } from "lucide-react";
-var IconsApp = __spreadValues({
+var IconsApp = {
   dashboard: LayoutDashboardIcon,
   logo: Command2,
   login: LogIn,
@@ -5723,7 +5731,7 @@ var IconsApp = __spreadValues({
   moon: Moon,
   laptop: Laptop,
   check: Check
-}, icon);
+};
 var Icons = IconsApp;
 
 // src/components/input-otp.tsx
@@ -7356,7 +7364,16 @@ var AlertModal = ({
       className,
       children: children ? children : /* @__PURE__ */ jsxs20("div", { className: "flex w-full items-center justify-end space-x-2 pt-6", children: [
         /* @__PURE__ */ jsx46(Button, { disabled: loading, variant: "outline", onClick: onClose, children: cancelText }),
-        /* @__PURE__ */ jsx46(Button, { disabled: loading, variant: "destructive", onClick: onConfirm, children: confirmText })
+        /* @__PURE__ */ jsx46(
+          Button,
+          {
+            disabled: loading,
+            variant: "destructive",
+            className: cn("text-white"),
+            onClick: onConfirm,
+            children: confirmText
+          }
+        )
       ] })
     }
   );
@@ -7678,7 +7695,7 @@ function ImagePreview({ file }) {
 import { jsx as jsx51, jsxs as jsxs25 } from "react/jsx-runtime";
 function Heading({ title, description, className }) {
   return /* @__PURE__ */ jsxs25("div", { className, children: [
-    /* @__PURE__ */ jsx51("h2", { className: "text-xl font-bold tracking-tight text-primary sm:text-3xl", children: title }),
+    /* @__PURE__ */ jsx51("div", { className: "text-lg font-bold tracking-tight text-primary sm:text-3xl", children: title }),
     /* @__PURE__ */ jsx51("p", { className: "text-sm text-muted-foreground", children: description })
   ] });
 }

package/dist/style.css

@@ -30,6 +30,7 @@
     --color-gray-200: oklch(92.8% 0.006 264.531);
     --color-gray-300: oklch(87.2% 0.01 258.338);
     --color-black: #000;
+    --color-white: #fff;
     --spacing: 0.25rem;
     --container-sm: 24rem;
     --container-lg: 32rem;
@@ -1171,6 +1172,9 @@
   .text-secondary-foreground {
     color: var(--secondary-foreground);
   }
+  .text-white {
+    color: var(--color-white);
+  }
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
@@ -1296,7 +1300,12 @@
       rotate,
       filter,
       -webkit-backdrop-filter,
-      backdrop-filter;
+      backdrop-filter,
+      display,
+      visibility,
+      content-visibility,
+      overlay,
+      pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -1875,6 +1884,14 @@
       outline-style: none;
     }
   }
+  .active\:scale-95 {
+    &:active {
+      --tw-scale-x: 95%;
+      --tw-scale-y: 95%;
+      --tw-scale-z: 95%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
   .disabled\:pointer-events-none {
     &:disabled {
       pointer-events: none;
@@ -2927,6 +2944,9 @@
 @property --tw-duration { syntax: "*"; inherits: false; }
 @property --tw-ease { syntax: "*"; inherits: false; }
 @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
+@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
+@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
+@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -2988,7 +3008,10 @@
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
     }
   }
 }
-/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shadcn-ui-react",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "private": false,
   "author": "Bleker Cordova <bleker@gliyen.com>",
   "description": "A collection of components for building beautiful and accessible user interfaces with React and Tailwind CSS.",
@@ -23,12 +23,12 @@
     "*.{js,jsx,ts,tsx}": "eslint --fix"
   },
   "keywords": [
+    "shadcn-ui-react",
     "react",
     "react-component",
     "ui",
     "shadcn",
-    "shadcn-ui",
-    "shadcn-ui-react"
+    "shadcn-ui"
   ],
   "repository": {
     "type": "git",
@@ -46,31 +46,31 @@
     "test:watch": "jest --watch"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.10",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.27.0",
+    "@babel/core": "^7.27.1",
+    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
     "@eslint/config-array": "^0.20.0",
     "@eslint/object-schema": "^2.1.6",
     "@hookform/resolvers": "^5.0.1",
-    "@tailwindcss/postcss": "^4.1.4",
-    "@tailwindcss/vite": "^4.1.4",
+    "@tailwindcss/postcss": "^4.1.6",
+    "@tailwindcss/vite": "^4.1.6",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29.5.14",
-    "@types/node": "^22.14.1",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.2",
-    "@typescript-eslint/eslint-plugin": "^8.30.1",
-    "@typescript-eslint/parser": "^8.30.1",
+    "@types/node": "^22.15.17",
+    "@types/react": "^19.1.3",
+    "@types/react-dom": "^19.1.3",
+    "@typescript-eslint/eslint-plugin": "^8.32.0",
+    "@typescript-eslint/parser": "^8.32.0",
     "autoprefixer": "^10.4.21",
     "babel-jest": "^29.7.0",
     "cross-env": "^7.0.3",
-    "eslint": "^9.25.0",
+    "eslint": "^9.26.0",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-react-refresh": "^0.4.20",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
@@ -79,52 +79,52 @@
     "react-dom": "^19.1.0",
     "react-test-renderer": "^19.1.0",
     "rimraf": "^6.0.1",
-    "tailwindcss": "^4.1.4",
+    "tailwindcss": "^4.1.6",
     "tailwindcss-animate": "^1.0.7",
     "tsup": "^8.4.0",
     "typescript": "^5.8.3",
     "vaul": "^1.1.2",
-    "vite": "^6.3.2",
+    "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-ts-alias": "^0.1.1",
-    "zod": "^3.24.3"
+    "zod": "^3.24.4"
   },
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.3.1 || ^19.0.0 || ^20.0.0",
-    "react-dom": "^17.0.0 || ^18.3.1 || ^19.0.0 || ^20.0.0"
+    "react": "^17.0.0 || ^18.3.1 || ^19.1.0 || ^20.0.0",
+    "react-dom": "^17.0.0 || ^18.3.1 || ^19.1.0 || ^20.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.7",
-    "@radix-ui/react-alert-dialog": "^1.1.10",
-    "@radix-ui/react-aspect-ratio": "^1.1.4",
-    "@radix-ui/react-avatar": "^1.1.6",
-    "@radix-ui/react-checkbox": "^1.2.2",
-    "@radix-ui/react-collapsible": "^1.1.7",
-    "@radix-ui/react-context-menu": "^2.2.11",
-    "@radix-ui/react-dialog": "^1.1.10",
-    "@radix-ui/react-dropdown-menu": "^2.1.11",
-    "@radix-ui/react-hover-card": "^1.1.10",
+    "@radix-ui/react-accordion": "^1.2.10",
+    "@radix-ui/react-alert-dialog": "^1.1.13",
+    "@radix-ui/react-aspect-ratio": "^1.1.6",
+    "@radix-ui/react-avatar": "^1.1.9",
+    "@radix-ui/react-checkbox": "^1.3.1",
+    "@radix-ui/react-collapsible": "^1.1.10",
+    "@radix-ui/react-context-menu": "^2.2.14",
+    "@radix-ui/react-dialog": "^1.1.13",
+    "@radix-ui/react-dropdown-menu": "^2.1.14",
+    "@radix-ui/react-hover-card": "^1.1.13",
     "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-label": "^2.1.4",
-    "@radix-ui/react-menubar": "^1.1.11",
-    "@radix-ui/react-navigation-menu": "^1.2.9",
-    "@radix-ui/react-popover": "^1.1.10",
-    "@radix-ui/react-progress": "^1.1.4",
-    "@radix-ui/react-radio-group": "^1.3.3",
-    "@radix-ui/react-scroll-area": "^1.2.5",
-    "@radix-ui/react-select": "^2.2.2",
-    "@radix-ui/react-separator": "^1.1.4",
-    "@radix-ui/react-slider": "^1.3.2",
-    "@radix-ui/react-slot": "^1.2.0",
-    "@radix-ui/react-switch": "^1.2.2",
-    "@radix-ui/react-tabs": "^1.1.8",
-    "@radix-ui/react-toast": "^1.2.10",
-    "@radix-ui/react-toggle": "^1.1.6",
-    "@radix-ui/react-toggle-group": "^1.1.7",
-    "@radix-ui/react-tooltip": "^1.2.3",
+    "@radix-ui/react-label": "^2.1.6",
+    "@radix-ui/react-menubar": "^1.1.14",
+    "@radix-ui/react-navigation-menu": "^1.2.12",
+    "@radix-ui/react-popover": "^1.1.13",
+    "@radix-ui/react-progress": "^1.1.6",
+    "@radix-ui/react-radio-group": "^1.3.6",
+    "@radix-ui/react-scroll-area": "^1.2.8",
+    "@radix-ui/react-select": "^2.2.4",
+    "@radix-ui/react-separator": "^1.1.6",
+    "@radix-ui/react-slider": "^1.3.4",
+    "@radix-ui/react-slot": "^1.2.2",
+    "@radix-ui/react-switch": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.11",
+    "@radix-ui/react-toast": "^1.2.13",
+    "@radix-ui/react-toggle": "^1.1.8",
+    "@radix-ui/react-toggle-group": "^1.1.9",
+    "@radix-ui/react-tooltip": "^1.2.6",
     "@tanstack/react-table": "^8.21.3",
     "@vitejs/plugin-react": "^4.4.1",
     "@vitejs/plugin-react-swc": "^3.9.0",
@@ -132,13 +132,14 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "embla-carousel-react": "^8.6.0",
+    "framer-motion": "^12.10.5",
     "input-otp": "^1.4.2",
-    "lucide-react": "^0.501.0",
+    "lucide-react": "^0.509.0",
     "next-themes": "^0.4.6",
     "react-dropzone": "^14.3.8",
     "react-helmet-next": "^0.0.1",
-    "react-hook-form": "^7.56.0",
-    "react-resizable-panels": "^2.1.8",
+    "react-hook-form": "^7.56.3",
+    "react-resizable-panels": "^3.0.1",
     "sonner": "^2.0.3",
     "tailwind-merge": "^3.2.0",
     "tailwind-variants": "^1.0.0",