@app-studio/web 0.8.88 → 0.8.90

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('react-router-dom'), 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.parse-int.js'), require('core-js/modules/es.regexp.constructor.js'), require('core-js/modules/es.regexp.exec.js'), require('formik'), 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('zustand'), require('core-js/modules/es.string.ends-with.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.string.trim.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', 'react-router-dom', '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.parse-int.js', 'core-js/modules/es.regexp.constructor.js', 'core-js/modules/es.regexp.exec.js', 'formik', 'core-js/modules/web.url.js', 'core-js/modules/web.url.to-json.js', 'core-js/modules/web.url-search-params.js', 'zustand', 'core-js/modules/es.string.ends-with.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.string.trim.js'], factory) :
-  (global = global || self, factory(global['@app-studio/web'] = {}, null, global.React, null, null, null, null, null, global.appStudio, null, null, global.reactRouterDom, global.contrast, null, null, null, null, global.format, null, null, null, global.formik, null, null, 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, reactRouterDom, contrast, es_promise_js, es_array_reduce_js, es_number_toFixed_js, es_string_startsWith_js, format, es_parseInt_js, es_regexp_constructor_js, es_regexp_exec_js, formik, web_url_js, web_url_toJson_js, web_urlSearchParams_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('react-router-dom'), 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.parse-int.js'), require('core-js/modules/es.regexp.constructor.js'), require('core-js/modules/es.regexp.exec.js'), require('formik'), 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('zustand'), require('core-js/modules/es.string.ends-with.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.string.trim.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', 'react-router-dom', '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.parse-int.js', 'core-js/modules/es.regexp.constructor.js', 'core-js/modules/es.regexp.exec.js', 'formik', 'core-js/modules/web.url.js', 'core-js/modules/web.url.to-json.js', 'core-js/modules/web.url-search-params.js', 'zustand', 'core-js/modules/es.string.ends-with.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.string.trim.js'], factory) :
+  (global = global || self, factory(global['@app-studio/web'] = {}, null, global.React, null, null, null, null, null, global.appStudio, null, null, null, global.reactRouterDom, global.contrast, null, null, null, null, global.format, null, null, null, global.formik, null, null, 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, reactRouterDom, contrast, es_promise_js, es_array_reduce_js, es_number_toFixed_js, es_string_startsWith_js, format, es_parseInt_js, es_regexp_constructor_js, es_regexp_exec_js, formik, web_url_js, web_url_toJson_js, web_urlSearchParams_js, zustand) { 'use strict';
 
   var React__default = 'default' in React ? React['default'] : React;
   contrast = contrast && Object.prototype.hasOwnProperty.call(contrast, 'default') ? contrast['default'] : contrast;
@@ -470,7 +470,8 @@
     black: '900'
   };
 
-  var _excluded$2 = ["children", "heading", "maxLines", "isItalic", "isUnderlined", "isSub", "isSup", "isStriked", "weight", "size", "views"];
+  var _excluded$2 = ["text", "maxLines", "views"],
+    _excluded2$1 = ["children", "heading", "maxLines", "isItalic", "isUnderlined", "isSub", "isSup", "isStriked", "weight", "size", "views"];
   /**
    * Renders text content with support for subscript and superscript
    */
@@ -496,46 +497,79 @@
     }, views == null ? void 0 : views.sup), children)), !isSub && !isSup && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children))) : children);
   };
   /**
-   * Renders text with truncation after a specified number of lines
+   * Renders text with truncation after a specified number of lines (JS calculation)
    */
   var TruncateText = _ref2 => {
     var {
-      text,
-      maxLines = 1,
-      views
-    } = _ref2;
+        text,
+        maxLines = 1,
+        views // Pass down other HTML attributes
+      } = _ref2,
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded$2);
     var containerRef = React.useRef(null);
