@app-studio/web 0.9.25 → 0.9.27

package/dist/web.umd.development.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('core-js/modules/es.object.assign.js'), require('react'), require('core-js/modules/es.array.includes.js'), require('core-js/modules/es.array.iterator.js'), require('core-js/modules/es.string.includes.js'), require('core-js/modules/web.dom-collections.iterator.js'), require('core-js/modules/es.regexp.to-string.js'), require('app-studio'), require('core-js/modules/es.symbol.description.js'), require('core-js/modules/es.parse-float.js'), require('core-js/modules/es.string.trim-end.js'), require('core-js/modules/es.array-buffer.constructor.js'), require('core-js/modules/es.array-buffer.slice.js'), require('core-js/modules/es.typed-array.uint8-array.js'), require('core-js/modules/es.typed-array.fill.js'), require('core-js/modules/es.typed-array.set.js'), require('core-js/modules/es.typed-array.sort.js'), require('core-js/modules/es.typed-array.to-locale-string.js'), require('core-js/modules/web.url.js'), require('core-js/modules/web.url.to-json.js'), require('core-js/modules/web.url-search-params.js'), require('core-js/modules/es.parse-int.js'), require('react-router-dom'), require('core-js/modules/es.string.ends-with.js'), require('contrast'), require('core-js/modules/es.promise.js'), require('core-js/modules/es.array.reduce.js'), require('core-js/modules/es.number.to-fixed.js'), require('core-js/modules/es.string.starts-with.js'), require('date-fns/format'), require('core-js/modules/es.string.trim.js'), require('core-js/modules/es.regexp.constructor.js'), require('core-js/modules/es.regexp.exec.js'), require('formik'), require('core-js/modules/es.string.replace.js'), require('zustand'), require('core-js/modules/es.string.match.js'), require('core-js/modules/es.string.search.js'), require('core-js/modules/es.array.flat-map.js'), require('core-js/modules/es.array.unscopables.flat-map.js'), require('core-js/modules/es.array.sort.js')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'core-js/modules/es.object.assign.js', 'react', 'core-js/modules/es.array.includes.js', 'core-js/modules/es.array.iterator.js', 'core-js/modules/es.string.includes.js', 'core-js/modules/web.dom-collections.iterator.js', 'core-js/modules/es.regexp.to-string.js', 'app-studio', 'core-js/modules/es.symbol.description.js', 'core-js/modules/es.parse-float.js', 'core-js/modules/es.string.trim-end.js', 'core-js/modules/es.array-buffer.constructor.js', 'core-js/modules/es.array-buffer.slice.js', 'core-js/modules/es.typed-array.uint8-array.js', 'core-js/modules/es.typed-array.fill.js', 'core-js/modules/es.typed-array.set.js', 'core-js/modules/es.typed-array.sort.js', 'core-js/modules/es.typed-array.to-locale-string.js', 'core-js/modules/web.url.js', 'core-js/modules/web.url.to-json.js', 'core-js/modules/web.url-search-params.js', 'core-js/modules/es.parse-int.js', 'react-router-dom', 'core-js/modules/es.string.ends-with.js', 'contrast', 'core-js/modules/es.promise.js', 'core-js/modules/es.array.reduce.js', 'core-js/modules/es.number.to-fixed.js', 'core-js/modules/es.string.starts-with.js', 'date-fns/format', 'core-js/modules/es.string.trim.js', 'core-js/modules/es.regexp.constructor.js', 'core-js/modules/es.regexp.exec.js', 'formik', 'core-js/modules/es.string.replace.js', 'zustand', 'core-js/modules/es.string.match.js', 'core-js/modules/es.string.search.js', 'core-js/modules/es.array.flat-map.js', 'core-js/modules/es.array.unscopables.flat-map.js', 'core-js/modules/es.array.sort.js'], factory) :
-  (global = global || self, factory(global['@app-studio/web'] = {}, null, global.React, null, null, null, null, null, global.appStudio, null, null, null, null, null, null, null, null, null, null, null, null, null, null, global.reactRouterDom, null, global.contrast, null, null, null, null, global.format, null, null, null, global.formik, null, global.zustand));
-}(this, (function (exports, es_object_assign_js, React, es_array_includes_js, es_array_iterator_js, es_string_includes_js, web_domCollections_iterator_js, es_regexp_toString_js, appStudio, es_symbol_description_js, es_parseFloat_js, es_string_trimEnd_js, es_arrayBuffer_constructor_js, es_arrayBuffer_slice_js, es_typedArray_uint8Array_js, es_typedArray_fill_js, es_typedArray_set_js, es_typedArray_sort_js, es_typedArray_toLocaleString_js, web_url_js, web_url_toJson_js, web_urlSearchParams_js, es_parseInt_js, reactRouterDom, es_string_endsWith_js, contrast, es_promise_js, es_array_reduce_js, es_number_toFixed_js, es_string_startsWith_js, format, es_string_trim_js, es_regexp_constructor_js, es_regexp_exec_js, formik, es_string_replace_js, zustand) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('core-js/modules/es.object.assign.js'), require('react'), require('core-js/modules/es.array.includes.js'), require('core-js/modules/es.array.iterator.js'), require('core-js/modules/es.string.includes.js'), require('core-js/modules/web.dom-collections.iterator.js'), require('core-js/modules/es.regexp.to-string.js'), require('app-studio'), require('core-js/modules/es.symbol.description.js'), require('core-js/modules/es.parse-float.js'), require('core-js/modules/es.string.trim-end.js'), require('core-js/modules/es.parse-int.js'), require('core-js/modules/es.regexp.exec.js'), require('core-js/modules/es.string.pad-start.js'), require('core-js/modules/es.string.replace.js'), require('core-js/modules/es.array-buffer.constructor.js'), require('core-js/modules/es.array-buffer.slice.js'), require('core-js/modules/es.typed-array.uint8-array.js'), require('core-js/modules/es.typed-array.fill.js'), require('core-js/modules/es.typed-array.set.js'), require('core-js/modules/es.typed-array.sort.js'), require('core-js/modules/es.typed-array.to-locale-string.js'), require('core-js/modules/web.url.js'), require('core-js/modules/web.url.to-json.js'), require('core-js/modules/web.url-search-params.js'), require('react-router-dom'), require('core-js/modules/es.string.ends-with.js'), require('contrast'), require('core-js/modules/es.promise.js'), require('core-js/modules/es.array.reduce.js'), require('core-js/modules/es.number.to-fixed.js'), require('core-js/modules/es.string.starts-with.js'), require('date-fns/format'), require('core-js/modules/es.string.trim.js'), require('core-js/modules/es.regexp.constructor.js'), require('formik'), require('zustand'), require('core-js/modules/es.promise.finally.js'), require('core-js/modules/es.string.match.js'), require('core-js/modules/es.string.search.js'), require('core-js/modules/es.array.flat-map.js'), require('core-js/modules/es.array.unscopables.flat-map.js'), require('core-js/modules/es.array.sort.js')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'core-js/modules/es.object.assign.js', 'react', 'core-js/modules/es.array.includes.js', 'core-js/modules/es.array.iterator.js', 'core-js/modules/es.string.includes.js', 'core-js/modules/web.dom-collections.iterator.js', 'core-js/modules/es.regexp.to-string.js', 'app-studio', 'core-js/modules/es.symbol.description.js', 'core-js/modules/es.parse-float.js', 'core-js/modules/es.string.trim-end.js', 'core-js/modules/es.parse-int.js', 'core-js/modules/es.regexp.exec.js', 'core-js/modules/es.string.pad-start.js', 'core-js/modules/es.string.replace.js', 'core-js/modules/es.array-buffer.constructor.js', 'core-js/modules/es.array-buffer.slice.js', 'core-js/modules/es.typed-array.uint8-array.js', 'core-js/modules/es.typed-array.fill.js', 'core-js/modules/es.typed-array.set.js', 'core-js/modules/es.typed-array.sort.js', 'core-js/modules/es.typed-array.to-locale-string.js', 'core-js/modules/web.url.js', 'core-js/modules/web.url.to-json.js', 'core-js/modules/web.url-search-params.js', 'react-router-dom', 'core-js/modules/es.string.ends-with.js', 'contrast', 'core-js/modules/es.promise.js', 'core-js/modules/es.array.reduce.js', 'core-js/modules/es.number.to-fixed.js', 'core-js/modules/es.string.starts-with.js', 'date-fns/format', 'core-js/modules/es.string.trim.js', 'core-js/modules/es.regexp.constructor.js', 'formik', 'zustand', 'core-js/modules/es.promise.finally.js', 'core-js/modules/es.string.match.js', 'core-js/modules/es.string.search.js', 'core-js/modules/es.array.flat-map.js', 'core-js/modules/es.array.unscopables.flat-map.js', 'core-js/modules/es.array.sort.js'], factory) :
+  (global = global || self, factory(global['@app-studio/web'] = {}, null, global.React, null, null, null, null, null, global.appStudio, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, global.reactRouterDom, null, global.contrast, null, null, null, null, global.format, null, null, global.formik, global.zustand));
+}(this, (function (exports, es_object_assign_js, React, es_array_includes_js, es_array_iterator_js, es_string_includes_js, web_domCollections_iterator_js, es_regexp_toString_js, appStudio, es_symbol_description_js, es_parseFloat_js, es_string_trimEnd_js, es_parseInt_js, es_regexp_exec_js, es_string_padStart_js, es_string_replace_js, es_arrayBuffer_constructor_js, es_arrayBuffer_slice_js, es_typedArray_uint8Array_js, es_typedArray_fill_js, es_typedArray_set_js, es_typedArray_sort_js, es_typedArray_toLocaleString_js, web_url_js, web_url_toJson_js, web_urlSearchParams_js, reactRouterDom, es_string_endsWith_js, contrast, es_promise_js, es_array_reduce_js, es_number_toFixed_js, es_string_startsWith_js, format, es_string_trim_js, es_regexp_constructor_js, formik, zustand) { 'use strict';
 
   var React__default = 'default' in React ? React['default'] : React;
   contrast = contrast && Object.prototype.hasOwnProperty.call(contrast, 'default') ? contrast['default'] : contrast;
@@ -495,8 +495,31 @@
     black: '900'
   };
 
+  var getTextColorHex = backgroundColor => {
+    // Simple luminance calculation to determine text color contrast
+    var color = backgroundColor.replace('#', '');
+    var r = parseInt(color.substring(0, 2), 16);
+    var g = parseInt(color.substring(2, 4), 16);
+    var b = parseInt(color.substring(4, 6), 16);
+    var luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+    return luminance > 0.4 ? 'black' : 'white';
+  };
+  var getTextColor = backgroundColor => {
+    // Use complementary color for better contrast and return as hex
+    var color = backgroundColor.replace('#', '');
+    var r = parseInt(color.substring(0, 2), 16);
+    var g = parseInt(color.substring(2, 4), 16);
+    var b = parseInt(color.substring(4, 6), 16);
+    // Calculate the complementary color
+    var complementR = (255 - r).toString(16).padStart(2, '0');
+    var complementG = (255 - g).toString(16).padStart(2, '0');
+    var complementB = (255 - b).toString(16).padStart(2, '0');
+    // Return the color in hex format
+    return getTextColorHex("#" + complementR + complementG + complementB);
+  };
+
   var _excluded$2 = ["text", "maxLines", "views"],
-    _excluded2$1 = ["children", "heading", "maxLines", "isItalic", "isUnderlined", "isSub", "isSup", "isStriked", "weight", "size", "views"];
+    _excluded2$1 = ["children", "heading", "maxLines", "isItalic", "isUnderlined", "isSub", "isSup", "isStriked", "weight", "size", "backgroundColor", "color", "views"];
   /**
    * Renders text content with support for subscript and superscript
    */
@@ -611,6 +634,8 @@
         isStriked = false,
         weight = 'normal',
         size = 'md',
+        backgroundColor,
+        color,
         views
       } = _ref3,
       props = _objectWithoutPropertiesLoose(_ref3, _excluded2$1);
@@ -624,6 +649,7 @@
     var fontSize = FontSizes[size];
     var lineHeight = LineHeights[size];
     var fontWeight = FontWeights[weight];
+    var computedColor = color != null ? color : backgroundColor ? getTextColor(backgroundColor) : undefined;
     return /*#__PURE__*/React__default.createElement(appStudio.Element
     // Apply typography styles according to design guidelines
     , Object.assign({
@@ -633,7 +659,8 @@
       fontStyle: isItalic ? 'italic' : 'normal',
       fontWeight: fontWeight,
       letterSpacing: "-0.01em",
-      textDecoration: isStriked ? 'line-through' : isUnderlined ? 'underline' : 'none'
+      textDecoration: isStriked ? 'line-through' : isUnderlined ? 'underline' : 'none',
+      color: computedColor
     }, noLineBreak, headingStyles, props, views == null ? void 0 : views.container), maxLines && typeof children === 'string' ? (/*#__PURE__*/React__default.createElement(TruncateText, {
       text: children,
       maxLines: maxLines
@@ -4595,11 +4622,15 @@
         return 50;
       })();
       var path = generateOffsetPath(numericWidth, numericHeight, numericBorderRadius);
+      // Determine background color from props or use mainTone
+      var containerBg = mainTone;
+      // Calculate text color with proper contrast
+      var borderMovingTextColor = tone === 'light' ? '#000000' : '#FFFFFF';
       return /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({
         width: numericWidth,
         height: numericHeight,
         position: "relative",
-        backgroundColor: "black",
+        backgroundColor: containerBg,
         overflow: "hidden",
         borderRadius: ButtonShapes[shape],
         cursor: isDisabled ? 'default' : 'pointer',
@@ -4610,7 +4641,8 @@
         style: {
           position: 'absolute',
           top: 0,
-          left: 0
+          left: 0,
+          zIndex: 1
         }
       }, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("linearGradient", {
         id: "circleGradient",
@@ -4644,21 +4676,23 @@
         path: path
       }))), /*#__PURE__*/React__default.createElement(appStudio.View, {
         position: "absolute",
-        backgroundColor: "black",
+        backgroundColor: containerBg,
         borderRadius: Math.max(0, numericBorderRadius - 1),
         top: borderWidth,
         bottom: borderWidth,
         left: borderWidth,
-        right: borderWidth
+        right: borderWidth,
+        zIndex: 2
       }), /*#__PURE__*/React__default.createElement(appStudio.View, {
+        position: "relative",
         width: "100%",
         height: "100%",
-        backgroundColor: "rgba(15, 23, 42, 0.2)",
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        color: "white",
+        color: borderMovingTextColor,
         fontSize: 14,
+        zIndex: 3,
         style: {
           cursor: 'pointer'
         }
@@ -18824,13 +18858,7 @@
         item: item,
         views: views
       });
-    }),  (/*#__PURE__*/React__default.createElement("div", {
-      style: {
-        fontSize: '10px',
-        opacity: 0.7,
-        padding: '4px'
-      }
-    }, "Placement: ", optimalPosition.placement, relation && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("br", null), "Space: ", relation.space.vertical, "-", relation.space.horizontal)))));
+    }));
   };
   // DropdownMenu Item component
   var DropdownMenuItem = _ref4 => {
@@ -22853,6 +22881,147 @@
   var Separator = SeparatorComponent;
   var Divider = SeparatorComponent;
 
+  var _excluded$18 = ["isSupported", "isSharing", "onShare", "label", "children", "icon", "size", "isDisabled", "isLoading", "iconPosition", "disableWhenUnsupported"];
+  var ICON_SIZE_MAP = {
+    xs: 12,
+    sm: 14,
+    md: 16,
+    lg: 18,
+    xl: 20
+  };
+  var ShareButtonView = _ref => {
+    var _ref2;
+    var {
+        isSupported,
+        isSharing,
+        onShare,
+        label,
+        children,
+        icon,
+        size,
+        isDisabled,
+        isLoading,
+        iconPosition,
+        disableWhenUnsupported = true
+      } = _ref,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$18);
+    var resolvedSize = size != null ? size : 'md';
+    var resolvedIcon = icon != null ? icon : (/*#__PURE__*/React__default.createElement(ShareIcon, {
+      widthHeight: ICON_SIZE_MAP[resolvedSize],
+      strokeWidth: 1.5,
+      filled: false
+    }));
+    var shouldDisable = Boolean(isDisabled) || !isSupported && disableWhenUnsupported;
+    var shouldShowLoader = Boolean(isLoading) || isSharing;
+    return /*#__PURE__*/React__default.createElement(Button, Object.assign({}, rest, {
+      size: resolvedSize,
+      icon: resolvedIcon,
+      iconPosition: iconPosition != null ? iconPosition : 'left',
+      isDisabled: shouldDisable,
+      isLoading: shouldShowLoader,
+      onClick: onShare
+    }), (_ref2 = children != null ? children : label) != null ? _ref2 : 'Share');
+  };
+
+  var getNavigator = () => typeof navigator === 'undefined' ? undefined : navigator;
+  var canShareData = (nav, data) => {
+    if (!nav || typeof nav.share !== 'function') {
+      return false;
+    }
+    if (typeof nav.canShare === 'function') {
+      try {
+        return nav.canShare(data);
+      } catch (_unused) {
+        return false;
+      }
+    }
+    return true;
+  };
+  var getErrorName = error => {
+    if (typeof error === 'object' && error !== null && 'name' in error) {
+      return String(error.name);
+    }
+    return undefined;
+  };
+  var useShareButton = props => {
+    var {
+      shareData,
+      onClick,
+      onUnsupported,
+      onShareStart,
+      onShareSuccess,
+      onShareCancel,
+      onShareError
+    } = props;
+    var [isSharing, setIsSharing] = React__default.useState(false);
+    var isSupported = React__default.useMemo(() => canShareData(getNavigator(), shareData), [shareData]);
+    var handleShare = React__default.useCallback(function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      onClick == null || onClick(...args);
+      var nav = getNavigator();
+      if (!nav || typeof nav.share !== 'function') {
+        onUnsupported == null || onUnsupported();
+        return;
+      }
+      if (isSharing) {
+        return;
+      }
+      if (typeof nav.canShare === 'function') {
+        try {
+          if (!nav.canShare(shareData)) {
+            onUnsupported == null || onUnsupported();
+            return;
+          }
+        } catch (error) {
+          onShareError == null || onShareError(error);
+          return;
+        }
+      }
+      setIsSharing(true);
+      onShareStart == null || onShareStart();
+      try {
+        void nav.share(shareData).then(() => {
+          onShareSuccess == null || onShareSuccess();
+        }).catch(error => {
+          var errorName = getErrorName(error);
+          if (errorName === 'AbortError') {
+            onShareCancel == null || onShareCancel();
+            return;
+          }
+          onShareError == null || onShareError(error);
+        }).finally(() => {
+          setIsSharing(false);
+        });
+      } catch (error) {
+        setIsSharing(false);
+        onShareError == null || onShareError(error);
+      }
+    }, [isSharing, onClick, onShareCancel, onShareError, onShareStart, onShareSuccess, onUnsupported, shareData]);
+    return {
+      isSupported,
+      isSharing,
+      handleShare
+    };
+  };
+
+  var _excluded$19 = ["shareData", "onShareStart", "onShareSuccess", "onShareCancel", "onShareError", "onUnsupported", "onClick"];
+  var ShareButtonComponent = props => {
+    var {
+      isSupported,
+      isSharing,
+      handleShare
+    } = useShareButton(props);
+    var viewProps = _objectWithoutPropertiesLoose(props, _excluded$19);
+    return /*#__PURE__*/React__default.createElement(ShareButtonView, Object.assign({}, viewProps, {
+      isSupported: isSupported,
+      isSharing: isSharing,
+      onShare: handleShare
+    }));
+  };
+  var ShareButton = ShareButtonComponent;
+
   var getThemes$2 = themeMode => {
     return {
       default: {
@@ -22898,7 +23067,7 @@
     };
   };
 
-  var _excluded$18 = ["label", "status", "views", "themeMode"];
+  var _excluded$1a = ["label", "status", "views", "themeMode"];
   var StatusIndicatorView = _ref => {
     var {
         label,
@@ -22906,7 +23075,7 @@
         views,
         themeMode: elementMode
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$18);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
     var {
       themeMode
     } = appStudio.useTheme();
@@ -23099,7 +23268,7 @@
     bounce: 'width 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55), transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55)'
   };
 
-  var _excluded$19 = ["children", "showToggleButton", "views"],
+  var _excluded$1b = ["children", "showToggleButton", "views"],
     _excluded2$g = ["children", "views"],
     _excluded3$a = ["children", "views"],
     _excluded4$9 = ["children", "position", "size", "variant", "fixed", "hasBackdrop", "expandedWidth", "collapsedWidth", "breakpointBehavior", "elevation", "transitionPreset", "ariaLabel", "isExpanded", "isMobile", "collapse", "views", "themeMode"];
@@ -23132,7 +23301,7 @@
         showToggleButton = true,
         views
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded$19);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded$1b);
     var {
       isExpanded,
       toggleExpanded,
@@ -23287,7 +23456,7 @@
     }))));
   };
 
