@optiaxiom/proteus 0.1.9 → 0.1.11

package/dist/esm/assets/src/proteus-chart/{ProteusChart.css.ts.vanilla-LRcMMJZk.css → ProteusChart.css.ts.vanilla-D33V0Us-.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1i20cyi;
-@layer optiaxiom._1i20cyi {
+@layer optiaxiom._14psyja;
+@layer optiaxiom._14psyja {
   .ProteusChart__jmlqij1 {
     border-radius: 16px;
   }

package/dist/esm/assets/src/proteus-chart/{ProteusChartTooltipContent.css.ts.vanilla-DKEhAIv_.css → ProteusChartTooltipContent.css.ts.vanilla-61AtcZEK.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1i20cyi;
-@layer optiaxiom._1i20cyi {
+@layer optiaxiom._14psyja;
+@layer optiaxiom._14psyja {
   .ProteusChartTooltipContent__1gsvq810 {
     min-width: 128px;
   }

package/dist/esm/assets/src/proteus-question/{ProteusQuestionItem.css.ts.vanilla-DKNC2TjW.css → ProteusQuestionItem.css.ts.vanilla-U4mkv5De.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1i20cyi;
-@layer optiaxiom._1i20cyi {
+@layer optiaxiom._14psyja;
+@layer optiaxiom._14psyja {
   .ProteusQuestionItem__uar8vn2 {
     background-color: var(--ax-colors-bg-page);
     border-color: var(--ax-colors-bg-page);

package/dist/esm/proteus-chart/ProteusChart-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-LRcMMJZk.css';
+import './../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-D33V0Us-.css';
 import { recipe } from '@optiaxiom/react/css-runtime';
 
 var chart = recipe({base:[{border:'1',borderColor:'border.tertiary',fontSize:'sm',p:'16'},'ProteusChart__jmlqij1','ProteusChart__jmlqij0']});

package/dist/esm/proteus-chart/ProteusChartTooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-DKEhAIv_.css';
+import './../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-61AtcZEK.css';
 import { recipe } from '@optiaxiom/react/css-runtime';
 
 var tooltip = recipe({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'grid',fontSize:'sm',gap:'6',px:'8',py:'10',rounded:'lg',shadow:'lg'},'ProteusChartTooltipContent__1gsvq810']});

package/dist/esm/proteus-document/ProteusDocumentShell.js

@@ -109,7 +109,7 @@ function ProteusDocumentShell({
                     Group,
                     {
                       bg: element.titleIcon ? "bg.page" : "transparent",
-                      gap: "8",
+                      gap: "12",
                       p: element.titleIcon ? "12" : void 0,
                       rounded: "lg",
                       children: [
@@ -120,7 +120,7 @@ function ProteusDocumentShell({
                             flex: "none",
                             justifyContent: "center",
                             rounded: "lg",
-                            size: "lg",
+                            size: "md",
                             children: /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx("img", { alt: "", src: element.titleIcon }) })
                           }
                         ),

package/dist/esm/proteus-image/ProteusImage.js

@@ -1,17 +1,13 @@
 "use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Box, Spinner, Dialog, DialogTrigger, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogClose, Button } from '@optiaxiom/react';
-import { useState, useRef } from 'react';
+import { useState } from 'react';
 import { downloadFile } from './downloadFile.js';
 
 function ProteusImage(props) {
   const [open, setOpen] = useState(false);
   const [isDownloading, setIsDownloading] = useState(false);
   const [isLoaded, setIsLoaded] = useState(false);
-  const imgRef = useRef(null);
-  if (props.objectFit === "cover") {
-    return /* @__PURE__ */ jsx(Box, { asChild: true, objectFit: "cover", overflow: "hidden", ...props, children: /* @__PURE__ */ jsx("img", { alt: props.alt, src: props.src }) });
-  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     !isLoaded && /* @__PURE__ */ jsx(
       Box,
@@ -32,51 +28,33 @@ function ProteusImage(props) {
       /* @__PURE__ */ jsx(DialogTrigger, { "aria-label": "Expand", asChild: true, children: /* @__PURE__ */ jsx(
         Box,
         {
-          alignSelf: "center",
           asChild: true,
+          cursor: "pointer",
           display: isLoaded ? "flex" : "none",
-          justifyContent: "center",
+          objectFit: "contain",
+          overflow: "hidden",
+          rounded: "inherit",
+          size: "full",
           ...props,
           children: /* @__PURE__ */ jsx(
-            "a",
+            "img",
             {
-              href: props.src,
-              onClick: (event) => {
-                event.preventDefault();
-                setOpen(true);
+              alt: props.alt,
+              draggable: true,
+              onDragStart: (event) => {
+                event.stopPropagation();
+                event.dataTransfer.effectAllowed = "copy";
+                event.dataTransfer.setData(
+                  "opal-chat-dnd-data",
+                  JSON.stringify({
+                    link: props.src,
+                    mime_type: "image/*",
+                    name: props.src?.split("/").pop()
+                  })
+                );
               },
-              type: "",
-              children: /* @__PURE__ */ jsx(
-                Box,
-                {
-                  asChild: true,
-                  objectFit: "contain",
-                  overflow: "hidden",
-                  rounded: "inherit",
-                  children: /* @__PURE__ */ jsx(
-                    "img",
-                    {
-                      alt: props.alt,
-                      draggable: true,
-                      onDragStart: (event) => {
-                        event.stopPropagation();
-                        event.dataTransfer.effectAllowed = "copy";
-                        event.dataTransfer.setData(
-                          "opal-chat-dnd-data",
-                          JSON.stringify({
-                            link: props.src,
-                            mime_type: "image/*",
-                            name: props.src?.split("/").pop()
-                          })
-                        );
-                      },
-                      onLoad: () => setIsLoaded(true),
-                      ref: imgRef,
-                      src: props.src
-                    }
-                  )
-                }
-              )
+              onLoad: () => setIsLoaded(true),
+              src: props.src
             }
           )
         }

package/dist/esm/proteus-question/ProteusQuestionItem-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-question/ProteusQuestionItem.css.ts.vanilla-DKNC2TjW.css';
+import './../assets/src/proteus-question/ProteusQuestionItem.css.ts.vanilla-U4mkv5De.css';
 import { recipe } from '@optiaxiom/react/css-runtime';
 
 var addon = recipe({base:[{display:'grid',fontWeight:'500',placeItems:'center',rounded:'lg',size:'md',transition:'colors'},'ProteusQuestionItem__uar8vn3'],variants:{cursor:{pointer:{cursor:'pointer'}}}});

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "files": [
     "dist/**",
     "LICENSE"
@@ -34,7 +34,7 @@
     "@tanstack/react-table": "^8.0.0",
     "jsonpointer": "^5.0.1",
     "recharts": "^3.7.0",
-    "@optiaxiom/react": "1.9.21"
+    "@optiaxiom/react": "1.9.22"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",