@oxy.so/bloom 3.1.0 → 3.2.1

package/src/chat-indicators/MessageStatus.tsx

@@ -1,12 +1,10 @@
 import React, { memo, useMemo } from 'react';
 import { View } from 'react-native';
 
-import {
-  RiCheckDoubleLine,
-  RiCheckLine,
-  RiErrorWarningFill,
-  RiTimeLine,
-} from '../icons/remix';
+import { RiCheckDoubleLine } from '../icons/remix/RiCheckDoubleLine';
+import { RiCheckLine } from '../icons/remix/RiCheckLine';
+import { RiErrorWarningFill } from '../icons/remix/RiErrorWarningFill';
+import { RiTimeLine } from '../icons/remix/RiTimeLine';
 import { useTheme } from '../theme/use-theme';
 import { MESSAGE_STATUS_LABELS, resolveChatIndicatorPaint } from './shared';
 import type { MessageStatusProps } from './types';

package/src/data-table/DataTableRowActions.tsx

@@ -9,7 +9,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '../dropdown-menu';
-import { RiMore2Fill } from '../icons/remix';
+import { RiMore2Fill } from '../icons/remix/RiMore2Fill';
 import { useTheme } from '../theme/use-theme';
 import { DataTableRowAction } from './DataTable';
 import type { DataTableRowActionsProps } from './types';

package/src/data-table/DataTableSearch.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useWindowDimensions } from 'react-native';
 
-import { RiSearchLine } from '../icons/remix';
+import { RiSearchLine } from '../icons/remix/RiSearchLine';
 import { BREAKPOINTS } from '../styles/breakpoints';
 import { TextField, TextFieldIcon, TextFieldInput } from '../text-field';
 import { TYPE_SCALE } from '../typography';

package/src/date-picker/MeetingScheduler.tsx

@@ -13,7 +13,9 @@ import Svg, { Path } from 'react-native-svg';
 import { Avatar } from '../avatar';
 import { Button } from '../button';
 import { useControllableState } from '../hooks/use-controllable-state';
-import { RiFlagLine, RiGlobalLine, RiVideoLine } from '../icons/remix';
+import { RiFlagLine } from '../icons/remix/RiFlagLine';
+import { RiGlobalLine } from '../icons/remix/RiGlobalLine';
+import { RiVideoLine } from '../icons/remix/RiVideoLine';
 import type { WebCssStyle } from '../styles/web-view-style';
 import { useTheme } from '../theme/use-theme';
 import { Text, TYPE_SCALE } from '../typography';

package/src/date-picker/PickerShell.tsx

@@ -3,7 +3,7 @@ import { Platform, View, type StyleProp, type ViewStyle } from 'react-native';
 
 import { Button } from '../button';
 import type { ButtonIconComponent } from '../button/types';
-import { RiCalendarLine as CalendarIcon } from '../icons/remix';
+import { RiCalendarLine as CalendarIcon } from '../icons/remix/RiCalendarLine';
 import { Popover, PopoverContent, PopoverTrigger } from '../popover';
 import { useTheme } from '../theme/use-theme';
 import { resolveCalendarPalette, type CalendarPalette } from './palette';

package/src/dialog/DialogHeader.tsx

@@ -22,11 +22,14 @@ import Animated, {
   type SharedValue,
 } from 'react-native-reanimated';
 
-import {
-  RiArrowLeftSLine,
-  RiMoreFill,
-  RiCloseLine,
-} from '../icons';
+// Per glyph, not through `../icons`. The barrel is a flat re-export of every
+// Remix module, and Metro does not tree-shake — so importing three names through
+// it put all 461 glyphs into every app that renders a Dialog, which is the cost
+// `./icons/Ri*` was added to remove. An app cannot opt out of what Bloom's own
+// components import, so the barrel has no place inside a shipped one.
+import { RiArrowLeftSLine } from '../icons/remix/RiArrowLeftSLine';
+import { RiMoreFill } from '../icons/remix/RiMoreFill';
+import { RiCloseLine } from '../icons/remix/RiCloseLine';
 import { FrostedIconButton } from '../frosted-icon-button';
 import { Button } from '../button';
 import { Search } from '../search';