-  var _excluded$1a = ["children", "position", "size", "variant", "defaultExpanded", "expanded", "onExpandedChange", "fixed", "hasBackdrop", "showToggleButton", "expandedWidth", "collapsedWidth", "breakpoint", "breakpointBehavior", "views"];
+  var _excluded$1c = ["children", "position", "size", "variant", "defaultExpanded", "expanded", "onExpandedChange", "fixed", "hasBackdrop", "showToggleButton", "expandedWidth", "collapsedWidth", "breakpoint", "breakpointBehavior", "views"];
   /**
    * Sidebar component for creating collapsible, themeable and customizable sidebars.
    */
@@ -23309,7 +23478,7 @@
         breakpointBehavior = 'overlay',
         views
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
     var {
       isExpanded,
       toggleExpanded,
@@ -23774,7 +23943,7 @@
     }
   };
 
-  var _excluded$1b = ["children", "id", "defaultSize", "minSize", "maxSize", "collapsible", "defaultCollapsed", "onCollapseChange", "views"],
+  var _excluded$1d = ["children", "id", "defaultSize", "minSize", "maxSize", "collapsible", "defaultCollapsed", "onCollapseChange", "views"],
     _excluded2$h = ["id", "position", "disabled", "withVisualIndicator", "withCollapseButton", "collapseTarget", "views"],
     _excluded3$b = ["children", "orientation", "size", "variant", "defaultSizes", "minSize", "maxSize", "collapsible", "containerRef", "autoSaveId", "views"];
   // Create context for the Resizable component