-    var [truncatedLength, setTruncatedLength] = React.useState(text.length);
+    var [truncatedText, setTruncatedText] = React.useState(text);
+    var [isTruncated, setIsTruncated] = React.useState(false);
     React.useEffect(() => {
-      var textNode = containerRef.current;
-      if (!textNode) return;
-      var updateTruncatedText = () => {
-        var comLineHeight = getComputedStyle(textNode).lineHeight;
-        var lineHeight = comLineHeight !== 'normal' ? parseFloat(comLineHeight) : 20;
-        var maxHeight = lineHeight * maxLines;
-        var start = 0;
-        var end = text.length;
-        var middle;
-        while (start <= end) {
-          middle = Math.floor((start + end) / 2);
-          textNode.innerText = text.substring(0, middle) + '...';
-          var currentHeight = textNode.offsetHeight;
-          if (currentHeight > maxHeight) {
-            end = middle - 1;
-          } else {
-            start = middle + 1;
-          }
+      var node = containerRef.current;
+      if (!node || !text || maxLines <= 0) {
+        setTruncatedText(text != null ? text : '');
+        setIsTruncated(false);
+        return;
+      }
+      var {
+        overflow,
+        height,
+        maxHeight,
+        lineHeight
+      } = node.style;
+      node.style.overflow = 'visible';
+      node.style.height = 'auto';
+      node.style.maxHeight = 'none';
+      node.innerText = text[0] || 'M';
+      var singleLine = node.offsetHeight;
+      if (!singleLine) {
+        var cs = getComputedStyle(node);
+        singleLine = cs.lineHeight !== 'normal' ? parseFloat(cs.lineHeight) : parseFloat(cs.fontSize || '16') * 1.2;
+      }
+      var limit = singleLine * maxLines;
+      node.innerText = text;
+      if (node.offsetHeight <= limit) {
+        setTruncatedText(text);
+        setIsTruncated(false);
+        restore(node);
+        return;
+      }
+      var lo = 0;
+      var hi = text.length;
+      var fit = 0;
+      while (lo <= hi) {
+        var mid = Math.floor((lo + hi) / 2);
+        node.innerText = text.slice(0, mid);
+        if (node.offsetHeight <= limit) {
+          fit = mid;
+          lo = mid + 1;
+        } else {
+          hi = mid - 1;
         }
-        setTruncatedLength(end);
-      };
-      updateTruncatedText();
+      }
+      var finalText = fit < text.length ? text.slice(0, text.length > fit + 3 ? fit - 3 : fit).trimEnd() + '…' : text;
+      setTruncatedText(finalText);
+      setIsTruncated(fit < text.length);
+      restore(node);
+      function restore(n) {
+        n.style.overflow = overflow;
+        n.style.height = height;
+        n.style.maxHeight = maxHeight;
+        n.style.lineHeight = lineHeight;
+      }
     }, [text, maxLines]);
-    var displayText = text.length > truncatedLength ? text.substring(0, truncatedLength) + '...' : text;
     return /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({
       ref: containerRef,
-      overflow: "hidden",
-      textOverflow: "ellipsis"
-    }, views == null ? void 0 : views.truncateText), displayText);
+      overflow: "hidden" // Crucial for final display state
+    }, views == null ? void 0 : views.truncateText, rest, {
+      // Add title attribute for accessibility/hover to see full text
+      title: isTruncated ? text : undefined
+    }), truncatedText);
   };
   /**
    * Main Text component that renders text with various styles and states
@@ -554,7 +588,7 @@
         size = 'md',
         views
       } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded$2);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$1);
     // Apply heading styles if a heading is specified
     var headingStyles = heading ? HeadingSizes[heading] : {};
     // For sub/sup text, use inline display
@@ -574,12 +608,7 @@
       fontStyle: isItalic ? 'italic' : 'normal',
       fontWeight: fontWeight,
       letterSpacing: "-0.01em",
-      textDecoration: isStriked ? 'line-through' : isUnderlined ? 'underline' : 'none',
-      color: "color.gray.900",
-      // Apply dark mode styles
-      _dark: {
-        color: 'color.gray.100'
-      }
+      textDecoration: isStriked ? 'line-through' : isUnderlined ? 'underline' : 'none'
     }, noLineBreak, headingStyles, props, views == null ? void 0 : views.container), maxLines && typeof children === 'string' ? (/*#__PURE__*/React__default.createElement(TruncateText, {
       text: children,
       maxLines: maxLines
@@ -598,7 +627,7 @@
   var Text = TextComponent;
 
   var _excluded$3 = ["widthHeight", "color", "transform", "orientation", "children"],
-    _excluded2$1 = ["widthHeight", "color", "filled", "strokeWidth"],
+    _excluded2$2 = ["widthHeight", "color", "filled", "strokeWidth"],
     _excluded3$1 = ["widthHeight", "color", "filled", "strokeWidth"],
     _excluded4$1 = ["widthHeight", "color", "filled", "strokeWidth"],
     _excluded5 = ["widthHeight", "color", "filled", "strokeWidth"],
@@ -712,7 +741,7 @@
         filled = true,
         strokeWidth = 1
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$2);
     return /*#__PURE__*/React__default.createElement(IconWrapper, Object.assign({
       widthHeight: widthHeight,
       color: color
@@ -3396,7 +3425,7 @@
   };
 
   var _excluded$9 = ["size", "speed", "color", "themeMode"],
-    _excluded2$2 = ["size", "speed", "color", "themeMode"],
+    _excluded2$3 = ["size", "speed", "color", "themeMode"],
     _excluded3$2 = ["size", "speed", "color", "themeMode"],
     _excluded4$2 = ["size", "children", "textColor", "loaderColor", "type", "speed", "textPosition", "views"];
   var DefaultSpinner = _ref => {
@@ -3455,7 +3484,7 @@
         color = 'theme.loading',
         themeMode: elementMode
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$2);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$3);
     var {
       getColor,
       themeMode
@@ -4002,7 +4031,7 @@
   };
 
   var _excluded$b = ["children", "views", "style", "themeMode"],
-    _excluded2$3 = ["children", "views", "style", "themeMode"],
+    _excluded2$4 = ["children", "views", "style", "themeMode"],
     _excluded3$3 = ["children", "views", "style", "themeMode"],
     _excluded4$3 = ["variant", "size", "shape", "children", "header", "footer", "isFullWidth", "views", "style", "themeMode"];
   var CardHeader = _ref => {
@@ -4029,7 +4058,7 @@
         children,
         style
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$3);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$4);
     var theme = appStudio.useTheme();
     var {
       styles: contextStyles
@@ -4406,7 +4435,7 @@
   };
 
   var _excluded$c = ["children", "isActive", "views"],
-    _excluded2$4 = ["views", "children"],
+    _excluded2$5 = ["views", "children"],
     _excluded3$4 = ["views", "children"],
     _excluded4$4 = ["children", "views"],
     _excluded5$1 = ["children", "views", "style"],
@@ -4433,7 +4462,7 @@
         children // Allow custom content/icon
         // Spread remaining ButtonProps
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$4);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$5);
     var {
       goToPrevious,
       canGoPrevious,
@@ -5700,7 +5729,7 @@
   };
 
   var _excluded$e = ["children", "disableNativeContextMenu", "asChild", "isDisabled", "views"],
