@optiaxiom/proteus 0.1.3 → 0.1.5

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

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

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

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

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

@@ -1,5 +1,5 @@
-@layer optiaxiom.gg0bi8;
-@layer optiaxiom.gg0bi8 {
+@layer optiaxiom._1i20cyi;
+@layer optiaxiom._1i20cyi {
   .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-CK1fYTqC.css';
+import './../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-LRcMMJZk.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-BdDP4nOV.css';
+import './../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-DKEhAIv_.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-element/ProteusElement.js

@@ -93,8 +93,6 @@ const ProteusElement = ({
       return /* @__PURE__ */ jsx(Group, { ...resolve(element) });
     case "Heading":
       return /* @__PURE__ */ jsx(Heading, { ...resolve(element) });
-    case "Icon":
-      return /* @__PURE__ */ jsx(Box, { asChild: true, ...resolve(element), children: /* @__PURE__ */ jsx("img", {}) });
     case "IconCalendar":
       return /* @__PURE__ */ jsx(Box, { asChild: true, ...resolve(element), children: /* @__PURE__ */ jsx(IconCalendar, {}) });
     case "Image":

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

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Box, Spinner, Dialog, DialogTrigger, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogClose, Button } from '@optiaxiom/react';
 import { useState, useRef } from 'react';
 import { downloadFile } from './downloadFile.js';
@@ -9,6 +9,9 @@ function ProteusImage(props) {
   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,
@@ -31,7 +34,7 @@ function ProteusImage(props) {
         {
           alignSelf: "center",
           asChild: true,
-          display: isLoaded ? "block" : "none",
+          display: isLoaded ? "flex" : "none",
           ...props,
           children: /* @__PURE__ */ jsx(
             "a",
@@ -46,13 +49,26 @@ function ProteusImage(props) {
                 Box,
                 {
                   asChild: true,
-                  objectFit: "cover",
+                  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

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

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-question/ProteusQuestionItem.css.ts.vanilla-aFgg_KJM.css';
+import './../assets/src/proteus-question/ProteusQuestionItem.css.ts.vanilla-DKNC2TjW.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/dist/esm/schema/public-schema.json.js

@@ -687,6 +687,17 @@ var definitions = {
 		],
 		description: "Set the element's `gap` CSS property"
 	},
+	SprinkleProp_gridAutoRows: {
+		anyOf: [
+			{
+				"const": "fr"
+			},
+			{
+				$ref: "#/definitions/ProteusValue"
+			}
+		],
+		description: "Set the element's `grid-auto-rows` CSS property"
+	},
 	SprinkleProp_gridColumn: {
 		anyOf: [
 			{
@@ -2666,9 +2677,6 @@ var definitions = {
 			{
 				$ref: "#/definitions/ProteusHeading"
 			},
-			{
-				$ref: "#/definitions/ProteusIcon"
-			},
 			{
 				$ref: "#/definitions/ProteusIconCalendar"
 			},
@@ -3004,6 +3012,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -3222,6 +3233,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -3463,6 +3477,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -3681,6 +3698,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -3880,6 +3900,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -4085,6 +4108,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -4278,6 +4304,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -4673,6 +4702,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -4924,6 +4956,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -5117,6 +5152,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -5251,200 +5289,6 @@ var definitions = {
 		],
 		type: "object"
 	},
-	ProteusIcon: {
-		additionalProperties: false,
-		properties: {
-			$type: {
-				"const": "Icon"
-			},
-			alignItems: {
-				$ref: "#/definitions/SprinkleProp_alignItems"
-			},
-			alignSelf: {
-				$ref: "#/definitions/SprinkleProp_alignSelf"
-			},
-			animation: {
-				$ref: "#/definitions/SprinkleProp_animation"
-			},
-			backgroundImage: {
-				$ref: "#/definitions/SprinkleProp_backgroundImage"
-			},
-			bg: {
-				$ref: "#/definitions/SprinkleProp_bg"
-			},
-			border: {
-				$ref: "#/definitions/SprinkleProp_border"
-			},
-			borderB: {
-				$ref: "#/definitions/SprinkleProp_borderB"
-			},
-			borderColor: {
-				$ref: "#/definitions/SprinkleProp_borderColor"
-			},
-			borderL: {
-				$ref: "#/definitions/SprinkleProp_borderL"
-			},
-			borderR: {
-				$ref: "#/definitions/SprinkleProp_borderR"
-			},
-			borderT: {
-				$ref: "#/definitions/SprinkleProp_borderT"
-			},
-			color: {
-				$ref: "#/definitions/SprinkleProp_color"
-			},
-			cursor: {
-				$ref: "#/definitions/SprinkleProp_cursor"
-			},
-			display: {
-				$ref: "#/definitions/SprinkleProp_display"
-			},
-			flex: {
-				$ref: "#/definitions/SprinkleProp_flex"
-			},
-			flexDirection: {
-				$ref: "#/definitions/SprinkleProp_flexDirection"
-			},
-			flexWrap: {
-				$ref: "#/definitions/SprinkleProp_flexWrap"
-			},
-			fontFamily: {
-				$ref: "#/definitions/SprinkleProp_fontFamily"
-			},
-			fontSize: {
-				$ref: "#/definitions/SprinkleProp_fontSize"
-			},
-			fontWeight: {
-				$ref: "#/definitions/SprinkleProp_fontWeight"
-			},
-			gap: {
-				$ref: "#/definitions/SprinkleProp_gap"
-			},
-			gridColumn: {
-				$ref: "#/definitions/SprinkleProp_gridColumn"
-			},
-			gridTemplateColumns: {
-				$ref: "#/definitions/SprinkleProp_gridTemplateColumns"
-			},
-			h: {
-				$ref: "#/definitions/SprinkleProp_h"
-			},
-			justifyContent: {
-				$ref: "#/definitions/SprinkleProp_justifyContent"
-			},
-			justifyItems: {
-				$ref: "#/definitions/SprinkleProp_justifyItems"
-			},
-			m: {
-				$ref: "#/definitions/SprinkleProp_m"
-			},
-			maxH: {
-				$ref: "#/definitions/SprinkleProp_maxH"
-			},
-			maxW: {
-				$ref: "#/definitions/SprinkleProp_maxW"
-			},
-			mb: {
-				$ref: "#/definitions/SprinkleProp_mb"
-			},
-			ml: {
-				$ref: "#/definitions/SprinkleProp_ml"
-			},
-			mr: {
-				$ref: "#/definitions/SprinkleProp_mr"
-			},
-			mt: {
-				$ref: "#/definitions/SprinkleProp_mt"
-			},
-			mx: {
-				$ref: "#/definitions/SprinkleProp_mx"
-			},
-			my: {
-				$ref: "#/definitions/SprinkleProp_my"
-			},
-			objectFit: {
-				$ref: "#/definitions/SprinkleProp_objectFit"
-			},
-			overflow: {
-				$ref: "#/definitions/SprinkleProp_overflow"
-			},
-			overflowX: {
-				$ref: "#/definitions/SprinkleProp_overflowX"
-			},
-			overflowY: {
-				$ref: "#/definitions/SprinkleProp_overflowY"
-			},
-			p: {
-				$ref: "#/definitions/SprinkleProp_p"
-			},
-			pb: {
-				$ref: "#/definitions/SprinkleProp_pb"
-			},
-			pl: {
-				$ref: "#/definitions/SprinkleProp_pl"
-			},
-			placeItems: {
-				$ref: "#/definitions/SprinkleProp_placeItems"
-			},
-			pointerEvents: {
-				$ref: "#/definitions/SprinkleProp_pointerEvents"
-			},
-			pr: {
-				$ref: "#/definitions/SprinkleProp_pr"
-			},
-			pt: {
-				$ref: "#/definitions/SprinkleProp_pt"
-			},
-			px: {
-				$ref: "#/definitions/SprinkleProp_px"
-			},
-			py: {
-				$ref: "#/definitions/SprinkleProp_py"
-			},
-			rounded: {
-				$ref: "#/definitions/SprinkleProp_rounded"
-			},
-			shadow: {
-				$ref: "#/definitions/SprinkleProp_shadow"
-			},
-			size: {
-				$ref: "#/definitions/SprinkleProp_size"
-			},
-			textAlign: {
-				$ref: "#/definitions/SprinkleProp_textAlign"
-			},
-			textTransform: {
-				$ref: "#/definitions/SprinkleProp_textTransform"
-			},
-			transition: {
-				$ref: "#/definitions/SprinkleProp_transition"
-			},
-			w: {
-				$ref: "#/definitions/SprinkleProp_w"
-			},
-			whiteSpace: {
-				$ref: "#/definitions/SprinkleProp_whiteSpace"
-			},
-			z: {
-				$ref: "#/definitions/SprinkleProp_z"
-			},
-			src: {
-				anyOf: [
-					{
-						$ref: "#/definitions/ProteusValue"
-					},
-					{
-						type: "string"
-					}
-				],
-				description: "The icon source URL"
-			}
-		},
-		required: [
-			"$type"
-		],
-		type: "object"
-	},
 	ProteusIconCalendar: {
 		additionalProperties: false,
 		properties: {
@@ -5514,6 +5358,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -5704,6 +5551,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -5938,6 +5788,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -6238,6 +6091,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -6492,6 +6348,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -6819,6 +6678,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -7002,6 +6864,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -7182,6 +7047,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -7423,6 +7291,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -7634,6 +7505,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -7855,6 +7729,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},
@@ -8136,6 +8013,9 @@ var definitions = {
 			gap: {
 				$ref: "#/definitions/SprinkleProp_gap"
 			},
+			gridAutoRows: {
+				$ref: "#/definitions/SprinkleProp_gridAutoRows"
+			},
 			gridColumn: {
 				$ref: "#/definitions/SprinkleProp_gridColumn"
 			},