@@ -23819,7 +23988,7 @@
         onCollapseChange,
         views
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded$1b);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded$1d);
     var {
       orientation,
       registerPanel,
@@ -24034,7 +24203,7 @@
     }, ResizableOrientations[orientation], views == null ? void 0 : views.container, props), children);
   };
 
-  var _excluded$1c = ["children", "orientation", "size", "variant", "defaultSizes", "onSizesChange", "minSize", "maxSize", "collapsible", "autoSaveId", "storage", "keyboardResizeBy", "views"];
+  var _excluded$1e = ["children", "orientation", "size", "variant", "defaultSizes", "onSizesChange", "minSize", "maxSize", "collapsible", "autoSaveId", "storage", "keyboardResizeBy", "views"];
   /**
    * Resizable component for creating resizable panel groups and layouts.
    */
@@ -24054,7 +24223,7 @@
         keyboardResizeBy = 10,
         views
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1c);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
     var {
       isResizing,
       setIsResizing,
@@ -24822,7 +24991,7 @@
     color: 'color.gray.500'
   };
 
-  var _excluded$1d = ["value", "onValueChange", "placeholder", "views"],
+  var _excluded$1f = ["value", "onValueChange", "placeholder", "views"],
     _excluded2$i = ["children", "views"],
     _excluded3$c = ["heading", "children", "views"],
     _excluded4$a = ["item", "selected", "onSelect", "views"],
