@factorialco/f0-react 1.214.1 → 1.214.3

package/dist/experimental.js

@@ -26185,10 +26185,10 @@ const ap = {
   onPulseClick: o
 }) => {
   const a = We(), [l, c] = V(!s);
-  return /* @__PURE__ */ f("div", { className: "relative h-14 w-14", children: /* @__PURE__ */ f(Ze, { mode: "popLayout", initial: !!l, children: l ? /* @__PURE__ */ f(
+  return /* @__PURE__ */ f("div", { className: "relative h-10 w-10", children: /* @__PURE__ */ f(Ze, { mode: "popLayout", initial: !!l, children: l ? /* @__PURE__ */ f(
     de.div,
     {
-      className: "relative h-14 w-14 rounded-full bg-f1-background-warning",
+      className: "relative h-10 w-10 rounded-full bg-f1-background-warning",
       initial: { opacity: 0, scale: 0.8 },
       animate: { opacity: 1, scale: 1 },
       exit: { opacity: 0, scale: 0.5 },
@@ -26235,7 +26235,7 @@ const ap = {
       initial: { opacity: 0, scale: 0.5 },
       animate: { opacity: 1, scale: 1 },
       exit: { opacity: 0, scale: 0.5 },
-      className: "relative",
+      className: "relative h-10 w-10",
       transition: {
         scale: {
           type: "spring",
@@ -26255,13 +26255,13 @@ const ap = {
             type: "rounded",
             name: [t, e],
             src: n,
-            size: "xl",
+            size: "lg",
             color: "random",
             "aria-label": i,
             "aria-labelledby": r
           }
         ),
-        s ? /* @__PURE__ */ f("div", { className: "absolute -bottom-1 -right-1 inline-flex rounded-sm bg-f1-background", children: /* @__PURE__ */ f(
+        s ? /* @__PURE__ */ f("div", { className: "absolute -bottom-1.5 -right-1.5 inline-flex rounded-sm bg-f1-background", children: /* @__PURE__ */ f(
           Jn,
           {
             variant: "neutral",
@@ -26289,7 +26289,7 @@ const ap = {
               opacity: { delay: 0.25 },
               scale: { delay: 0.25 }
             },
-            className: "absolute -bottom-1 -right-1 rounded-sm bg-f1-background",
+            className: "absolute -bottom-1.5 -right-1.5 rounded-sm bg-f1-background",
             children: /* @__PURE__ */ f(
               he,
               {
@@ -28949,16 +28949,12 @@ const AV = (t) => "date" in t, OV = {
                         onClick: (h) => {
                           h.stopPropagation(), c();
                         },
+                        onKeyDown: (h) => {
+                          (h.key === "Enter" || h.key === " ") && c();
+                        },
                         role: "button",
                         "aria-label": l.actions.clear,
-                        children: /* @__PURE__ */ f(
-                          ve,
-                          {
-                            icon: Ra,
-                            className: "text-f1-icon-secondary transition-colors hover:text-f1-icon",
-                            size: "md"
-                          }
-                        )
+                        children: /* @__PURE__ */ f(ve, { icon: Ra, size: "md", color: "secondary" })
                       }
                     )
                   ]
@@ -29015,14 +29011,17 @@ const AV = (t) => "date" in t, OV = {
                           onClick: (h) => {
                             h.stopPropagation(), c();
                           },
+                          onKeyDown: (h) => {
+                            (h.key === "Enter" || h.key === " ") && c();
+                          },
                           role: "button",
                           "aria-label": l.actions.clear,
                           children: /* @__PURE__ */ f(
                             ve,
                             {
                               icon: Ra,
-                              className: "text-f1-icon-secondary transition-colors hover:text-f1-icon",
-                              size: "md"
+                              size: "md",
+                              color: "secondary"
                             }
                           )
                         }