@janovix/blocks 1.0.0-rc.5 → 1.0.0-rc.6

package/README.md

@@ -162,17 +162,18 @@ interface Language {
 
 ### AvatarEditor
 
-An interactive avatar editor with zoom, rotation, and flip controls.
+An interactive avatar editor with zoom, rotation, and drag controls.
 
 **Features:**
 
-- Image zoom (0.1x - 3x)
-- Image rotation (0° - 360°)
-- Horizontal/vertical flip
-- Real-time preview
-- Customizable size
-- Mouse wheel zoom support
-- Drag to reposition
+- Image zoom via UI buttons and slider (0.5x - 3x)
+- Image rotation in 15° increments (0° - 360°)
+- Drag to reposition image
+- Real-time preview with circular crop
+- Customizable editor size
+- Optional grid overlay for alignment
+- Reset all transforms
+- Touch-optimized controls for mobile
 
 **Usage:**
 

package/dist/index.cjs

@@ -9669,6 +9669,12 @@ function AvatarEditor({
         setPosition({ x: 0, y: 0 });
       };
       img.src = imageSource;
+    } else {
+      setImage(null);
+      setImageLoaded(false);
+      setZoom(1);
+      setRotation(0);
+      setPosition({ x: 0, y: 0 });
     }
   }, [imageSource]);
   const generateOutput = React32.useCallback(() => {
@@ -10992,18 +10998,32 @@ function NotificationsWidget({
               const config = typeConfig[notification.type || "info"];
               const Icon = config.icon;
               const hasLink = !!notification.href;
+              const handleClick = () => handleNotificationClick(notification);
+              const handleKeyDown = (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  handleNotificationClick(notification);
+                }
+              };
+              const MotionElement = hasLink ? react.motion.button : react.motion.div;
+              const interactionProps = hasLink ? {
+                role: "button",
+                tabIndex: 0,
+                onClick: handleClick,
+                onKeyDown: handleKeyDown
+              } : {};
               return /* @__PURE__ */ jsxRuntime.jsxs(
-                react.motion.div,
+                MotionElement,
                 {
                   initial: { opacity: 0, y: -10 },
                   animate: { opacity: 1, y: 0 },
                   className: cn(
-                    "relative flex gap-3 px-4 py-3 transition-colors group",
+                    "relative flex gap-3 px-4 py-3 transition-colors group w-full text-left border-0 bg-transparent",
                     hasLink && "cursor-pointer hover:bg-muted/50",
                     !hasLink && "cursor-default",
                     !notification.read && "bg-primary/5"
                   ),
-                  onClick: () => handleNotificationClick(notification),
+                  ...interactionProps,
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
                       "div",