-    _excluded2$5 = ["items", "children", "position", "side", "align", "views", "style"],
+    _excluded2$6 = ["items", "children", "position", "side", "align", "views", "style"],
     _excluded3$5 = ["item", "children", "onSelect", "isDisabled", "views"],
     _excluded4$5 = ["views"],
     _excluded5$2 = ["views"],
@@ -5809,7 +5838,7 @@
         views,
         style // Capture user-provided style
       } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$5);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$6);
     var {
       isOpen,
       position: contextPosition,
@@ -6106,7 +6135,7 @@
   ContextMenu.Separator = ContextMenuSeparator; // Add the Separator component
 
   var _excluded$g = ["src", "color", "views", "themeMode"],
-    _excluded2$6 = ["path"];
+    _excluded2$7 = ["path"];
   var FileSVG = _ref => {
     var {
         src,
@@ -6136,7 +6165,7 @@
     var {
         path
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$6);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$7);
     return /*#__PURE__*/React__default.createElement(appStudio.Image, Object.assign({
       src: path
     }, props));
@@ -6568,7 +6597,7 @@
   };
 
   var _excluded$o = ["isHovered", "setIsHovered", "option", "size", "callback", "style"],
-    _excluded2$7 = ["id", "name", "value", "onChange", "isMulti", "isDisabled", "isReadOnly", "options"],
+    _excluded2$8 = ["id", "name", "value", "onChange", "isMulti", "isDisabled", "isReadOnly", "options"],
     _excluded3$6 = ["option", "size", "removeOption"],
     _excluded4$6 = ["id", "name", "label", "value", "placeholder", "helperText", "hide", "error", "isMulti", "isFocused", "isHovered", "isDisabled", "isReadOnly", "options", "shadow", "size", "shape", "variant", "views", "onChange", "setHide", "setValue", "setIsHovered", "setIsFocused", "setHighlightedIndex", "highlightedIndex"];
   /**
@@ -6686,7 +6715,7 @@
         isReadOnly = false,
         options = []
       } = _ref4,
-      props = _objectWithoutPropertiesLoose(_ref4, _excluded2$7);
+      props = _objectWithoutPropertiesLoose(_ref4, _excluded2$8);
     var handleChange = event => {
       if (onChange) onChange(event);
     };
@@ -9321,7 +9350,7 @@
   };
 
   var _excluded$t = ["size"],
-    _excluded2$8 = ["size"],
+    _excluded2$9 = ["size"],
     _excluded3$7 = ["id", "name", "label", "value", "placeholder", "helperText", "hide", "error", "isHovered", "isFocused", "isAutoFocus", "isDisabled", "isReadOnly", "shadow", "newOptions", "size", "variant", "shape", "onChange", "onBlur", "setHide", "setNewOptions", "setIsHovered", "setIsFocused", "setValue", "views", "themeMode"];
   var CountryList = _ref => {
     var props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
@@ -9333,7 +9362,7 @@
     type: "country"
   }, props)));
   var CountryItem = _ref2 => {
-    var props = _objectWithoutPropertiesLoose(_ref2, _excluded2$8);
+    var props = _objectWithoutPropertiesLoose(_ref2, _excluded2$9);
     return /*#__PURE__*/React__default.createElement(appStudio.Element, Object.assign({
       as: "li"
     }, props));
@@ -9686,7 +9715,7 @@
   };
 
   var _excluded$v = ["visibleIcon", "hiddenIcon"],