@@ -24854,7 +25023,7 @@
         placeholder = 'Type a command or search...',
         views
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded$1d);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded$1f);
     var inputRef = React.useRef(null);
     // Focus input when component mounts
     React__default.useEffect(() => {
@@ -25037,7 +25206,7 @@
     })))), footer && (/*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, CommandFooterStyles, views == null ? void 0 : views.footer), footer)))));
   };
 
-  var _excluded$1e = ["open", "onOpenChange", "groups", "commands", "placeholder", "size", "variant", "filter", "emptyState", "footer", "views"];
+  var _excluded$1g = ["open", "onOpenChange", "groups", "commands", "placeholder", "size", "variant", "filter", "emptyState", "footer", "views"];
   /**
    * Command component for displaying a command palette with search functionality.
    */
@@ -25055,7 +25224,7 @@
         footer,
         views
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
     var {
       search,
       setSearch,
@@ -25283,7 +25452,7 @@
     }
   };
 
-  var _excluded$1f = ["children", "views", "asChild"],
+  var _excluded$1h = ["children", "views", "asChild"],
     _excluded2$j = ["children", "views"],
     _excluded3$d = ["content", "children", "position", "align", "size", "variant", "showArrow", "views", "themeMode"];
   // Create context for the Tooltip
@@ -25319,7 +25488,7 @@
         views,
         asChild = false
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded$1f);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded$1h);
     var {
       openTooltip,
       closeTooltip,
@@ -25500,16 +25669,10 @@
       borderRadius: 4,
       boxShadow: "0px 2px 8px rgba(0, 0, 0, 0.15)",
       style: positionStyles
-    }, TooltipSizes[size], TooltipVariants[variant], views == null ? void 0 : views.content), typeof content === 'string' ? (/*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, views == null ? void 0 : views.text), content)) : content, showArrow && /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, arrowStyles, views == null ? void 0 : views.arrow)),  (/*#__PURE__*/React__default.createElement("div", {
-      style: {
-        fontSize: '8px',
-        opacity: 0.7,
-        marginTop: '2px'
-      }
-    }, "Placement: ", optimalPosition.placement, relation && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("br", null), "Space: ", relation.space.vertical, "-", relation.space.horizontal)))))));
+    }, TooltipSizes[size], TooltipVariants[variant], views == null ? void 0 : views.content), typeof content === 'string' ? (/*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, views == null ? void 0 : views.text), content)) : content, showArrow && /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, arrowStyles, views == null ? void 0 : views.arrow)))));
   };
 
-  var _excluded$1g = ["content", "children", "position", "align", "size", "variant", "openDelay", "closeDelay", "showArrow", "defaultOpen", "isDisabled", "views"];
+  var _excluded$1i = ["content", "children", "position", "align", "size", "variant", "openDelay", "closeDelay", "showArrow", "defaultOpen", "isDisabled", "views"];
   /**
    * Tooltip component for displaying additional information when hovering over an element.
    * Supports configurable positions, delays, and styling.
@@ -25529,7 +25692,7 @@
         isDisabled = false,
         views
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1g);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
     var tooltipState = useTooltipState({
       defaultOpen,
       openDelay,
@@ -26002,7 +26165,7 @@
     }
   };
 
-  var _excluded$1h = ["children", "views", "baseId"],
+  var _excluded$1j = ["children", "views", "baseId"],
     _excluded2$k = ["value", "disabled", "icon", "children", "views", "style", "draggable"],
     _excluded3$e = ["children", "onClick", "onToggleExpand", "hasChildren", "expanded", "icon", "disabled", "isSelected", "isDragging", "size", "variant", "views"],
     _excluded4$b = ["children", "views"];
@@ -26038,7 +26201,7 @@
         baseId
         // themeMode, // If 'app-studio' ViewProps supports themeMode
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded$1h);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded$1j);
     var {
       allowDragAndDrop,
       handleDrop,
@@ -26318,7 +26481,7 @@
     }))));
   };
 
-  var _excluded$1i = ["children", "items", "size", "variant", "defaultExpandedItems", "expandedItems", "onExpandedItemsChange", "defaultSelectedItem", "selectedItem", "onItemSelect", "multiSelect", "allowDragAndDrop", "dragHandleIcon", "onItemsReorder", "onDragStart", "onDragEnd", "views"];
+  var _excluded$1k = ["children", "items", "size", "variant", "defaultExpandedItems", "expandedItems", "onExpandedItemsChange", "defaultSelectedItem", "selectedItem", "onItemSelect", "multiSelect", "allowDragAndDrop", "dragHandleIcon", "onItemsReorder", "onDragStart", "onDragEnd", "views"];
   /**
    * Tree component for displaying hierarchical data.
    * Supports both compound component pattern (using Tree.Item, Tree.ItemLabel, Tree.ItemContent)
@@ -26387,7 +26550,7 @@
         views // Global views configuration
         // Remaining ViewProps for the root TreeView container
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1i);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
     var treeState = useTreeState({
       defaultExpandedItems,
       expandedItems,
@@ -26960,7 +27123,7 @@
     }
   };
 
-  var _excluded$1j = ["node", "onSelect", "isSelected", "isDragging", "onDragStart", "onDrag", "onDragEnd", "size", "variant", "views"],
+  var _excluded$1l = ["node", "onSelect", "isSelected", "isDragging", "onDragStart", "onDrag", "onDragEnd", "size", "variant", "views"],
     _excluded2$l = ["onZoomIn", "onZoomOut", "onReset", "views"],
     _excluded3$f = ["onClick", "views"],
     _excluded4$c = ["nodes", "edges", "selectedNodeId", "draggedNodeId", "onNodeSelect", "onAddNode", "onNodeDragStart", "onNodeDrag", "onNodeDragEnd", "size", "variant", "direction", "showControls", "allowAddingNodes", "allowDraggingNodes", "views", "baseId", "viewport", "onZoomIn", "onZoomOut", "onReset", "onViewportChange"];
@@ -26976,7 +27139,7 @@
         variant = 'default',
         views
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1j);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
     var handleClick = () => {
       if (onSelect) {
         onSelect(node.id);
@@ -27623,7 +27786,7 @@
     }, "Zoom: ", Math.round(viewport.zoom * 100), "%")));
   };
 
-  var _excluded$1k = ["children", "nodes", "edges", "size", "variant", "direction", "showControls", "allowAddingNodes", "allowDraggingNodes", "onNodesChange", "onEdgesChange", "onNodeSelect", "onNodeAdd", "onNodeDragStart", "onNodeDrag", "onNodeDragEnd", "selectedNodeId", "initialViewport", "viewport", "onViewportChange", "views"];
+  var _excluded$1m = ["children", "nodes", "edges", "size", "variant", "direction", "showControls", "allowAddingNodes", "allowDraggingNodes", "onNodesChange", "onEdgesChange", "onNodeSelect", "onNodeAdd", "onNodeDragStart", "onNodeDrag", "onNodeDragEnd", "selectedNodeId", "initialViewport", "viewport", "onViewportChange", "views"];
   /**
    * Flow component for creating workflow diagrams.
    *
@@ -27680,7 +27843,7 @@
         onViewportChange,
         views
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1k);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
     var flowState = useFlowState({
       initialNodes: controlledNodes,
       initialEdges: controlledEdges,
@@ -28049,7 +28212,7 @@
     }
   };
 
-  var _excluded$1l = ["type", "direction", "shape", "position", "from", "to", "colors", "animate", "animationDuration", "children", "views", "themeMode"];
+  var _excluded$1n = ["type", "direction", "shape", "position", "from", "to", "colors", "animate", "animationDuration", "children", "views", "themeMode"];
   var GradientView = _ref => {
     var {
         type = 'linear',
@@ -28065,7 +28228,7 @@
         views,
         themeMode: elementMode
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1l);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
     var {
       getColor,
       themeMode
@@ -28141,7 +28304,7 @@
     return /*#__PURE__*/React__default.createElement(GradientView, Object.assign({}, props));
   };
 
