@oxy.so/bloom 7.2.0 → 7.4.0

package/src/note-card/shared.ts

@@ -40,7 +40,7 @@ export interface NoteCardGeometry {
   padding: number;
   gap: number;
   /** A rung of the `RADIUS` scale — `Card` takes the rung, the focus ring takes its px. */
-  radius: CardRadius;
+  radius: Exclude<CardRadius, 'panel'>;
   excerptLines: number;
   titleLines: number;
   maxTags: number;

package/src/settings-modal/SettingsPlanCard.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { EmptyState } from '../empty-state';
 import { StyleSheet, View } from 'react-native';
 
 import { useMessages } from '../locale/messages';
@@ -81,6 +82,7 @@ function Sections({ sections }: { sections: SettingsPageSection[] }) {
       {sections.map((section) => {
         const card = (
           <SettingsCard>
+            {section.rows.length === 0 && section.emptyState ? <EmptyState variant="compact" {...section.emptyState} /> : null}
             {section.rows.map((row) => (
               <SettingsRow key={row.key} label={row.label} description={row.description}>
                 {row.control}

package/src/settings-modal/types.ts

@@ -1,3 +1,4 @@
+import type { EmptyStateProps } from '../empty-state/types';
 import type { ComponentType, ReactNode } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 
@@ -212,6 +213,8 @@ export interface SettingsPageSection {
   description?: string;
   action?: ReactNode;
   rows: SettingsRowData[];
+  /** Rendered inside the section card only when rows is empty. */
+  emptyState?: EmptyStateProps;
 }
 
 export interface SettingsGeneralPageProps {