-    _excluded2$9 = ["isVisible", "setIsVisible"];
+    _excluded2$a = ["isVisible", "setIsVisible"];
   var PasswordComponent = _ref => {
     var {
         visibleIcon = /*#__PURE__*/React__default.createElement(OpenEyeIcon, {
@@ -9702,7 +9731,7 @@
         isVisible,
         setIsVisible
       } = _usePasswordState,
-      passwordProps = _objectWithoutPropertiesLoose(_usePasswordState, _excluded2$9);
+      passwordProps = _objectWithoutPropertiesLoose(_usePasswordState, _excluded2$a);
     return /*#__PURE__*/React__default.createElement(TextFieldView, Object.assign({}, passwordProps, {
       type: isVisible ? 'text' : 'password',
       isClearable: false,
@@ -10735,7 +10764,7 @@
   var FormikTextField = TextFieldComponent$1;
 
   var _excluded$D = ["visibleIcon", "hiddenIcon"],
-    _excluded2$a = ["isVisible", "setIsVisible"];
+    _excluded2$b = ["isVisible", "setIsVisible"];
   var PasswordComponent$1 = _ref => {
     var {
         visibleIcon = /*#__PURE__*/React__default.createElement(OpenEyeIcon, {
@@ -10752,7 +10781,7 @@
         isVisible,
         setIsVisible
       } = _usePasswordState,
-      passwordProps = _objectWithoutPropertiesLoose(_usePasswordState, _excluded2$a);
+      passwordProps = _objectWithoutPropertiesLoose(_usePasswordState, _excluded2$b);
     return /*#__PURE__*/React__default.createElement(TextFieldView, Object.assign({}, passwordProps, {
       type: isVisible ? 'text' : 'password',
       isClearable: false,
@@ -12184,7 +12213,7 @@
   };
 
   var _excluded$H = ["children", "blur", "isOpen", "isClosePrevented", "onClose", "position", "views"],
-    _excluded2$b = ["children", "shadow", "isFullScreen", "shape", "views", "isOpen"],
+    _excluded2$c = ["children", "shadow", "isFullScreen", "shape", "views", "isOpen"],
     _excluded3$8 = ["children", "buttonColor", "iconSize", "buttonPosition", "views"],
     _excluded4$7 = ["children", "views"],
     _excluded5$3 = ["children", "views"];
@@ -12234,7 +12263,7 @@
         shape = 'rounded',
         views
       } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$b);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$c);
     var defaultShadow = typeof document !== undefined ? {
       boxShadow: '0px 4px 16px rgba(0, 0, 0, 0.15)'
     } : {
@@ -13744,7 +13773,7 @@
   };
 
   var _excluded$M = ["children", "views"],
-    _excluded2$c = ["items", "side", "align", "views"],
+    _excluded2$d = ["items", "side", "align", "views"],
     _excluded3$9 = ["item", "views"],
     _excluded4$8 = ["views"],
     _excluded5$4 = ["trigger", "items", "side", "align", "views", "themeMode"];
@@ -13806,7 +13835,7 @@
         align = 'start',
         views
       } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$c);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$d);
     var {
       isOpen,
       //activeSubmenuId, setActiveSubmenuId, size,
@@ -14155,7 +14184,7 @@
   };
 
   var _excluded$O = ["children", "views", "asChild"],
-    _excluded2$d = ["children", "views", "side", "align", "sideOffset", "style", "backgroundColor", "borderRadius", "boxShadow", "padding", "minWidth", "maxWidth"];
+    _excluded2$e = ["children", "views", "side", "align", "sideOffset", "style", "backgroundColor", "borderRadius", "boxShadow", "padding", "minWidth", "maxWidth"];
   // Create context for the HoverCard
   var HoverCardContext = /*#__PURE__*/React.createContext({
     isOpen: false,
@@ -14241,7 +14270,7 @@
         minWidth = '200px',
         maxWidth = '300px'
       } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$d);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$e);
     var {
       isOpen,
       cancelCloseTimer,
@@ -15304,7 +15333,7 @@
   };
 
   var _excluded$V = ["children", "showToggleButton", "views"],
-    _excluded2$e = ["children", "views"],
+    _excluded2$f = ["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"];
   // Create context for the Sidebar
@@ -15403,7 +15432,7 @@
         children,
         views
       } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$e);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$f);
     var {
       isExpanded
     } = useSidebarContext();
@@ -15979,7 +16008,7 @@
   };
 
   var _excluded$X = ["children", "id", "defaultSize", "minSize", "maxSize", "collapsible", "defaultCollapsed", "onCollapseChange", "views"],