-  var _excluded$1m = ["children", "showRadialGradient", "views", "themeMode"],
+  var _excluded$1o = ["children", "showRadialGradient", "views", "themeMode"],
     _excluded2$m = ["number", "children"],
     _excluded3$g = ["rows", "cols", "squareSize"],
     _excluded4$d = ["count", "colors", "speed", "shapes"],
@@ -28162,7 +28325,7 @@
         showRadialGradient = true,
         views
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1m);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
     var gradientColors = {
       white: 'rgba(255,255,255,1)',
       transparent: 'rgba(255,255,255,0)'
@@ -29062,7 +29225,7 @@
     }, step.label))))));
   };
 
-  var _excluded$1n = ["placeholder", "showTimestamps", "showAvatars", "showTypingIndicator", "autoScroll", "enableFileUpload", "enableAudioRecording", "enableVideoRecording", "views", "containerProps", "colorScheme", "compact", "rounded", "ariaLabel", "ariaDescribedBy", "messages", "currentSession", "isLoading", "isTyping", "error", "inputValue", "selectedFiles", "sessionId", "sendMessage", "setInputValue", "handleFileSelect", "removeFile", "messagesEndRef", "setError", "setSelectedFiles"];
+  var _excluded$1p = ["placeholder", "showTimestamps", "showAvatars", "showTypingIndicator", "autoScroll", "enableFileUpload", "enableAudioRecording", "enableVideoRecording", "views", "containerProps", "colorScheme", "compact", "rounded", "ariaLabel", "ariaDescribedBy", "messages", "currentSession", "isLoading", "isTyping", "error", "inputValue", "selectedFiles", "sessionId", "sendMessage", "setInputValue", "handleFileSelect", "removeFile", "messagesEndRef", "setError", "setSelectedFiles"];
   /**
    * AgentChat View Component
    *
@@ -29102,7 +29265,7 @@
         setError,
         setSelectedFiles
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1n);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
     /**
      * Auto-scroll to bottom when new messages arrive
      */
