@app-studio/web 0.9.70 → 0.9.72

package/dist/web.esm.js

@@ -520,9 +520,9 @@ var createIcon = function createIcon(name, defaultProps) {
   if (defaultProps === void 0) {
     defaultProps = {};
   }
-  var IconComponent = props => /*#__PURE__*/React.createElement(Icon, Object.assign({
+  var IconComponent = props => (/*#__PURE__*/React.createElement(Icon, Object.assign({
     name: name
-  }, defaultProps, props));
+  }, defaultProps, props)));
   IconComponent.displayName = name + "Icon";
   return IconComponent;
 };
@@ -701,9 +701,9 @@ var UploadIcon = /*#__PURE__*/createIcon('upload', {
 });
 // Restored icons
 var CheckIcon = TickIcon;
-var BackIcon = props => /*#__PURE__*/React.createElement(ChevronIcon, Object.assign({
+var BackIcon = props => (/*#__PURE__*/React.createElement(ChevronIcon, Object.assign({
   orientation: "left"
-}, props));
+}, props)));
 var ZoomOutIcon = /*#__PURE__*/createIcon('zoom-out', {
   filled: false
 });
@@ -808,106 +808,6 @@ var DragHandleLinesIcon = /*#__PURE__*/createIcon('grip-horizontal', {
   filled: false
 });
 