-    _excluded2$f = ["id", "position", "disabled", "withVisualIndicator", "withCollapseButton", "collapseTarget", "views"],
+    _excluded2$g = ["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
   var ResizableContext = /*#__PURE__*/React.createContext({
@@ -16087,7 +16116,7 @@
         collapseTarget,
         views
       } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$f);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$g);
     var {
       orientation,
       size,
@@ -17027,7 +17056,7 @@
   };
 
   var _excluded$Z = ["value", "onValueChange", "placeholder", "views"],
-    _excluded2$g = ["children", "views"],
+    _excluded2$h = ["children", "views"],
     _excluded3$c = ["heading", "children", "views"],
     _excluded4$a = ["item", "selected", "onSelect", "views"],
     _excluded5$5 = ["children", "views"],
@@ -17090,7 +17119,7 @@
         children,
         views
       } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$g);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$h);
     return /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, CommandListStyles, views == null ? void 0 : views.container, props), children);
   };
   // Command Group component
@@ -17547,7 +17576,7 @@
   };
 
   var _excluded$$ = ["children", "views", "asChild"],
-    _excluded2$h = ["children", "views"],
+    _excluded2$i = ["children", "views"],
     _excluded3$d = ["content", "children", "position", "align", "size", "variant", "showArrow", "views", "themeMode"];
   // Create context for the Tooltip
   var TooltipContext = /*#__PURE__*/React.createContext({
@@ -17618,7 +17647,7 @@
         children,
         views
       } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$h);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$i);
     var {
       isOpen,
       contentRef,