@@ -30243,7 +30406,7 @@
     }, "Clear all filters")))));
   };
 
-  var _excluded$1o = ["showSessionHistory", "enableSessionImport", "enableSessionExport", "enableSessionDelete", "enableSessionSearch", "showSessionInfo", "showSessionActions", "showCreateButton", "showRefreshButton", "compactMode", "views", "containerProps", "colorScheme", "layout", "showPreviews", "ariaLabel", "ariaDescribedBy", "sessions", "selectedSession", "isLoading", "isCreating", "error", "searchQuery", "filters", "sortOptions", "fetchSessions", "createSession", "selectSession", "deleteSession", "exportSession", "handleFileImport", "setSearchQuery", "setFilters", "setSortOptions", "setError", "fileInputRef", "handleFileSelect"];
+  var _excluded$1q = ["showSessionHistory", "enableSessionImport", "enableSessionExport", "enableSessionDelete", "enableSessionSearch", "showSessionInfo", "showSessionActions", "showCreateButton", "showRefreshButton", "compactMode", "views", "containerProps", "colorScheme", "layout", "showPreviews", "ariaLabel", "ariaDescribedBy", "sessions", "selectedSession", "isLoading", "isCreating", "error", "searchQuery", "filters", "sortOptions", "fetchSessions", "createSession", "selectSession", "deleteSession", "exportSession", "handleFileImport", "setSearchQuery", "setFilters", "setSortOptions", "setError", "fileInputRef", "handleFileSelect"];
   /**
    * AgentSession View Component
    *
@@ -30291,7 +30454,7 @@
         fileInputRef,
         handleFileSelect
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1o);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
     /**
      * Handle session creation
      */
