@refraction-ui/react 0.18.1 → 0.18.3

package/dist/index.js

@@ -8358,7 +8358,7 @@ function MessageRow({
           "div",
           { className: "flex items-baseline gap-2" },
           h2("span", { className: "text-sm font-semibold" }, message.author.name),
-          h2("span", { className: "text-xs text-muted-foreground", title: message.timestamp.toLocaleString() }, formatTimestamp(message.timestamp)),
+          h2("span", { className: "text-xs text-muted-foreground", title: message.timestamp.toISOString() }, formatTimestamp(message.timestamp)),
           message.edited ? h2("span", { className: "text-xs text-muted-foreground" }, "(edited)") : null
         ),
         inner
@@ -8372,7 +8372,7 @@ function MessageRow({
       "div",
       { className: "flex items-baseline gap-2" },
       message.edited ? h2("span", { className: "text-xs text-muted-foreground" }, "(edited)") : null,
-      h2("span", { className: "text-xs text-muted-foreground", title: message.timestamp.toLocaleString() }, formatTimestamp(message.timestamp)),
+      h2("span", { className: "text-xs text-muted-foreground", title: message.timestamp.toISOString() }, formatTimestamp(message.timestamp)),
       h2("span", { className: "text-sm font-semibold" }, message.author.name)
     ),
     h2("div", { className: "mt-0.5 flex max-w-[80%] flex-col items-end" }, inner)
@@ -9786,25 +9786,47 @@ function DropdownMenu({
 }
 DropdownMenu.displayName = "DropdownMenu";
 var DropdownMenuTrigger = React23.forwardRef(
-  ({ onClick, children, ...props }, ref) => {
+  ({ asChild = false, onClick, children, ...props }, ref) => {
     const { open, onOpenChange, contentId } = useDropdownMenuContext();
     const handleClick = (e) => {
       onOpenChange(!open);
       onClick?.(e);
     };
-    return React23.createElement(
-      "button",
-      {
-        ref,
-        type: "button",
-        "aria-expanded": open,
-        "aria-controls": contentId,
-        "aria-haspopup": "menu",
-        onClick: handleClick,
-        ...props
-      },
-      children
-    );
+    const triggerProps = {
+      type: "button",
+      "aria-expanded": open,
+      "aria-controls": contentId,
+      "aria-haspopup": "menu",
+      onClick: handleClick,
+      ...props
+    };
+    if (asChild) {
+      if (!React23.isValidElement(children)) {
+        devWarn(
+          "dropdown-menu-trigger-asChild-child",
+          "DropdownMenuTrigger: `asChild` expects a single React element child; rendering nothing."
+        );
+        return null;
+      }
+      const child = children;
+      const childOnClick = child.props.onClick;
+      const childRef = child.ref;
+      const mergedProps = {
+        ...triggerProps,
+        onClick: (e) => {
+          childOnClick?.(e);
+          if (!e.defaultPrevented) handleClick(e);
+        },
+        ref: (node) => {
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+          if (typeof childRef === "function") childRef(node);
+          else if (childRef) childRef.current = node;
+        }
+      };
+      return React23.cloneElement(child, mergedProps);
+    }
+    return React23.createElement("button", { ref, ...triggerProps }, children);
   }
 );
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
@@ -9998,12 +10020,14 @@ var feedbackDialogVariants = cva({
 // ../react-feedback-dialog/dist/index.js
 function FeedbackDialog({
   open: controlledOpen,
+  defaultOpen = false,
   onOpenChange,
   onSubmit,
   type = "general",
-  className
+  className,
+  children
 }) {
-  const [open, setOpen] = React23.useState(controlledOpen ?? false);
+  const [open, setOpen] = React23.useState(controlledOpen ?? defaultOpen);
   const [comment, setComment] = React23.useState("");
   const [email, setEmail] = React23.useState("");
   const [honeypot, setHoneypot] = React23.useState("");
@@ -10048,73 +10072,97 @@ function FeedbackDialog({
     setIsSubmitting(false);
     setIsSubmitted(false);
   }, []);
-  if (!isOpen) return null;
   const api = apiRef.current;
+  const trigger = React23.isValidElement(children) ? (() => {
+    const child = children;
+    const childOnClick = child.props.onClick;
+    const childRef = child.ref;
+    return React23.cloneElement(child, {
+      onClick: (e) => {
+        childOnClick?.(e);
+        if (!e.defaultPrevented) handleOpenChange(true);
+      },
+      ref: (node) => {
+        if (typeof childRef === "function") childRef(node);
+        else if (childRef) childRef.current = node;
+      }
+    });
+  })() : children;
   if (isSubmitted) {
     return React23.createElement(
+      React23.Fragment,
+      null,
+      trigger,
+      React23.createElement(
+        "div",
+        {
+          className: cn(feedbackDialogVariants({ type }), className),
+          ...api.ariaProps,
+          "data-state": "submitted"
+        },
+        React23.createElement("p", { "data-testid": "success-message" }, "Thank you for your feedback!"),
+        React23.createElement(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              handleReset();
+              handleOpenChange(false);
+            }
+          },
+          "Close"
+        )
+      )
+    );
+  }
+  return React23.createElement(
+    React23.Fragment,
+    null,
+    trigger,
+    isOpen ? React23.createElement(
       "div",
       {
         className: cn(feedbackDialogVariants({ type }), className),
         ...api.ariaProps,
-        "data-state": "submitted"
+        "data-state": "open"
       },
-      React23.createElement("p", { "data-testid": "success-message" }, "Thank you for your feedback!"),
+      React23.createElement("h2", { id: `${api.ariaProps.id}-title` }, "Send Feedback"),
+      React23.createElement("textarea", {
+        "aria-label": "Feedback comment",
+        value: comment,
+        onChange: (e) => setComment(e.target.value),
+        placeholder: "Your feedback...",
+        disabled: isSubmitting
+      }),
+      React23.createElement("input", {
+        type: "email",
+        "aria-label": "Email",
+        value: email,
+        onChange: (e) => setEmail(e.target.value),
+        placeholder: "Email (optional)",
+        disabled: isSubmitting
+      }),
+      // Honeypot field — hidden from real users
+      React23.createElement("input", {
+        type: "text",
+        "aria-hidden": true,
+        tabIndex: -1,
+        style: { position: "absolute", left: "-9999px" },
+        value: honeypot,
+        onChange: (e) => setHoneypot(e.target.value),
+        autoComplete: "off",
+        name: "website"
+      }),
       React23.createElement(
         "button",
         {
           type: "button",
-          onClick: () => {
-            handleReset();
-            handleOpenChange(false);
-          }
+          onClick: handleSubmit,
+          disabled: isSubmitting || !comment.trim()
         },
-        "Close"
+        isSubmitting ? "Submitting..." : "Submit"
       )
-    );
-  }
-  return React23.createElement(
-    "div",
-    {
-      className: cn(feedbackDialogVariants({ type }), className),
-      ...api.ariaProps,
-      "data-state": "open"
-    },
-    React23.createElement("h2", { id: `${api.ariaProps.id}-title` }, "Send Feedback"),
-    React23.createElement("textarea", {
-      "aria-label": "Feedback comment",
-      value: comment,
-      onChange: (e) => setComment(e.target.value),
-      placeholder: "Your feedback...",
-      disabled: isSubmitting
-    }),
-    React23.createElement("input", {
-      type: "email",
-      "aria-label": "Email",
-      value: email,
-      onChange: (e) => setEmail(e.target.value),
-      placeholder: "Email (optional)",
-      disabled: isSubmitting
-    }),
-    // Honeypot field — hidden from real users
-    React23.createElement("input", {
-      type: "text",
-      "aria-hidden": true,
-      tabIndex: -1,
-      style: { position: "absolute", left: "-9999px" },
-      value: honeypot,
-      onChange: (e) => setHoneypot(e.target.value),
-      autoComplete: "off",
-      name: "website"
-    }),
-    React23.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: handleSubmit,
-        disabled: isSubmitting || !comment.trim()
-      },
-      isSubmitting ? "Submitting..." : "Submit"
-    )
+    ) : null
   );
 }
 FeedbackDialog.displayName = "FeedbackDialog";
@@ -14357,7 +14405,12 @@ var SlideViewer = React23.forwardRef(
     const containerClasses = cn(slideViewerVariants({ size }), className);
     const currentSlide = slides[api.state.currentSlide];
     const slideAriaProps = api.getSlideAriaProps();
-    const handleKeyDown = createKeyboardHandler(api.keyboardHandlers);
+    function handleKeyDown(event) {
+      const handler = api.keyboardHandlers[event.key];
+      if (!handler) return;
+      handler(event);
+      rerender();
+    }
     function handlePrev() {
       api.prev();
       rerender();