package/src/eviction/EvictionReportCard.tsx

@@ -4,16 +4,14 @@ import { View } from 'react-native';
 import { Badge } from '../badge';
 import { Button } from '../button';
 import { Chip } from '../chip';
-import {
-  RiChat3Line,
-  RiCheckLine,
-  RiGroupLine,
-  RiHandHeartLine,
-  RiMapPinLine,
-  RiShareLine,
-  RiShieldCheckFill,
-  RiTimeLine,
-} from '../icons/remix';
+import { RiChat3Line } from '../icons/remix/RiChat3Line';
+import { RiCheckLine } from '../icons/remix/RiCheckLine';
+import { RiGroupLine } from '../icons/remix/RiGroupLine';
+import { RiHandHeartLine } from '../icons/remix/RiHandHeartLine';
+import { RiMapPinLine } from '../icons/remix/RiMapPinLine';
+import { RiShareLine } from '../icons/remix/RiShareLine';
+import { RiShieldCheckFill } from '../icons/remix/RiShieldCheckFill';
+import { RiTimeLine } from '../icons/remix/RiTimeLine';
 import { HousingCard, HousingToggleButton, useHousingPalette } from '../tenancy/parts';
 import { resolveAccentColors } from '../theme/accent-colors';
 import { useTheme } from '../theme/use-theme';

package/src/eviction/constants.ts

@@ -1,13 +1,11 @@
-import {
-  RiCalendarLine,
-  RiCloseCircleLine,
-  RiFileTextLine,
-  RiGroupLine,
-  RiHome4Line,
-  RiInformationLine,
-  RiShieldCheckLine,
-  RiTimeLine,
-} from '../icons/remix';
+import { RiCalendarLine } from '../icons/remix/RiCalendarLine';
+import { RiCloseCircleLine } from '../icons/remix/RiCloseCircleLine';
+import { RiFileTextLine } from '../icons/remix/RiFileTextLine';
+import { RiGroupLine } from '../icons/remix/RiGroupLine';
+import { RiHome4Line } from '../icons/remix/RiHome4Line';
+import { RiInformationLine } from '../icons/remix/RiInformationLine';
+import { RiShieldCheckLine } from '../icons/remix/RiShieldCheckLine';
+import { RiTimeLine } from '../icons/remix/RiTimeLine';
 import type { AccentFill, AccentTone } from '../theme/accent-colors';
 import type { HousingIcon } from '../tenancy/types';
 import type { EvictionEventKind, EvictionStatus } from './types';

package/src/file-upload/FileUpload.tsx

@@ -13,12 +13,10 @@ import Svg, { Path, Rect } from 'react-native-svg';
 import { useReducedMotion } from 'react-native-reanimated';
 
 import { DANGER_TABLE, colorRamp, resolveButtonRamps } from '../button/shared';
-import {
-  RiFileExcel2Line,
-  RiFileImageLine,
-  RiFileTextLine,
-  RiUploadCloud2Line,
-} from '../icons/remix';
+import { RiFileExcel2Line } from '../icons/remix/RiFileExcel2Line';
+import { RiFileImageLine } from '../icons/remix/RiFileImageLine';
+import { RiFileTextLine } from '../icons/remix/RiFileTextLine';
+import { RiUploadCloud2Line } from '../icons/remix/RiUploadCloud2Line';
 import { useInteractionState } from '../hooks/use-interaction-state';
 import { useInteractiveWebCss } from '../styles/interactive-web-css';
 import type { WebCssStyle } from '../styles/web-view-style';

package/src/floating/menu-rows.tsx

@@ -42,7 +42,7 @@
  */
 import React, { useCallback, useMemo } from 'react';
 