@@ -32130,7 +32293,7 @@
     }, renderVisualization())));
   };
 
-  var _excluded$1p = ["showTimeline", "showMetrics", "showVisualization", "enableFiltering", "enableExport", "enableSearch", "showEventDetails", "showPerformanceMetrics", "compactMode", "views", "ariaLabel", "ariaDescribedBy", "events", "spans", "selectedEvent", "selectedSpan", "metrics", "isLoading", "error", "filter", "searchQuery", "currentVisualization", "fetchTraceEvents", "selectEvent", "selectSpan", "updateFilter", "exportTrace", "setSearchQuery", "setCurrentVisualization", "setError"];
+  var _excluded$1r = ["showTimeline", "showMetrics", "showVisualization", "enableFiltering", "enableExport", "enableSearch", "showEventDetails", "showPerformanceMetrics", "compactMode", "views", "ariaLabel", "ariaDescribedBy", "events", "spans", "selectedEvent", "selectedSpan", "metrics", "isLoading", "error", "filter", "searchQuery", "currentVisualization", "fetchTraceEvents", "selectEvent", "selectSpan", "updateFilter", "exportTrace", "setSearchQuery", "setCurrentVisualization", "setError"];
   /**
    * AgentTrace View Component
    *
@@ -32171,7 +32334,7 @@
         setCurrentVisualization,
         setError
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1p);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1r);
     /**
      * Handle event selection
      */
