@loafmarkets/ui 0.1.412 → 0.1.414

package/dist/index.d.mts

@@ -205,9 +205,61 @@ interface HousePositionSliderMobileProps extends React$1.HTMLAttributes<HTMLDivE
 }
 declare function HousePositionSliderMobile({ tokenId, tokenSymbol, totalTokens, currentPrice, availableCash, tokensHeld, defaultOrderType, orderbook, ownershipPercentOverride, onConfirmOrder, className, ...props }: HousePositionSliderMobileProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * A video to play, plus what to play if it fails.
+ *
+ * Structurally identical to `PropertyVideoSource` in the app repo
+ * (loafx-frontend/shared/video/propertyVideoSrc.ts) — duplicated rather than
+ * imported because that lives outside this package. Keep the two shapes in step.
+ */
+type HlsVideoSource = {
+    src: string;
+    /** Played if `src` fails to load. Absent when there is nothing to fall back to. */
+    fallbackSrc?: string;
+};
+type HlsVideoProps = Omit<React$1.VideoHTMLAttributes<HTMLVideoElement>, "src"> & {
+    /**
+     * A URL, or a `{ src, fallbackSrc }` pair. An HLS manifest (`.m3u8`) streams
+     * adaptively; a plain file (mp4/webm) is handed straight to the element.
+     * Callers do not need to know which they have.
+     */
+    src: string | HlsVideoSource;
+    /** Cap the chosen rendition to the element's on-screen size. */
+    capLevelToPlayerSize?: boolean;
+};
+/**
+ * A `<video>` that can also play HLS, with a fallback for a manifest that isn't
+ * there.
+ *
+ * Safari and iOS play HLS natively; Chrome and Firefox do not, so a bare
+ * `<video src="…m3u8">` silently fails there and hls.js has to drive the element
+ * instead. Every property video renders through this, so a manifest URL works the
+ * same everywhere and a plain file URL keeps working unchanged.
+ *
+ * `fallbackSrc` exists because a property's ladder URL is DERIVED, not confirmed
+ * (see propertyVideoSrc) — the transcode may not have run for that property yet.
+ * Without the fallback a missing ladder would be a dead black box; with it, the
+ * page quietly plays the original master instead.
+ *
+ * hls.js is imported ON DEMAND rather than at module scope: it is ~200 KB, and
+ * this component is re-exported from the package index, so a static import would
+ * put the parser in every consuming app's bundle whether or not it plays a
+ * manifest. Pages that only ever see a plain file never fetch it.
+ */
+declare const HlsVideo: React$1.ForwardRefExoticComponent<Omit<React$1.VideoHTMLAttributes<HTMLVideoElement>, "src"> & {
+    /**
+     * A URL, or a `{ src, fallbackSrc }` pair. An HLS manifest (`.m3u8`) streams
+     * adaptively; a plain file (mp4/webm) is handed straight to the element.
+     * Callers do not need to know which they have.
+     */
+    src: string | HlsVideoSource;
+    /** Cap the chosen rendition to the element's on-screen size. */
+    capLevelToPlayerSize?: boolean;
+} & React$1.RefAttributes<HTMLVideoElement>>;
+
 type PropertyTourProps = Omit<React$1.ComponentPropsWithoutRef<typeof Card>, "title"> & {
     title: string;
-    src: string;
+    src: string | HlsVideoSource;
     poster?: string;
     autoPlay?: boolean;
     muted?: boolean;
@@ -217,7 +269,7 @@ type PropertyTourProps = Omit<React$1.ComponentPropsWithoutRef<typeof Card>, "ti
 };
 declare const PropertyTour: React$1.ForwardRefExoticComponent<Omit<Omit<CardProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
     title: string;
-    src: string;
+    src: string | HlsVideoSource;
     poster?: string;
     autoPlay?: boolean;
     muted?: boolean;
@@ -264,7 +316,7 @@ declare const PropertyNewsUpdates: React$1.ForwardRefExoticComponent<PropertyNew
 interface PropertyMediaRowProps {
     newsItems: PropertyNewsItem[];
     newsConnectionStatus?: "live" | "connecting";
-    videoSrc: string;
+    videoSrc: string | HlsVideoSource;
     videoTitle: string;
     className?: string;
 }
@@ -881,7 +933,7 @@ type PropertyOverviewProps = {
     financialItems?: FinancialItem[];
     images?: OverviewImage[];
     galleryCategories?: GalleryCategory[];
-    videoUrl?: string;
+    videoUrl?: string | HlsVideoSource;
     tokenName?: string;
     landSizeSqm?: number | null;
     buildingSizeSqm?: number | null;
@@ -1225,7 +1277,7 @@ type PropertyBuyProps = {
     };
     newsItems?: PropertyNewsItem[];
     newsConnectionStatus?: 'live' | 'connecting';
-    videoUrl?: string;
+    videoUrl?: string | HlsVideoSource;
     toast: ReturnType<typeof useToast>['toast'];
 };
 declare function PropertyBuy({ propertyName, propertyLocation: _propertyLocationLabel, tokenDisplayName, tokenSymbol, tokenName, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, opensAt, isPrivateClient, recentOrders, ordersAllocated, subscribers, isLoadingActivity, selectorItems, onSelectorSelect, onVerifyIdentity, portfolioActivity, newsItems, newsConnectionStatus, videoUrl, toast, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
@@ -1317,7 +1369,7 @@ type PropertyPhotoGalleryProps = {
     images?: PropertyGalleryImage[];
     title?: string;
     subtitle?: string;
-    videoUrl?: string;
+    videoUrl?: string | HlsVideoSource;
 };
 declare function PropertyPhotoGallery({ isOpen, onClose, startIndex, startWithVideo, title, subtitle, images, videoUrl, }: PropertyPhotoGalleryProps): react_jsx_runtime.JSX.Element | null;
 
@@ -1387,4 +1439,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, HlsVideo, type HlsVideoProps, type HlsVideoSource, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };

package/dist/index.d.ts

@@ -205,9 +205,61 @@ interface HousePositionSliderMobileProps extends React$1.HTMLAttributes<HTMLDivE
 }
 declare function HousePositionSliderMobile({ tokenId, tokenSymbol, totalTokens, currentPrice, availableCash, tokensHeld, defaultOrderType, orderbook, ownershipPercentOverride, onConfirmOrder, className, ...props }: HousePositionSliderMobileProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * A video to play, plus what to play if it fails.
+ *
+ * Structurally identical to `PropertyVideoSource` in the app repo
+ * (loafx-frontend/shared/video/propertyVideoSrc.ts) — duplicated rather than
+ * imported because that lives outside this package. Keep the two shapes in step.
+ */
+type HlsVideoSource = {
+    src: string;
+    /** Played if `src` fails to load. Absent when there is nothing to fall back to. */
+    fallbackSrc?: string;
+};
+type HlsVideoProps = Omit<React$1.VideoHTMLAttributes<HTMLVideoElement>, "src"> & {
+    /**
+     * A URL, or a `{ src, fallbackSrc }` pair. An HLS manifest (`.m3u8`) streams
+     * adaptively; a plain file (mp4/webm) is handed straight to the element.
+     * Callers do not need to know which they have.
+     */
+    src: string | HlsVideoSource;
+    /** Cap the chosen rendition to the element's on-screen size. */
+    capLevelToPlayerSize?: boolean;
+};
+/**
+ * A `<video>` that can also play HLS, with a fallback for a manifest that isn't
+ * there.
+ *
+ * Safari and iOS play HLS natively; Chrome and Firefox do not, so a bare
+ * `<video src="…m3u8">` silently fails there and hls.js has to drive the element
+ * instead. Every property video renders through this, so a manifest URL works the
+ * same everywhere and a plain file URL keeps working unchanged.
+ *
+ * `fallbackSrc` exists because a property's ladder URL is DERIVED, not confirmed
+ * (see propertyVideoSrc) — the transcode may not have run for that property yet.
+ * Without the fallback a missing ladder would be a dead black box; with it, the
+ * page quietly plays the original master instead.
+ *
+ * hls.js is imported ON DEMAND rather than at module scope: it is ~200 KB, and
+ * this component is re-exported from the package index, so a static import would
+ * put the parser in every consuming app's bundle whether or not it plays a
+ * manifest. Pages that only ever see a plain file never fetch it.
+ */
+declare const HlsVideo: React$1.ForwardRefExoticComponent<Omit<React$1.VideoHTMLAttributes<HTMLVideoElement>, "src"> & {
+    /**
+     * A URL, or a `{ src, fallbackSrc }` pair. An HLS manifest (`.m3u8`) streams
+     * adaptively; a plain file (mp4/webm) is handed straight to the element.
+     * Callers do not need to know which they have.
+     */
+    src: string | HlsVideoSource;
+    /** Cap the chosen rendition to the element's on-screen size. */
+    capLevelToPlayerSize?: boolean;
+} & React$1.RefAttributes<HTMLVideoElement>>;
+
 type PropertyTourProps = Omit<React$1.ComponentPropsWithoutRef<typeof Card>, "title"> & {
     title: string;
-    src: string;
+    src: string | HlsVideoSource;
     poster?: string;
     autoPlay?: boolean;
     muted?: boolean;
@@ -217,7 +269,7 @@ type PropertyTourProps = Omit<React$1.ComponentPropsWithoutRef<typeof Card>, "ti
 };
 declare const PropertyTour: React$1.ForwardRefExoticComponent<Omit<Omit<CardProps & React$1.RefAttributes<HTMLDivElement>, "ref">, "title"> & {
     title: string;
-    src: string;
+    src: string | HlsVideoSource;
     poster?: string;
     autoPlay?: boolean;
     muted?: boolean;
@@ -264,7 +316,7 @@ declare const PropertyNewsUpdates: React$1.ForwardRefExoticComponent<PropertyNew
 interface PropertyMediaRowProps {
     newsItems: PropertyNewsItem[];
     newsConnectionStatus?: "live" | "connecting";
-    videoSrc: string;
+    videoSrc: string | HlsVideoSource;
     videoTitle: string;
     className?: string;
 }
@@ -881,7 +933,7 @@ type PropertyOverviewProps = {
     financialItems?: FinancialItem[];
     images?: OverviewImage[];
     galleryCategories?: GalleryCategory[];
-    videoUrl?: string;
+    videoUrl?: string | HlsVideoSource;
     tokenName?: string;
     landSizeSqm?: number | null;
     buildingSizeSqm?: number | null;
@@ -1225,7 +1277,7 @@ type PropertyBuyProps = {
     };
     newsItems?: PropertyNewsItem[];
     newsConnectionStatus?: 'live' | 'connecting';
-    videoUrl?: string;
+    videoUrl?: string | HlsVideoSource;
     toast: ReturnType<typeof useToast>['toast'];
 };
 declare function PropertyBuy({ propertyName, propertyLocation: _propertyLocationLabel, tokenDisplayName, tokenSymbol, tokenName, isAuthenticated, onSignIn, saleData, walletUsdcBalance, walletPropertyTokenBalance, onPurchase, purchaseStatus, purchaseError, onDeposit, opensAt, isPrivateClient, recentOrders, ordersAllocated, subscribers, isLoadingActivity, selectorItems, onSelectorSelect, onVerifyIdentity, portfolioActivity, newsItems, newsConnectionStatus, videoUrl, toast, }: PropertyBuyProps): react_jsx_runtime.JSX.Element;
@@ -1317,7 +1369,7 @@ type PropertyPhotoGalleryProps = {
     images?: PropertyGalleryImage[];
     title?: string;
     subtitle?: string;
-    videoUrl?: string;
+    videoUrl?: string | HlsVideoSource;
 };
 declare function PropertyPhotoGallery({ isOpen, onClose, startIndex, startWithVideo, title, subtitle, images, videoUrl, }: PropertyPhotoGalleryProps): react_jsx_runtime.JSX.Element | null;
 
@@ -1387,4 +1439,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, HlsVideo, type HlsVideoProps, type HlsVideoSource, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };

package/dist/index.js

@@ -2575,6 +2575,66 @@ function MobileDepthRow({
     }
   );
 }
+var isHlsManifest = (url) => /\.m3u8(\?|$)/i.test(url);
+var HLS_MIME = "application/vnd.apple.mpegurl";
+var MANIFEST_FAILURES = /* @__PURE__ */ new Set(["manifestLoadError", "manifestLoadTimeOut", "manifestParsingError"]);
+var HlsVideo = React5__namespace.forwardRef(
+  ({ src, capLevelToPlayerSize = true, onError, ...videoProps }, ref) => {
+    const videoRef = React5__namespace.useRef(null);
+    React5__namespace.useImperativeHandle(ref, () => videoRef.current, []);
+    const primary = typeof src === "string" ? src : src.src;
+    const fallbackSrc = typeof src === "string" ? void 0 : src.fallbackSrc;
+    const [failedSrc, setFailedSrc] = React5__namespace.useState(null);
+    const usingFallback = fallbackSrc != null && failedSrc === primary;
+    const activeSrc = usingFallback ? fallbackSrc : primary;
+    const failPrimary = React5__namespace.useCallback(() => {
+      if (fallbackSrc == null) return;
+      setFailedSrc(primary);
+    }, [fallbackSrc, primary]);
+    React5__namespace.useEffect(() => {
+      const video = videoRef.current;
+      if (!video || !activeSrc) return;
+      if (!isHlsManifest(activeSrc) || video.canPlayType(HLS_MIME)) {
+        video.src = activeSrc;
+        return;
+      }
+      let hls = null;
+      let cancelled = false;
+      void import('hls.js').then(({ default: Hls }) => {
+        if (cancelled) return;
+        if (!Hls.isSupported()) {
+          video.src = activeSrc;
+          return;
+        }
+        const instance = new Hls({
+          capLevelToPlayerSize,
+          startLevel: -1,
+          enableWorker: true,
+          startFragPrefetch: true
+        });
+        hls = instance;
+        instance.on(Hls.Events.ERROR, (_evt, data) => {
+          if (data?.fatal && MANIFEST_FAILURES.has(String(data.details))) failPrimary();
+        });
+        instance.loadSource(activeSrc);
+        instance.attachMedia(video);
+      });
+      return () => {
+        cancelled = true;
+        hls?.destroy();
+      };
+    }, [activeSrc, capLevelToPlayerSize, failPrimary]);
+    const handleError = React5__namespace.useCallback(
+      (e) => {
+        if (!usingFallback) failPrimary();
+        onError?.(e);
+      },
+      [usingFallback, failPrimary, onError]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx("video", { ref: videoRef, onError: handleError, ...videoProps });
+  }
+);
+HlsVideo.displayName = "HlsVideo";
 var PropertyTour = React5__namespace.forwardRef(
   ({
     className,
@@ -2589,11 +2649,6 @@ var PropertyTour = React5__namespace.forwardRef(
     ...props
   }, ref) => {
     const videoRef = React5__namespace.useRef(null);
-    React5__namespace.useEffect(() => {
-      if (videoRef.current && src) {
-        videoRef.current.load();
-      }
-    }, [src]);
     React5__namespace.useEffect(() => {
       const video = videoRef.current;
       if (!video) return;
@@ -2658,10 +2713,11 @@ var PropertyTour = React5__namespace.forwardRef(
                 display: none !important;
               }
             ` }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "video",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              HlsVideo,
               {
                 ref: videoRef,
+                src,
                 className: "loaf-muted-video absolute inset-0 h-full w-full object-cover object-center",
                 controls,
                 controlsList: "nodownload noplaybackrate",
@@ -2675,10 +2731,7 @@ var PropertyTour = React5__namespace.forwardRef(
                 muted,
                 playsInline,
                 poster,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("source", { src }),
-                  "Your browser does not support the video tag."
-                ]
+                children: "Your browser does not support the video tag."
               }
             )
           ] }) })
@@ -9797,8 +9850,9 @@ function GalleryMapSection({
       isMobile ? /* @__PURE__ */ jsxRuntime.jsx(StackedGallery, { images, onPhotoClick }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(Carousel, { children: [
           showVideo && videoUrl && /* @__PURE__ */ jsxRuntime.jsx(VideoOverlay, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            "video",
+            HlsVideo,
             {
+              src: videoUrl,
               autoPlay: true,
               loop: true,
               playsInline: true,
@@ -9807,8 +9861,7 @@ function GalleryMapSection({
               onVolumeChange: (e) => {
                 if (!e.currentTarget.muted) e.currentTarget.muted = true;
               },
-              style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: 8 },
-              children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: videoUrl, type: "video/mp4" })
+              style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: 8 }
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(Track, { style: { transform: `translateX(-${carouselIndex * 100}%)` }, children: images.map((img, idx) => /* @__PURE__ */ jsxRuntime.jsxs(Slide, { onClick: () => onPhotoClick?.(idx), children: [
@@ -9924,7 +9977,7 @@ function GalleryMapSection({
     showFullVideo && videoUrl && /* @__PURE__ */ jsxRuntime.jsxs(FullVideoOverlay, { onClick: () => setShowFullVideo(false), children: [
       /* @__PURE__ */ jsxRuntime.jsx(FullVideoClose, { onClick: () => setShowFullVideo(false), "aria-label": "Close video", children: "\u2715" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        "video",
+        HlsVideo,
         {
           src: videoUrl,
           autoPlay: true,
@@ -15122,6 +15175,9 @@ var STATUS_COLOR2 = {
   CLOSED: "#848e9c",
   CANCELLED: "#f6465d"
 };
+var STUCK_SETTLING_MS = 7e3;
+var SETTLING_MESSAGE = "Trade settling on-chain";
+var STUCK_SETTLING_MESSAGE = "Attention: Trade taking longer than usual to settle on chain. Please wait up to 10 seconds before trading. This is reflected in your locked balance.";
 var settlingSpin = styled10.keyframes`
   to { transform: rotate(360deg); }
 `;
@@ -15135,41 +15191,55 @@ var SettlingSpinner = styled10__default.default.span`
   animation: ${settlingSpin} 0.7s linear infinite;
   flex-shrink: 0;
 `;
+var StuckSettlingGlyph = styled10__default.default.span`
+  display: inline-block;
+  font-size: 11px;
+  line-height: 1;
+  flex-shrink: 0;
+`;
 var SettlingTip = styled10__default.default.span`
   position: relative;
   display: inline-flex;
   align-items: center;
   cursor: help;
-  &::after {
-    content: 'Trade settling on-chain';
-    position: absolute;
-    left: 50%;
-    bottom: calc(100% + 8px);
-    transform: translateX(-50%) translateY(3px);
-    padding: 6px 8px;
-    background: rgba(20, 22, 28, 0.97);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 6px;
-    color: rgba(255, 255, 255, 0.78);
-    font-size: 0.66rem;
-    font-weight: 400;
-    line-height: 1.3;
-    letter-spacing: normal;
-    text-transform: none;
-    white-space: nowrap;
-    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
-    opacity: 0;
-    visibility: hidden;
-    transition: opacity 0.15s ease, transform 0.15s ease;
-    pointer-events: none;
-    z-index: 2000;
-  }
-  &:hover::after {
+`;
+var SettlingTipBubble = styled10__default.default.span`
+  position: absolute;
+  bottom: calc(100% + 8px);
+  /* Stuck copy is a paragraph, so it anchors to the icon's left edge instead of
+     centring — centred it would hang off the left of the row. */
+  left: ${(p) => p.$stuck ? "0" : "50%"};
+  transform: ${(p) => p.$stuck ? "translateX(0)" : "translateX(-50%)"} translateY(3px);
+  width: ${(p) => p.$stuck ? "224px" : "auto"};
+  white-space: ${(p) => p.$stuck ? "normal" : "nowrap"};
+  padding: 6px 8px;
+  background: rgba(20, 22, 28, 0.97);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 6px;
+  color: rgba(255, 255, 255, 0.78);
+  font-size: 0.66rem;
+  font-weight: 400;
+  line-height: 1.35;
+  letter-spacing: normal;
+  text-transform: none;
+  text-align: left;
+  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.15s ease, transform 0.15s ease;
+  pointer-events: none;
+  z-index: 2000;
+
+  ${SettlingTip}:hover & {
     opacity: 1;
     visibility: visible;
-    transform: translateX(-50%) translateY(0);
+    transform: ${(p) => p.$stuck ? "translateX(0)" : "translateX(-50%)"} translateY(0);
   }
 `;
+var SettlingIndicator = ({ stuck, style }) => /* @__PURE__ */ jsxRuntime.jsxs(SettlingTip, { role: "img", "aria-label": stuck ? "Settlement delayed" : SETTLING_MESSAGE, style, children: [
+  stuck ? /* @__PURE__ */ jsxRuntime.jsx(StuckSettlingGlyph, { "aria-hidden": "true", children: "\u26A0\uFE0F" }) : /* @__PURE__ */ jsxRuntime.jsx(SettlingSpinner, { "aria-hidden": "true" }),
+  /* @__PURE__ */ jsxRuntime.jsx(SettlingTipBubble, { $stuck: stuck, children: stuck ? STUCK_SETTLING_MESSAGE : SETTLING_MESSAGE })
+] });
 var ACTIVITY_PAGE_SIZE_DEFAULT = 8;
 var formatCurrency4 = (value, opts) => {
   const min = opts?.minimumFractionDigits ?? 2;
@@ -15177,14 +15247,21 @@ var formatCurrency4 = (value, opts) => {
   return `$${value.toLocaleString("en-US", { minimumFractionDigits: min, maximumFractionDigits: max })}`;
 };
 var formatNumber2 = (value, maximumFractionDigits = 2) => value.toLocaleString("en-US", { minimumFractionDigits: 0, maximumFractionDigits });
+var toMillis = (unix) => {
+  if (unix > 1e18) return Math.floor(unix / 1e6);
+  if (unix > 1e14) return Math.floor(unix / 1e3);
+  if (unix > 1e12) return unix;
+  return unix * 1e3;
+};
+var SETTLED_TRADE_STATUSES = ["SETTLED", "CONFIRMED", "FILLED", "ALLOCATED"];
+var FAILED_TRADE_STATUSES = ["SETTLEMENT_FAILED", "REJECTED", "CANCELLED", "CANCELED"];
+var tradeIsSettling = (status) => {
+  const s = status?.toUpperCase();
+  return !!s && !SETTLED_TRADE_STATUSES.includes(s) && !FAILED_TRADE_STATUSES.includes(s);
+};
 var formatTimestamp = (unix) => {
   if (!unix) return "\u2014";
-  let sec;
-  if (unix > 1e18) sec = Math.floor(unix / 1e9);
-  else if (unix > 1e14) sec = Math.floor(unix / 1e6);
-  else if (unix > 1e12) sec = Math.floor(unix / 1e3);
-  else sec = unix;
-  return new Date(sec * 1e3).toLocaleString("en-AU", {
+  return new Date(toMillis(unix)).toLocaleString("en-AU", {
     day: "2-digit",
     month: "short",
     hour: "2-digit",
@@ -15248,6 +15325,40 @@ function PortfolioActivityPanel({
   const [closeAllOpen, setCloseAllOpen] = React5.useState(false);
   const [closeAllType, setCloseAllType] = React5.useState("market");
   const [closingAll, setClosingAll] = React5.useState(false);
+  const settlingPositionIds = positions.filter((p) => p.settling).map((p) => p.propertyId);
+  const settlingKey = settlingPositionIds.join(",");
+  const settlingTradeStartByProperty = /* @__PURE__ */ new Map();
+  const settlingTradeDeadlines = [];
+  for (const trade of tradeHistory) {
+    if (!tradeIsSettling(trade.status)) continue;
+    const startedAt = toMillis(trade.executedAt);
+    settlingTradeDeadlines.push(startedAt + STUCK_SETTLING_MS);
+    const earliest = settlingTradeStartByProperty.get(trade.propertyId);
+    if (earliest === void 0 || startedAt < earliest) settlingTradeStartByProperty.set(trade.propertyId, startedAt);
+  }
+  const tradeDeadlineKey = settlingTradeDeadlines.join(",");
+  const settlingSinceRef = React5.useRef(/* @__PURE__ */ new Map());
+  const [now, setNow] = React5.useState(() => Date.now());
+  React5.useEffect(() => {
+    const since = settlingSinceRef.current;
+    const seenAt = Date.now();
+    for (const id of settlingPositionIds) if (!since.has(id)) since.set(id, seenAt);
+    for (const id of [...since.keys()]) if (!settlingPositionIds.includes(id)) since.delete(id);
+    setNow(seenAt);
+  }, [settlingKey]);
+  const positionSettlingStart = (propertyId) => settlingTradeStartByProperty.get(propertyId) ?? settlingSinceRef.current.get(propertyId) ?? now;
+  React5.useEffect(() => {
+    const pending = [
+      ...settlingPositionIds.map((id) => positionSettlingStart(id) + STUCK_SETTLING_MS),
+      ...settlingTradeDeadlines
+    ].filter((deadline) => deadline > now);
+    if (pending.length === 0) return;
+    const delay = Math.min(Math.min(...pending) - now + 50, 2147483647);
+    const timer = setTimeout(() => setNow(Date.now()), delay);
+    return () => clearTimeout(timer);
+  }, [settlingKey, tradeDeadlineKey, now]);
+  const isPositionStuck = (pos) => !!pos.settling && now - positionSettlingStart(pos.propertyId) >= STUCK_SETTLING_MS;
+  const isTradeStuck = (trade) => now - toMillis(trade.executedAt) >= STUCK_SETTLING_MS;
   const hasPositionActions = !!(onClosePosition || onSharePosition || onCloseAllPositions);
   const [posSortKey, setPosSortKey] = React5.useState("asset");
   const [posSortAsc, setPosSortAsc] = React5.useState(true);
@@ -15502,7 +15613,7 @@ function PortfolioActivityPanel({
                   /* @__PURE__ */ jsxRuntime.jsx(CCellLabel, { children: "Asset" }),
                   /* @__PURE__ */ jsxRuntime.jsxs(CAssetName, { children: [
                     pos.tokenName,
-                    pos.settling && /* @__PURE__ */ jsxRuntime.jsx(SettlingTip, { style: { marginLeft: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(SettlingSpinner, {}) })
+                    pos.settling && /* @__PURE__ */ jsxRuntime.jsx(SettlingIndicator, { stuck: isPositionStuck(pos), style: { marginLeft: 6 } })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(CUnitsCell, { children: [
@@ -15594,7 +15705,7 @@ function PortfolioActivityPanel({
             return /* @__PURE__ */ jsxRuntime.jsxs(PositionsRow, { $hasClose: hasPositionActions, children: [
               /* @__PURE__ */ jsxRuntime.jsx(PositionsCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(HoldingsPropertyLink, { onClick: () => onPositionClick?.(pos.tokenName, pos.isIpoAllocation), children: pos.tokenName }),
-                pos.settling && /* @__PURE__ */ jsxRuntime.jsx(SettlingTip, { children: /* @__PURE__ */ jsxRuntime.jsx(SettlingSpinner, {}) })
+                pos.settling && /* @__PURE__ */ jsxRuntime.jsx(SettlingIndicator, { stuck: isPositionStuck(pos) })
               ] }) }),
               /* @__PURE__ */ jsxRuntime.jsx(PositionsCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: "#fff", fontSize: "0.8rem" }, children: [
                 formatNumber2(pos.totalQuantity),
@@ -15975,7 +16086,8 @@ function PortfolioActivityPanel({
           const s = trade.status?.toUpperCase();
           const isSettled = s === "SETTLED" || s === "CONFIRMED" || s === "FILLED" || s === "ALLOCATED";
           const isFailed = s === "SETTLEMENT_FAILED" || s === "REJECTED" || s === "CANCELLED" || s === "CANCELED";
-          const isSettling = !isSettled && !isFailed && !!trade.status;
+          const isSettling = tradeIsSettling(trade.status);
+          const stuckSettling = isSettling && isTradeStuck(trade);
           const settlementLabel = isSettled ? "Settled" : isFailed ? "Settlement Failed" : isSettling ? prettyLabel(trade.status) : "\u2014";
           const settlementMeta = isSettled ? { color: "#0ecb81", bg: "rgba(14,203,129,0.1)" } : isFailed ? { color: "#f6465d", bg: "rgba(246,70,93,0.12)" } : isSettling ? { color: "#E6C87E", bg: "rgba(240,185,11,0.15)" } : null;
           const sideColor = sideLabel(trade.side) === "Buy" ? "#0ecb81" : "#f6465d";
@@ -16018,7 +16130,10 @@ function PortfolioActivityPanel({
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(CDetailItem, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(CDLabel, { children: "Settlement" }),
-                /* @__PURE__ */ jsxRuntime.jsx(CDValue, { children: settlementMeta ? /* @__PURE__ */ jsxRuntime.jsx(ActivityTag, { $color: settlementMeta.color, $bg: settlementMeta.bg, children: settlementLabel }) : "\u2014" })
+                /* @__PURE__ */ jsxRuntime.jsxs(CDValue, { children: [
+                  settlementMeta ? /* @__PURE__ */ jsxRuntime.jsx(ActivityTag, { $color: settlementMeta.color, $bg: settlementMeta.bg, children: settlementLabel }) : "\u2014",
+                  stuckSettling && /* @__PURE__ */ jsxRuntime.jsx(SettlingIndicator, { stuck: true, style: { marginLeft: 6 } })
+                ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(CDetailItem, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(CDLabel, { children: "Date" }),
@@ -16043,7 +16158,8 @@ function PortfolioActivityPanel({
             const s = trade.status?.toUpperCase();
             const isSettled = s === "SETTLED" || s === "CONFIRMED" || s === "FILLED" || s === "ALLOCATED";
             const isFailed = s === "SETTLEMENT_FAILED" || s === "REJECTED" || s === "CANCELLED" || s === "CANCELED";
-            const isSettling = !isSettled && !isFailed && !!trade.status;
+            const isSettling = tradeIsSettling(trade.status);
+            const stuckSettling = isSettling && isTradeStuck(trade);
             const settlementLabel = isSettled ? "Settled" : isFailed ? "Settlement Failed" : isSettling ? prettyLabel(trade.status) : "\u2014";
             const settlementMeta = isSettled ? { color: "#0ecb81", bg: "rgba(14,203,129,0.1)" } : isFailed ? { color: "#f6465d", bg: "rgba(246,70,93,0.12)" } : isSettling ? { color: "#E6C87E", bg: "rgba(240,185,11,0.15)" } : null;
             const sideColor = sideLabel(trade.side) === "Buy" ? "#0ecb81" : "#f6465d";
@@ -16060,7 +16176,10 @@ function PortfolioActivityPanel({
               ] }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { children: formatCurrency4(trade.price) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { children: formatCurrency4(trade.price * trade.quantity) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: settlementMeta ? /* @__PURE__ */ jsxRuntime.jsx(ActivityTag, { $color: settlementMeta.color, $bg: settlementMeta.bg, children: settlementLabel }) : /* @__PURE__ */ jsxRuntime.jsx(CellText, { $muted: true, children: "\u2014" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "0.35rem" }, children: [
+                settlementMeta ? /* @__PURE__ */ jsxRuntime.jsx(ActivityTag, { $color: settlementMeta.color, $bg: settlementMeta.bg, children: settlementLabel }) : /* @__PURE__ */ jsxRuntime.jsx(CellText, { $muted: true, children: "\u2014" }),
+                stuckSettling && /* @__PURE__ */ jsxRuntime.jsx(SettlingIndicator, { stuck: true })
+              ] }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: /* @__PURE__ */ jsxRuntime.jsx(CellText, { $muted: true, children: formatTimestamp(trade.executedAt) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(GridCell, { children: trade.txHash && /* @__PURE__ */ jsxRuntime.jsx(TxLink, { href: `${_blockExplorerBaseUrl}/${trade.txHash}`, target: "_blank", rel: "noopener noreferrer", title: "View on Arbiscan", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
@@ -19588,8 +19707,9 @@ function GalleryContent({ galleryImages, startIndex, startWithVideo, title, subt
                 }
               ),
               showVideo && videoUrl ? /* @__PURE__ */ jsxRuntime.jsx(GalleryVideoWrap, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                "video",
+                HlsVideo,
                 {
+                  src: videoUrl,
                   autoPlay: true,
                   loop: true,
                   playsInline: true,
@@ -19598,8 +19718,7 @@ function GalleryContent({ galleryImages, startIndex, startWithVideo, title, subt
                   onVolumeChange: (e) => {
                     if (!e.currentTarget.muted) e.currentTarget.muted = true;
                   },
-                  style: { objectFit: "contain", borderRadius: 12, boxShadow: "0 30px 80px rgba(0,0,0,0.55)" },
-                  children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: videoUrl, type: "video/mp4" })
+                  style: { objectFit: "contain", borderRadius: 12, boxShadow: "0 30px 80px rgba(0,0,0,0.55)" }
                 }
               ) }) : galleryImages.map((image, idx) => /* @__PURE__ */ jsxRuntime.jsx(MainImage, { src: image.src, alt: image.alt, $visible: idx === currentIndex }, image.alt)),
               galleryImages[currentIndex]?.hotspots?.map((hotspot) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -20620,6 +20739,7 @@ exports.CardHeader = CardHeader;
 exports.CardTitle = CardTitle;
 exports.ContactPopup = ContactPopup;
 exports.Header = Header;
+exports.HlsVideo = HlsVideo;
 exports.HousePositionSlider = HousePositionSlider;
 exports.HousePositionSliderMobile = HousePositionSliderMobile;
 exports.LoafLiquidityBadge = LoafLiquidityBadge;