@app-studio/web 0.9.55 → 0.9.57

package/dist/web.esm.js

@@ -8840,7 +8840,7 @@ var Item = _ref => {
     fontSize: Typography.fontSizes[size],
     fontWeight: "400" // Regular weight
     ,
-    lineHeight: "1.5"
+    lineHeight: "15px"
   }, style), option.label));
 };
 /**
@@ -9586,7 +9586,7 @@ var useSelectorState = _ref => {
   };
 };
 
-var _excluded$u = ["id", "name", "label", "value", "views", "options", "onChange", "setValue"];
+var _excluded$u = ["id", "name", "label", "value", "size", "views", "options", "onChange", "setValue"];
 /**
  * SelectorView Component
  *
@@ -9598,6 +9598,7 @@ var SelectorView = _ref => {
       name,
       label,
       value,
+      size,
       views = {},
       options = [],
       onChange = () => {},
@@ -9667,15 +9668,20 @@ var SelectorView = _ref => {
         // Default fallback
         borderColor = getColor('theme.primary');
         textColor = getColor('theme.primary');
-        bgColor = getColor('color.blue.50');
+        bgColor = 'transparent';
       }
     }
     return /*#__PURE__*/React.createElement(Button, Object.assign({
       key: option.value,
       onClick: () => handleCallback(option),
-      flex: 1,
+      flex: 1
+    }, size ? {
+      size
+    } : {
+      // Legacy default: keep existing compact look when `size` isn't specified.
       paddingVertical: 6,
-      fontSize: "12px",
+      fontSize: '12px'
+    }, {
       fontWeight: isSelected ? 'bold' : 'normal',
       style: {
         borderTop: "1px solid " + (isSelected ? borderColor : getColor('color.gray.200')),
@@ -10353,7 +10359,7 @@ var CheckboxView = _ref => {
     size: "sm",
     fontWeight: "400" // Regular weight
     ,
-    lineHeight: "1.5"
+    lineHeight: "15"
   }, views == null ? void 0 : views.infoText), infoText))), error && (/*#__PURE__*/React.createElement(Text, {
     size: "xs",
     marginTop: 4,
@@ -13974,7 +13980,6 @@ var OTPInputView = _ref => {
     border: '0 solid transparent',
     outline: '0 solid transparent',
     boxShadow: 'none',
-    lineHeight: '1',
     letterSpacing: '-.5em',
     fontSize: 'var(--root-height)',
     fontFamily: 'monospace',
@@ -14572,7 +14577,7 @@ var DefaultAgentChatStyles = {
     marginBottom: '4px'
   },
   messageContent: {
-    lineHeight: 1.5
+    lineHeight: 15
   },
   messageFooter: {
     marginTop: '8px'
@@ -14744,7 +14749,7 @@ var DefaultChatInputStyles = {
     maxHeight: '200px',
     padding: '8px 12px',
     fontSize: '14px',
-    lineHeight: '1.5',
+    lineHeight: '15px',
     color: 'color.gray.900',
     backgroundColor: 'color.white',
     border: 'none',
@@ -15576,7 +15581,6 @@ var EditableInput = /*#__PURE__*/forwardRef((_ref, ref) => {
     color: "color.gray.400",
     pointerEvents: "none",
     fontSize: "14px",
-    lineHeight: "1.5",
     zIndex: 1
   }, views == null ? void 0 : views.placeholder), placeholder)), /*#__PURE__*/React.createElement(View, Object.assign({
     as: "div",
@@ -15597,7 +15601,6 @@ var EditableInput = /*#__PURE__*/forwardRef((_ref, ref) => {
     whiteSpace: "pre-wrap",
     wordBreak: "break-word",
     fontSize: "14px",
-    lineHeight: "1.5",
     color: "color.gray.900",
     backgroundColor: "transparent"
   }, views == null ? void 0 : views.input))), showMentions && filteredMentions.length > 0 && (/*#__PURE__*/React.createElement(View, Object.assign({
@@ -26160,14 +26163,12 @@ var ToastView = _ref => {
     fontWeight: "600" // Semi-bold for better readability
     ,
     color: Theme[variant].content.color,
-    lineHeight: "1.4",
     bgColor: Theme[variant].container.backgroundColor
   }, views == null ? void 0 : views.title), title), description && (/*#__PURE__*/React.createElement(Text, Object.assign({
     size: "sm",
     color: Theme[variant].content.color,
     fontWeight: "400" // Regular weight
     ,
-    lineHeight: "1.5",
     bgColor: Theme[variant].container.backgroundColor
   }, views == null ? void 0 : views.description), description)), action && actionText && (/*#__PURE__*/React.createElement(Text, Object.assign({
     size: "sm",