@@ -33860,7 +34023,7 @@
     }, "Run some evaluations to see performance metrics")))));
   };
 
-  var _excluded$1q = ["enableBatchEvaluation", "enableMetricsComparison", "enableResultExport", "enableTemplates", "showEvaluationHistory", "showMetricsPanel", "showTestCaseDetails", "showProgressIndicators", "compactMode", "views", "ariaLabel", "ariaDescribedBy", "evaluations", "selectedEvaluation", "selectedResult", "isLoading", "isCreating", "error", "searchQuery", "templates", "runningEvaluationsCount", "canStartNewEvaluation", "fetchEvaluations", "createEvaluation", "startEvaluation", "cancelEvaluation", "deleteEvaluation", "selectEvaluation", "selectResult", "exportEvaluations", "setSearchQuery", "setError"];
+  var _excluded$1s = ["enableBatchEvaluation", "enableMetricsComparison", "enableResultExport", "enableTemplates", "showEvaluationHistory", "showMetricsPanel", "showTestCaseDetails", "showProgressIndicators", "compactMode", "views", "ariaLabel", "ariaDescribedBy", "evaluations", "selectedEvaluation", "selectedResult", "isLoading", "isCreating", "error", "searchQuery", "templates", "runningEvaluationsCount", "canStartNewEvaluation", "fetchEvaluations", "createEvaluation", "startEvaluation", "cancelEvaluation", "deleteEvaluation", "selectEvaluation", "selectResult", "exportEvaluations", "setSearchQuery", "setError"];
   /**
    * AgentEval View Component
    *
@@ -33903,7 +34066,7 @@
         setSearchQuery,
         setError
       } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1s);
     var [activeTab, setActiveTab] = React__default.useState('evaluations');
     /**
      * Handle evaluation creation
@@ -34696,6 +34859,7 @@
   exports.Separator = Separator;
   exports.SettingsIcon = SettingsIcon;
   exports.ShapeIcon = ShapeIcon;
+  exports.ShareButton = ShareButton;
   exports.ShareIcon = ShareIcon;
   exports.ShieldIcon = ShieldIcon;
   exports.Sidebar = Sidebar;