-var Icon$1 = {
-  __proto__: null,
-  Icon: Icon,
-  UserIcon: UserIcon,
-  HelpIcon: HelpIcon,
-  FolderIcon: FolderIcon,
-  ChevronIcon: ChevronIcon,
-  DragHandleIcon: DragHandleIcon,
-  FileIcon: FileIcon,
-  VideoIcon: VideoIcon,
-  ImageIcon: ImageIcon,
-  AudioIcon: AudioIcon,
-  TwitterIcon: TwitterIcon,
-  XIcon: XIcon,
-  TwitchIcon: TwitchIcon,
-  CloseIcon: CloseIcon,
-  InstagramIcon: InstagramIcon,
-  YoutubeIcon: YoutubeIcon,
-  FacebookIcon: FacebookIcon,
-  LinkedinIcon: LinkedinIcon,
-  ThreadsIcon: ThreadsIcon,
-  MinusIcon: MinusIcon,
-  InfoIcon: InfoIcon,
-  PlayIcon: PlayIcon,
-  PauseIcon: PauseIcon,
-  HeartIcon: HeartIcon,
-  StarIcon: StarIcon,
-  SaveIcon: SaveIcon,
-  WarningIcon: WarningIcon,
-  BatteryIcon: BatteryIcon,
-  BookmarkIcon: BookmarkIcon,
-  CloudIcon: CloudIcon,
-  CopyIcon: CopyIcon,
-  DustBinIcon: DustBinIcon,
-  DeleteIcon: DeleteIcon,
-  EditIcon: EditIcon,
-  MicrophoneIcon: MicrophoneIcon,
-  StopIcon: StopIcon,
-  SendIcon: SendIcon,
-  LoadingSpinnerIcon: LoadingSpinnerIcon,
-  AttachmentIcon: AttachmentIcon,
-  SearchIcon: SearchIcon,
-  HomeIcon: HomeIcon,
-  SettingsIcon: SettingsIcon,
-  DownloadIcon: DownloadIcon,
-  ShareIcon: ShareIcon,
-  TickIcon: TickIcon,
-  PlusIcon: PlusIcon,
-  CloseEyeIcon: CloseEyeIcon,
-  OpenEyeIcon: OpenEyeIcon,
-  LockIcon: LockIcon,
-  ProfileIcon: ProfileIcon,
-  ExternalLinkIcon: ExternalLinkIcon,
-  SuccessIcon: SuccessIcon,
-  ErrorIcon: ErrorIcon,
-  NotificationIcon: NotificationIcon,
-  DocumentIcon: DocumentIcon,
-  ChartIcon: ChartIcon,
-  MoonIcon: MoonIcon,
-  PanelIcon: PanelIcon,
-  UploadIcon: UploadIcon,
-  CheckIcon: CheckIcon,
-  BackIcon: BackIcon,
-  ZoomOutIcon: ZoomOutIcon,
-  TextIcon: TextIcon,
-  ShapeIcon: ShapeIcon,
-  RotateIcon: RotateIcon,
-  GiftIcon: GiftIcon,
-  ShieldIcon: ShieldIcon,
-  LogoutIcon: LogoutIcon,
-  PowerOffIcon: PowerOffIcon,
-  LinkIcon: LinkIcon,
-  LayoutIcon: LayoutIcon,
-  ZapIcon: ZapIcon,
-  CreditCardIcon: CreditCardIcon,
-  MoreIcon: MoreIcon,
-  TrashIcon: TrashIcon,
-  FilterIcon: FilterIcon,
-  CalendarIcon: CalendarIcon,
-  ClockIcon: ClockIcon,
-  MapPinIcon: MapPinIcon,
-  MenuIcon: MenuIcon,
-  RefreshIcon: RefreshIcon,
-  PrintIcon: PrintIcon,
-  MagicWandIcon: MagicWandIcon,
-  UnLikeIcon: UnLikeIcon,
-  LikeIcon: LikeIcon,
-  CameraIcon: CameraIcon,
-  BluetoothIcon: BluetoothIcon,
-  UnlockIcon: UnlockIcon,
-  WifiIcon: WifiIcon,
-  BoldArrowIcon: BoldArrowIcon,
-  ArrowIcon: ArrowIcon,
-  SpinnerIcon: SpinnerIcon,
-  SliderIcon: SliderIcon,
-  CropIcon: CropIcon,
-  ZoomInIcon: ZoomInIcon,
-  DragHandleLinesIcon: DragHandleLinesIcon
-};
-
 /**
  * Alert Styles
  *
@@ -17266,7 +17166,8 @@ var HighlightStyles = {
   glow: color => ({
     color: color,
     textShadow: "0 0 10px " + color + "80, 0 0 20px " + color + "40, 0 0 30px " + color + "20"
-  })
+  }),
+  default: () => ({})
 };
 
 var _excluded$Z = ["text", "typingSpeed", "pauseTime", "onComplete", "showCursor", "cursorColor", "textStyle", "textComponent", "as"];
@@ -17538,7 +17439,7 @@ var TitleView = _ref => {
   var {
       children,
       highlightText,
-      highlightStyle = 'background',
+      highlightStyle = 'default',
       highlightColor = 'theme.primary',
       highlightSecondaryColor,
       size = 'lg',
@@ -17635,9 +17536,9 @@ var TitleView = _ref => {
   // Common container props
   var containerProps = Object.assign({
     ref,
-    as: 'h1',
     animate: inView ? controlledAnimate : undefined
   }, !textComponent && {
+    as: 'h1',
     fontSize: useResponsive ? undefined : fontSize,
     fontWeight: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.fontWeight : 'bold',
     letterSpacing: useResponsive ? responsiveStyles == null ? void 0 : responsiveStyles.letterSpacing : undefined,
@@ -17693,25 +17594,31 @@ var TitleView = _ref => {
       lastIndex = match.index + match[0].length;
     }
     if (lastIndex < text.length) parts.push(text.substring(lastIndex));
-    return /*#__PURE__*/React.createElement(Element, Object.assign({}, containerProps, views == null ? void 0 : views.container, props), parts.map((part, idx) => typeof part === 'string' ? part : (/*#__PURE__*/React.createElement(TextComponent, Object.assign({
+    return /*#__PURE__*/React.createElement(Element, Object.assign({
+      fontSize: useResponsive ? undefined : fontSize
+    }, containerProps, views == null ? void 0 : views.container, props), parts.map((part, idx) => typeof part === 'string' ? (/*#__PURE__*/React.createElement(TextComponent, {
+      key: "text-" + idx,
+      as: "span",
+      display: "inline"
+    }, part)) : (/*#__PURE__*/React.createElement(TextComponent, Object.assign({
       key: "highlight-" + idx,
       as: "span",
       display: "inline",
-      animate: inView ? controlledHighlightAnimate : undefined,
-      fontSize: useResponsive ? undefined : fontSize
+      animate: inView ? controlledHighlightAnimate : undefined
     }, !highlightSlide ? highlightProps : {}, views == null ? void 0 : views.highlight), renderHighlightedContent(part.text)))));
   }
   // Case 2: Has highlight style but no highlight target - apply style to entire title
   if (highlightStyle && !activeHighlightTarget) {
-    return /*#__PURE__*/React.createElement(Element, Object.assign({}, containerProps, views == null ? void 0 : views.container, props), /*#__PURE__*/React.createElement(TextComponent, Object.assign({
+    return /*#__PURE__*/React.createElement(Element, Object.assign({
+      fontSize: fontSize
+    }, containerProps, props, views == null ? void 0 : views.container), /*#__PURE__*/React.createElement(TextComponent, Object.assign({
       as: "span",
-      fontSize: fontSize,
       display: "inline",
       animate: inView ? controlledHighlightAnimate : undefined
     }, !highlightSlide ? highlightProps : {}, views == null ? void 0 : views.highlight), renderHighlightedContent(text)));
   }
   // Case 3: Default - no highlighting
-  return /*#__PURE__*/React.createElement(TextComponent, Object.assign({}, containerProps, views == null ? void 0 : views.container, props), text);
+  return /*#__PURE__*/React.createElement(TextComponent, Object.assign({}, containerProps, props, views == null ? void 0 : views.container), text);
 };
 
 /**
@@ -26426,5 +26333,5 @@ var Background = /*#__PURE__*/Object.assign(BackgroundComponent, {
 });
 Background.displayName = 'Background';
 
-export { Accordion, Alert, ArrowIcon, AspectRatio, AttachmentIcon, AttachmentPreview, AudioIcon, AudioInput, AudioWaveform, Avatar, BackIcon, Background, Badge, BatteryIcon, BluetoothIcon, BoldArrowIcon, BookmarkIcon, Button, CalendarIcon, CameraIcon, Card, Carousel, Chart, ChartIcon, ChatInput, CheckIcon, Checkbox, ChevronIcon, ClockIcon, CloseEyeIcon, CloseIcon, CloudIcon, ColorInput, ColorPicker, ComboBox, Command, ContextMenu, CookieConsent, CopyIcon, CountryPicker, CreditCardIcon, CropIcon, DatePicker, DeleteIcon, Divider, DocumentIcon, DownloadIcon, DragAndDrop, DragAndDropComponent, DragHandleIcon, DragHandleLinesIcon, Drawer, DropdownMenu, DustBinIcon, EditIcon, EmojiPicker, ErrorIcon, ExternalLinkIcon, FacebookIcon, FileIcon, FileImage, FileSVG, FilterIcon, FolderIcon, FormikChatInput, FormikCheckbox, FormikColorInput, FormikComboBox, FormikCountryPicker, FormikDatePicker, FormikForm, FormikOTPInput, FormikPassword, FormikSelect, FormikSelector, FormikSlider, FormikSwitch, FormikTagInput, FormikTextArea, FormikTextField, FormikUploader, GiftIcon, HeartIcon, HelpIcon, HomeIcon, HoverCard, Icon$1 as Icon, ImageIcon, InfoIcon, InstagramIcon, LayoutIcon, LikeIcon, Link, LinkIcon, LinkedinIcon, Loader, LoadingSpinnerIcon, LockIcon, LogoutIcon, MagicWandIcon, MapPinIcon, MediaPreview, MenuIcon, Menubar, MessageLayout, MessageView, MicrophoneIcon, MinusIcon, Modal, MoonIcon, MoreIcon, NavigationMenu, NotificationIcon, OTPInput, OpenEyeIcon, Pagination, PanelIcon, Password, PauseIcon, PlayIcon, PlusIcon, PowerOffIcon, PrintIcon, ProfileIcon, ProgressBar, RefreshIcon, Resizable, RotateIcon, SaveIcon, SearchIcon, Select, Selector, SendIcon, Separator, SettingsIcon, ShapeIcon, ShareButton, ShareIcon, ShieldIcon, Sidebar, Slider, SliderIcon, SpinnerIcon, StarIcon, StatusIndicator, StopIcon, SuccessIcon, Switch, Table, Tabs, TagInput, TextArea, TextField, TextIcon, ThreadsIcon, TickIcon, Title, Toast, Toggle, ToggleGroup, Tooltip, TrashIcon, TwitchIcon, TwitterIcon, UnLikeIcon, UnlockIcon, UploadIcon, Uploader, UserIcon, VideoIcon, WarningIcon, WifiIcon, XIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, hideMessage, hideModal, showMessage, showModal, showToast, useMessageStore, useModalStore, useToast$1 as useToast };
+export { Accordion, Alert, ArrowIcon, AspectRatio, AttachmentIcon, AttachmentPreview, AudioIcon, AudioInput, AudioWaveform, Avatar, BackIcon, Background, Badge, BatteryIcon, BluetoothIcon, BoldArrowIcon, BookmarkIcon, Button, CalendarIcon, CameraIcon, Card, Carousel, Chart, ChartIcon, ChatInput, CheckIcon, Checkbox, ChevronIcon, ClockIcon, CloseEyeIcon, CloseIcon, CloudIcon, ColorInput, ColorPicker, ComboBox, Command, ContextMenu, CookieConsent, CopyIcon, CountryPicker, CreditCardIcon, CropIcon, DatePicker, DeleteIcon, Divider, DocumentIcon, DownloadIcon, DragAndDrop, DragAndDropComponent, DragHandleIcon, DragHandleLinesIcon, Drawer, DropdownMenu, DustBinIcon, EditIcon, EmojiPicker, ErrorIcon, ExternalLinkIcon, FacebookIcon, FileIcon, FileImage, FileSVG, FilterIcon, FolderIcon, FormikChatInput, FormikCheckbox, FormikColorInput, FormikComboBox, FormikCountryPicker, FormikDatePicker, FormikForm, FormikOTPInput, FormikPassword, FormikSelect, FormikSelector, FormikSlider, FormikSwitch, FormikTagInput, FormikTextArea, FormikTextField, FormikUploader, GiftIcon, HeartIcon, HelpIcon, HomeIcon, HoverCard, Icon, ImageIcon, InfoIcon, InstagramIcon, LayoutIcon, LikeIcon, Link, LinkIcon, LinkedinIcon, Loader, LoadingSpinnerIcon, LockIcon, LogoutIcon, MagicWandIcon, MapPinIcon, MediaPreview, MenuIcon, Menubar, MessageLayout, MessageView, MicrophoneIcon, MinusIcon, Modal, MoonIcon, MoreIcon, NavigationMenu, NotificationIcon, OTPInput, OpenEyeIcon, Pagination, PanelIcon, Password, PauseIcon, PlayIcon, PlusIcon, PowerOffIcon, PrintIcon, ProfileIcon, ProgressBar, RefreshIcon, Resizable, RotateIcon, SaveIcon, SearchIcon, Select, Selector, SendIcon, Separator, SettingsIcon, ShapeIcon, ShareButton, ShareIcon, ShieldIcon, Sidebar, Slider, SliderIcon, SpinnerIcon, StarIcon, StatusIndicator, StopIcon, SuccessIcon, Switch, Table, Tabs, TagInput, TextArea, TextField, TextIcon, ThreadsIcon, TickIcon, Title, Toast, Toggle, ToggleGroup, Tooltip, TrashIcon, TwitchIcon, TwitterIcon, UnLikeIcon, UnlockIcon, UploadIcon, Uploader, UserIcon, VideoIcon, WarningIcon, WifiIcon, XIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, hideMessage, hideModal, showMessage, showModal, showToast, useMessageStore, useModalStore, useToast$1 as useToast };
 //# sourceMappingURL=web.esm.js.map