-import { RiCheckLine as CheckIcon } from '../icons/remix';
+import { RiCheckLine as CheckIcon } from '../icons/remix/RiCheckLine';
 import { StyledText, StyledView } from '../styles/styled-primitives';
 import {
   ROW_ICON_SIZE,

package/src/floating/menu-sub-flyout.tsx

@@ -42,7 +42,7 @@ import React, {
 import { View } from 'react-native';
 
 import { useControllableState } from '../hooks/use-controllable-state';
-import { RiArrowRightSLine as ChevronRightIcon } from '../icons/remix';
+import { RiArrowRightSLine as ChevronRightIcon } from '../icons/remix/RiArrowRightSLine';
 import { StyledView } from '../styles/styled-primitives';
 import { useMenuPalette } from './menu-palette';
 import {

package/src/floating/menu-sub-inline.tsx

@@ -16,10 +16,8 @@
 import React, { useMemo } from 'react';
 
 import { useControllableState } from '../hooks/use-controllable-state';
-import {
-  RiArrowDownSLine as ChevronBottomIcon,
-  RiArrowUpSLine as ChevronTopIcon,
-} from '../icons/remix';
+import { RiArrowDownSLine as ChevronBottomIcon } from '../icons/remix/RiArrowDownSLine';
+import { RiArrowUpSLine as ChevronTopIcon } from '../icons/remix/RiArrowUpSLine';
 import { StyledView } from '../styles/styled-primitives';
 import { useMenuPalette } from './menu-palette';
 import { ROW_ICON_SIZE } from './constants';

package/src/listing-card/ListingCard.tsx

@@ -14,7 +14,8 @@ import {
 import { useReducedMotion } from 'react-native-reanimated';
 
 import { Button } from '../button';
-import { RiArrowLeftSLine, RiArrowRightSLine } from '../icons/remix';
+import { RiArrowLeftSLine } from '../icons/remix/RiArrowLeftSLine';
+import { RiArrowRightSLine } from '../icons/remix/RiArrowRightSLine';
 import { useImageResolver } from '../image-resolver/context';
 import { formatRatingValue } from '../rating/Rating';
 import { Rating } from '../rating';

package/src/listing-details/ContactCard.tsx

@@ -6,7 +6,11 @@ import { Button } from '../button';
 import { MENU_SHADOW } from '../floating/menu-palette';
 import { useControllableState } from '../hooks/use-controllable-state';
 import { useInteractionState } from '../hooks/use-interaction-state';
-import { RiCheckLine, RiHome4Line, RiPhoneLine, RiStarFill, RiTimeLine } from '../icons/remix';
+import { RiCheckLine } from '../icons/remix/RiCheckLine';
+import { RiHome4Line } from '../icons/remix/RiHome4Line';
+import { RiPhoneLine } from '../icons/remix/RiPhoneLine';
+import { RiStarFill } from '../icons/remix/RiStarFill';
+import { RiTimeLine } from '../icons/remix/RiTimeLine';
 import { useImageResolver } from '../image-resolver/context';
 import { useInteractiveWebCss } from '../styles/interactive-web-css';
 import type { WebCssStyle } from '../styles/web-view-style';

package/src/listing-details/FloorPlan.tsx

@@ -3,7 +3,7 @@ import { Image, Pressable, StyleSheet, View } from 'react-native';
 
 import { resolveButtonRamps } from '../button/shared';
 import { useInteractionState } from '../hooks/use-interaction-state';
-import { RiExpandDiagonalSLine } from '../icons/remix';
+import { RiExpandDiagonalSLine } from '../icons/remix/RiExpandDiagonalSLine';
 import { useImageResolver } from '../image-resolver/context';
 import { useInteractiveWebCss } from '../styles/interactive-web-css';
 import type { WebCssStyle } from '../styles/web-view-style';

package/src/listing-details/ListingPhotoGrid.tsx

@@ -4,7 +4,7 @@ import { Image, Pressable, StyleSheet, View, type StyleProp, type ViewStyle } fr
 import { Button } from '../button';
 import { Carousel, CarouselItem } from '../carousel';
 import { useInteractionState } from '../hooks/use-interaction-state';
-import { RiLayoutGridLine } from '../icons/remix';
+import { RiLayoutGridLine } from '../icons/remix/RiLayoutGridLine';
 import { useImageResolver } from '../image-resolver/context';
 import { useInteractiveWebCss } from '../styles/interactive-web-css';
 import { borderRadius } from '../styles/tokens';

package/src/listing-details/ReviewCard.tsx

@@ -3,7 +3,7 @@ import { Pressable, View, type LayoutChangeEvent } from 'react-native';
 
 import { Avatar } from '../avatar';
 import { useControllableState } from '../hooks/use-controllable-state';
-import { RiStarFill } from '../icons/remix';
+import { RiStarFill } from '../icons/remix/RiStarFill';
 import { useInteractiveWebCss } from '../styles/interactive-web-css';
 import type { WebCssStyle } from '../styles/web-view-style';
 import { webDataSet } from '../styles/web-data';

package/src/listing-details/ReviewSummary.tsx

@@ -3,7 +3,7 @@ import { View } from 'react-native';
 
 import { RatingBar } from '../rating';
 import { formatRatingValue } from '../rating/Rating';
-import { RiStarFill } from '../icons/remix';
+import { RiStarFill } from '../icons/remix/RiStarFill';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
 import { REVIEW_SUMMARY_WIDE_MIN_WIDTH } from './constants';

package/src/message-bubble/CallSummaryRow.tsx

@@ -1,12 +1,10 @@
 import React, { memo, useMemo } from 'react';
 import { Pressable, View } from 'react-native';
 
-import {
-  RiArrowRightDownLine,
-  RiArrowRightUpLine,
-  RiPhoneLine,
-  RiVideoLine,
-} from '../icons/remix';
+import { RiArrowRightDownLine } from '../icons/remix/RiArrowRightDownLine';
+import { RiArrowRightUpLine } from '../icons/remix/RiArrowRightUpLine';
+import { RiPhoneLine } from '../icons/remix/RiPhoneLine';
+import { RiVideoLine } from '../icons/remix/RiVideoLine';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
 import {

package/src/message-bubble/SwipeToReply.tsx

@@ -9,7 +9,7 @@ import Animated, {
   withTiming,
 } from 'react-native-reanimated';
 
-import { RiArrowGoBackLine } from '../icons/remix';
+import { RiArrowGoBackLine } from '../icons/remix/RiArrowGoBackLine';
 import { useTheme } from '../theme/use-theme';
 import { IS_WEB, resolveMessageBubblePaint } from './shared';
 import type { MessageDirection } from './types';

package/src/message-bubble/parts.tsx

@@ -5,7 +5,10 @@ import Svg, { Path } from 'react-native-svg';
 import { MessageStatus } from '../chat-indicators';
 import type { MessageDeliveryStatus } from '../chat-indicators';
 import { webDataSet } from '../styles/web-data';
-import { RiAddLine, RiEyeLine, RiRefreshLine, RiShareForwardLine } from '../icons/remix';
+import { RiAddLine } from '../icons/remix/RiAddLine';
+import { RiEyeLine } from '../icons/remix/RiEyeLine';
+import { RiRefreshLine } from '../icons/remix/RiRefreshLine';
+import { RiShareForwardLine } from '../icons/remix/RiShareForwardLine';
 import { Text } from '../typography';
 import {
   QUOTE_BAR_WIDTH,

package/src/notification-center/NotificationCenter.tsx

@@ -6,13 +6,11 @@ import { Button } from '../button';
 import { ACCENT_TABLE, colorRamp, DANGER_TABLE, resolveButtonRamps } from '../button/shared';
 import { MENU_SHADOW } from '../floating/menu-palette';
 import { useControllableState } from '../hooks/use-controllable-state';
-import {
-  RiCheckboxCircleFill,
-  RiErrorWarningFill,
-  RiInformationFill,
-  RiNotification3Fill,
-  RiNotificationOffLine,
-} from '../icons/remix';
+import { RiCheckboxCircleFill } from '../icons/remix/RiCheckboxCircleFill';
+import { RiErrorWarningFill } from '../icons/remix/RiErrorWarningFill';
+import { RiInformationFill } from '../icons/remix/RiInformationFill';
+import { RiNotification3Fill } from '../icons/remix/RiNotification3Fill';
+import { RiNotificationOffLine } from '../icons/remix/RiNotificationOffLine';
 import {
   SegmentedControl,
   SegmentedControlItem,

package/src/page-header/PageHeader.tsx

@@ -19,7 +19,7 @@ import { BUTTON_SHADOW, mixColor, resolveButtonRamps } from '../button/shared';
 import { ButtonGroupItem } from '../button-group';
 import { ControlSurface } from '../control-surface';
 import { GlassIsland } from '../glass';
-import { RiArrowLeftLine } from '../icons/remix';
+import { RiArrowLeftLine } from '../icons/remix/RiArrowLeftLine';
 import { useClaimTopEdge, useScrollOffset } from '../layout';
 import { BREAKPOINTS } from '../styles/breakpoints';
 import { WEB_POSITION_STICKY, type WebCssStyle } from '../styles/web-view-style';

package/src/place-reviews/PlaceReviewCard.tsx

@@ -5,14 +5,12 @@ import { Avatar } from '../avatar';
 import { Button } from '../button';
 import { Chip } from '../chip';
 import { useControllableState } from '../hooks/use-controllable-state';
-import {
-  RiCheckLine,
-  RiCloseLine,
-  RiFlagLine,
-  RiThumbDownLine,
-  RiThumbUpFill,
-  RiThumbUpLine,
-} from '../icons/remix';
+import { RiCheckLine } from '../icons/remix/RiCheckLine';
+import { RiCloseLine } from '../icons/remix/RiCloseLine';
+import { RiFlagLine } from '../icons/remix/RiFlagLine';
+import { RiThumbDownLine } from '../icons/remix/RiThumbDownLine';
+import { RiThumbUpFill } from '../icons/remix/RiThumbUpFill';
+import { RiThumbUpLine } from '../icons/remix/RiThumbUpLine';
 import { useContainerWidth } from '../hooks/use-container-width';
 import { Rating, RatingBar } from '../rating';
 import type { WebCssStyle } from '../styles/web-view-style';

package/src/place-reviews/PlaceReviewSummary.tsx

@@ -1,7 +1,8 @@
 import React, { memo } from 'react';
 import { View } from 'react-native';
 
-import { RiShieldCheckLine, RiThumbUpLine } from '../icons/remix';
+import { RiShieldCheckLine } from '../icons/remix/RiShieldCheckLine';
+import { RiThumbUpLine } from '../icons/remix/RiThumbUpLine';
 import { ReviewSummary } from '../listing-details/ReviewSummary';
 import { useHousingPalette } from '../tenancy/parts';
 import { Text } from '../typography';

package/src/place-reviews/WriteReviewPrompt.tsx

@@ -2,7 +2,9 @@ import React, { memo } from 'react';
 import { View } from 'react-native';
 
 import { Button } from '../button';
-import { RiBuilding2Line, RiCloseLine, RiQuillPenLine } from '../icons/remix';
+import { RiBuilding2Line } from '../icons/remix/RiBuilding2Line';
+import { RiCloseLine } from '../icons/remix/RiCloseLine';
+import { RiQuillPenLine } from '../icons/remix/RiQuillPenLine';
 import { HousingCard, IconTile, useHousingPalette } from '../tenancy/parts';
 import { Text } from '../typography';
 import type { WriteReviewPromptProps } from './types';

package/src/property-insights/EnergyBadge.tsx

@@ -1,7 +1,7 @@
 import React, { memo, useMemo } from 'react';
 import { View } from 'react-native';
 
-import { RiTimeLine } from '../icons/remix';
+import { RiTimeLine } from '../icons/remix/RiTimeLine';
 import { borderRadius } from '../styles/tokens';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';

package/src/property-insights/EnergyLabel.tsx

@@ -2,7 +2,7 @@ import React, { memo, useMemo } from 'react';
 import { View } from 'react-native';
 import Svg, { Path } from 'react-native-svg';
 
-import { RiTimeLine } from '../icons/remix';
+import { RiTimeLine } from '../icons/remix/RiTimeLine';
 import { useContainerWidth } from '../hooks/use-container-width';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';

package/src/property-insights/NearbyPlaces.tsx

@@ -1,7 +1,7 @@
 import React, { memo, useMemo } from 'react';
 import { View } from 'react-native';
 
-import { RiWalkLine } from '../icons/remix';
+import { RiWalkLine } from '../icons/remix/RiWalkLine';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
 import { resolveInsightPalette } from './shared';

package/src/property-insights/PriceEstimate.tsx

@@ -3,7 +3,8 @@ import { Pressable, View } from 'react-native';
 
 import { Chip } from '../chip';
 import { useControllableState } from '../hooks/use-controllable-state';
-import { RiArrowDownSLine, RiArrowUpSLine } from '../icons/remix';
+import { RiArrowDownSLine } from '../icons/remix/RiArrowDownSLine';
+import { RiArrowUpSLine } from '../icons/remix/RiArrowUpSLine';
 import { useContainerWidth } from '../hooks/use-container-width';
 import { useInteractiveWebCss } from '../styles/interactive-web-css';
 import type { WebCssStyle } from '../styles/web-view-style';

package/src/property-insights/PriceHistoryChart.tsx

@@ -11,7 +11,7 @@ import { useActiveIndex } from '../chart-cards/primitives/use-active-index';
 import { useChartCardPalette } from '../chart-cards/primitives/use-chart-palette';
 import { useChartRange } from '../chart-cards/primitives/use-chart-range';
 import { lerp, useChartProgress } from '../chart-cards/use-chart-progress';
-import { RiLineChartLine } from '../icons/remix';
+import { RiLineChartLine } from '../icons/remix/RiLineChartLine';
 import type { Theme } from '../theme/types';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';

package/src/property-insights/RentHistoryList.tsx

@@ -2,7 +2,7 @@ import React, { memo, useMemo } from 'react';
 import { View } from 'react-native';
 
 import { Chip } from '../chip';
-import { RiHistoryLine } from '../icons/remix';
+import { RiHistoryLine } from '../icons/remix/RiHistoryLine';
 import type { AccentTone } from '../theme/accent-colors';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';

package/src/recent-hires-card/RecentHiresCard.tsx

@@ -5,7 +5,8 @@ import { Avatar } from '../avatar';
 import { Button } from '../button';
 import { mixColor, resolveButtonRamps } from '../button/shared';
 import { Chip } from '../chip';
-import { RiArrowLeftLine, RiArrowRightLine } from '../icons/remix';
+import { RiArrowLeftLine } from '../icons/remix/RiArrowLeftLine';
+import { RiArrowRightLine } from '../icons/remix/RiArrowRightLine';
 import { ChevronDownSmall } from '../sidebar/parts';
 import { resolveDashboardSurfaces } from '../stat-cards/tones';
 import { adoptStyleSheet } from '../styles/adopt-style-sheet';

package/src/select/Select.tsx

@@ -31,7 +31,7 @@ import { cx } from '../floating/shared';
 import { TriggerSlot } from '../floating/TriggerSlot';
 import type { DialogControlProps } from '../dialog/types';
 import { useInteractionState } from '../hooks/use-interaction-state';
-import { RiCheckLine as CheckIcon } from '../icons/remix';
+import { RiCheckLine as CheckIcon } from '../icons/remix/RiCheckLine';
 import {
   StyledPressable,
   StyledText,

package/src/select/Select.web.tsx

@@ -36,7 +36,7 @@ import {
   StyledText,
   StyledView,
 } from '../styles/styled-primitives';
-import { RiCheckLine as CheckIcon } from '../icons/remix';
+import { RiCheckLine as CheckIcon } from '../icons/remix/RiCheckLine';
 import { adoptStyleSheet } from '../styles/adopt-style-sheet';
 import { borderRadius } from '../styles/tokens';
 import type { WebCssStyle } from '../styles/web-view-style';

package/src/select/shared.tsx

@@ -18,10 +18,8 @@ import { ROW_ICON_SIZE, ROW_LABEL_CLASS } from '../floating/constants';
 import { useMenuPalette } from '../floating/menu-palette';
 import { menuType, menuTypeClass } from '../floating/menu-type';
 import { cx } from '../floating/shared';
-import {
-  RiArrowDownSLine as ChevronDownIcon,
-  RiArrowUpSLine as ChevronUpIcon,
-} from '../icons/remix';
+import { RiArrowDownSLine as ChevronDownIcon } from '../icons/remix/RiArrowDownSLine';
+import { RiArrowUpSLine as ChevronUpIcon } from '../icons/remix/RiArrowUpSLine';
 import {
   StyledPressable,
   StyledText,

package/src/settings-modal/SettingsFields.tsx

@@ -4,7 +4,7 @@ import { Platform, Pressable, StyleSheet, View, type ViewStyle } from 'react-nat
 import { borderRadius } from '../styles/tokens';
 import { webDataSet } from '../styles/web-data';
 import { Calendar } from '../date-picker';
-import { RiCalendarLine } from '../icons/remix';
+import { RiCalendarLine } from '../icons/remix/RiCalendarLine';
 import { Popover, PopoverContent, PopoverTrigger } from '../popover';
 import { TextField, TextFieldIcon, TextFieldInput } from '../text-field';
 import { Text } from '../typography';

package/src/settings-modal/SettingsModal.tsx

@@ -26,7 +26,10 @@ import Animated, {
 
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
-import { RiArrowLeftSLine, RiArrowRightSLine, RiCheckboxCircleFill, RiCloseLine } from '../icons/remix';
+import { RiArrowLeftSLine } from '../icons/remix/RiArrowLeftSLine';
+import { RiArrowRightSLine } from '../icons/remix/RiArrowRightSLine';
+import { RiCheckboxCircleFill } from '../icons/remix/RiCheckboxCircleFill';
+import { RiCloseLine } from '../icons/remix/RiCloseLine';
 import { VerticalFade } from './SettingsArt';
 import { Backdrop, OverlayRoot } from '../overlay';
 import type { WebCssStyle } from '../styles/web-view-style';

package/src/settings-modal/SettingsStorage.tsx

@@ -16,17 +16,15 @@ import { Chip } from '../chip';
 import { FileUpload, formatFileSize } from '../file-upload';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../dropdown-menu';
 import { useControllableState } from '../hooks/use-controllable-state';
-import {
-  RiDeleteBin6Line,
-  RiDownload2Line,
-  RiEditLine,
-  RiFileCopyLine,
-  RiFileExcel2Line,
-  RiFileTextLine,
-  RiMore2Fill,
-  RiSearchLine,
-  RiVideoLine,
-} from '../icons/remix';
+import { RiDeleteBin6Line } from '../icons/remix/RiDeleteBin6Line';
+import { RiDownload2Line } from '../icons/remix/RiDownload2Line';
+import { RiEditLine } from '../icons/remix/RiEditLine';
+import { RiFileCopyLine } from '../icons/remix/RiFileCopyLine';
+import { RiFileExcel2Line } from '../icons/remix/RiFileExcel2Line';
+import { RiFileTextLine } from '../icons/remix/RiFileTextLine';
+import { RiMore2Fill } from '../icons/remix/RiMore2Fill';
+import { RiSearchLine } from '../icons/remix/RiSearchLine';
+import { RiVideoLine } from '../icons/remix/RiVideoLine';
 import { Pagination } from '../pagination';
 import { Select, SelectContent, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectTrigger, SelectValue } from '../select';
 import { borderRadius } from '../styles/tokens';

package/src/settings-modal/SettingsTools.tsx

@@ -14,7 +14,8 @@ import { Button } from '../button';
 import { ACCENT_TABLE, colorRamp, DANGER_TABLE } from '../button/shared';
 import { Chip } from '../chip';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../dropdown-menu';
-import { RiAddLine, RiMoreFill } from '../icons/remix';
+import { RiAddLine } from '../icons/remix/RiAddLine';
+import { RiMoreFill } from '../icons/remix/RiMoreFill';
 import { useControllableState } from '../hooks/use-controllable-state';
 import { Switch } from '../switch';
 import type { Theme } from '../theme/types';

package/src/sidebar/Sidebar.tsx

@@ -19,7 +19,9 @@ import { Badge } from '../badge';
 import { CloseButton } from '../button';
 import { useControllableState } from '../hooks/use-controllable-state';
 import { useInteractionState } from '../hooks/use-interaction-state';
-import { RiCloseLine, RiSearchLine, RiSideBarFill } from '../icons/remix';
+import { RiCloseLine } from '../icons/remix/RiCloseLine';
+import { RiSearchLine } from '../icons/remix/RiSearchLine';
+import { RiSideBarFill } from '../icons/remix/RiSideBarFill';
 import { Kbd } from '../kbd';
 import { borderRadius } from '../styles/tokens';
 import type { WebCssStyle } from '../styles/web-view-style';

package/src/sidebar/SidebarFolder.tsx

@@ -12,7 +12,8 @@ import Svg, { Path } from 'react-native-svg';
 
 import { useControllableState } from '../hooks/use-controllable-state';
 import { useInteractionState } from '../hooks/use-interaction-state';
-import { RiFolderLine, RiFolderOpenLine } from '../icons/remix';
+import { RiFolderLine } from '../icons/remix/RiFolderLine';
+import { RiFolderOpenLine } from '../icons/remix/RiFolderOpenLine';
 import type { WebCssStyle } from '../styles/web-view-style';
 import { Text } from '../typography';
 import { useSidebarPalette, type SidebarPalette } from './palette';

package/src/sidebar/SidebarUserMenu.tsx

@@ -3,7 +3,8 @@ import { Pressable, View, useWindowDimensions } from 'react-native';
 
 import { Button } from '../button';
 import { useInteractionState } from '../hooks/use-interaction-state';
-import { RiAddFill, RiEqualizer3Line } from '../icons/remix';
+import { RiAddFill } from '../icons/remix/RiAddFill';
+import { RiEqualizer3Line } from '../icons/remix/RiEqualizer3Line';
 import { Popover, PopoverContent, PopoverTrigger } from '../popover';
 import { BREAKPOINTS } from '../styles/breakpoints';
 import { borderRadius } from '../styles/tokens';

package/src/task-list/TaskList.tsx

@@ -18,7 +18,7 @@ import {
   useAgentLogRevealTicker,
 } from '../agent-log';
 import { mixColor, resolveButtonRamps } from '../button/shared';
-import { RiArrowDownSLine } from '../icons/remix';
+import { RiArrowDownSLine } from '../icons/remix/RiArrowDownSLine';
 import { adoptStyleSheet } from '../styles/adopt-style-sheet';
 import type { WebCssStyle } from '../styles/web-view-style';
 import type { Theme } from '../theme/types';

package/src/tenancy/DocumentList.tsx

@@ -3,7 +3,9 @@ import { View } from 'react-native';
 
 import { Badge } from '../badge';
 import { Button } from '../button';
-import { RiDownload2Line, RiEyeLine, RiQuillPenLine } from '../icons/remix';
+import { RiDownload2Line } from '../icons/remix/RiDownload2Line';
+import { RiEyeLine } from '../icons/remix/RiEyeLine';
+import { RiQuillPenLine } from '../icons/remix/RiQuillPenLine';
 import { useContainerWidth } from '../hooks/use-container-width';
 import { Text } from '../typography';
 import { DOCUMENT_LIST_WIDE_MIN_WIDTH, TENANCY_DOCUMENT_ICON, TENANCY_DOCUMENT_STATUS } from './constants';

package/src/tenancy/MaintenanceRequestCard.tsx

@@ -2,7 +2,7 @@ import React, { memo } from 'react';
 import { Image, Pressable, ScrollView, View } from 'react-native';
 
 import { Badge } from '../badge';
-import { RiChat3Line } from '../icons/remix';
+import { RiChat3Line } from '../icons/remix/RiChat3Line';
 import { useImageResolver } from '../image-resolver/context';
 import type { WebCssStyle } from '../styles/web-view-style';
 import { webDataSet } from '../styles/web-data';